@dnb/eufemia 10.21.0 → 10.22.0

package/cjs/components/progress-indicator/ProgressIndicator.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressIndicator.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames","_Context","_componentHelper","_SpacingHelper","_ProgressIndicatorCircular","_ProgressIndicatorLinear","_NumberUtils","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","ProgressIndicator","React","PureComponent","constructor","_listenForPropChanges","completeTimeout","setTimeout","setState","complete","props","on_complete","fadeOutTimeout","dispatchCustomElementEvent","getDerivedStateFromProps","state","visible","isTrue","progress","parseFloat","componentWillUnmount","clearTimeout","render","extendPropsWithContextInClassComponent","defaultProps","context","getTranslation","type","size","no_animation","label","indicator_label","label_direction","show_label","className","class","_className","children","title","_progress","_visible","_complete","attributes","params","indicatorLabel","progressTitle","formatProgress","validateDOMAttributes","createElement","classnames","createSpacingClasses","onComplete","callOnCompleteHandler","exports","Context","section_style","section_spacing","process","env","NODE_ENV","propTypes","PropTypes","oneOfType","string","bool","oneOf","number","node","spacingPropTypes","func","format","decimals","percent","_supportsSpacingProps"],"sources":["../../../../src/components/progress-indicator/ProgressIndicator.js"],"sourcesContent":["/**\n * Web ProgressIndicator Component\n *\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\nimport Context from '../../shared/Context'\nimport {\n  isTrue,\n  validateDOMAttributes,\n  dispatchCustomElementEvent,\n  extendPropsWithContextInClassComponent,\n} from '../../shared/component-helper'\nimport {\n  spacingPropTypes,\n  createSpacingClasses,\n} from '../space/SpacingHelper'\nimport ProgressIndicatorCircular from './ProgressIndicatorCircular'\nimport ProgressIndicatorLinear from './ProgressIndicatorLinear'\nimport { format } from '../number-format/NumberUtils'\n\nexport default class ProgressIndicator extends React.PureComponent {\n  static contextType = Context\n\n  static propTypes = {\n    visible: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    type: PropTypes.oneOf(['circular', 'linear']),\n    no_animation: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    size: PropTypes.oneOf(['default', 'small', 'medium', 'large', 'huge']),\n    progress: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    label: PropTypes.node,\n    label_direction: PropTypes.string,\n    show_label: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    indicator_label: PropTypes.string,\n    section_style: PropTypes.string,\n    section_spacing: PropTypes.string,\n    title: PropTypes.string,\n\n    ...spacingPropTypes,\n\n    class: PropTypes.string,\n    className: PropTypes.string,\n    children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n\n    on_complete: PropTypes.func,\n  }\n\n  static defaultProps = {\n    visible: true,\n    type: 'circular',\n    no_animation: false,\n    size: 'default',\n    progress: null,\n    label: null,\n    label_direction: 'horizontal',\n    show_label: false,\n    indicator_label: null,\n    section_style: null,\n    section_spacing: null,\n    title: null,\n    class: null,\n    className: null,\n    children: null,\n\n    on_complete: null,\n  }\n\n  static getDerivedStateFromProps(props, state) {\n    if (state._listenForPropChanges) {\n      state.visible = isTrue(props.visible)\n      if (state.visible) {\n        state.complete = false\n      }\n      state.progress =\n        parseFloat(props.progress) > -1 ? props.progress : undefined\n    }\n    state._listenForPropChanges = true\n    return state\n  }\n\n  state = {\n    _listenForPropChanges: true,\n  }\n\n  componentWillUnmount() {\n    clearTimeout(this.completeTimeout)\n    clearTimeout(this.fadeOutTimeout)\n  }\n\n  callOnCompleteHandler = () => {\n    this.completeTimeout = setTimeout(() => {\n      this.setState({\n        complete: true,\n      })\n      if (typeof this.props.on_complete === 'function') {\n        this.fadeOutTimeout = setTimeout(() => {\n          dispatchCustomElementEvent(this, 'on_complete')\n        }, 600) // wait for CSS fade out, defined in \"progress-indicator-fade-out\"\n      }\n    }, 200)\n  }\n\n  render() {\n    // use only the props from context, who are available here anyway\n    const props = extendPropsWithContextInClassComponent(\n      this.props,\n      ProgressIndicator.defaultProps,\n      this.context.getTranslation(this.props).ProgressIndicator,\n      this.context.ProgressIndicator\n    )\n\n    const {\n      type,\n      size,\n      no_animation,\n      on_complete,\n      label,\n      indicator_label,\n      label_direction,\n      show_label,\n      className,\n      class: _className,\n      children,\n      title,\n      progress: _progress, //eslint-disable-line\n      visible: _visible, //eslint-disable-line\n      complete: _complete, //eslint-disable-line\n      ...attributes\n    } = props\n\n    const { progress, visible, complete } = this.state\n\n    const params = { ...attributes }\n\n    const indicatorLabel =\n      label || children || (isTrue(show_label) && indicator_label)\n\n    const progressTitle = title || formatProgress(progress)\n\n    validateDOMAttributes(this.props, params)\n\n    return (\n      <div\n        className={classnames(\n          'dnb-progress-indicator',\n          visible && 'dnb-progress-indicator--visible',\n          complete && 'dnb-progress-indicator--complete',\n          type === 'linear' && 'dnb-progress-indicator--full-width',\n          label_direction && `dnb-progress-indicator--${label_direction}`,\n          isTrue(no_animation) && 'dnb-progress-indicator--no-animation',\n          createSpacingClasses(props),\n          className,\n          _className\n        )}\n        {...params}\n      >\n        {type === 'circular' && (\n          <ProgressIndicatorCircular\n            size={size}\n            progress={progress}\n            visible={visible}\n            complete={complete}\n            onComplete={on_complete}\n            callOnCompleteHandler={this.callOnCompleteHandler}\n            title={progressTitle}\n          />\n        )}\n        {type === 'linear' && (\n          <ProgressIndicatorLinear\n            size={size}\n            progress={progress}\n            visible={visible}\n            complete={complete}\n            onComplete={on_complete}\n            callOnCompleteHandler={this.callOnCompleteHandler}\n            title={progressTitle}\n          />\n        )}\n        {indicatorLabel && (\n          <div className=\"dnb-progress-indicator__label\">\n            <p className=\"dnb-p\">{indicatorLabel}</p>\n          </div>\n        )}\n      </div>\n    )\n  }\n}\n\nfunction formatProgress(progress) {\n  if (parseFloat(progress) > -1) {\n    return format(progress, {\n      decimals: 2,\n      percent: true,\n    })\n  }\n  return null\n}\n\nProgressIndicator._supportsSpacingProps = true\n"],"mappings":"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"}
+{"version":3,"file":"ProgressIndicator.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames","_Context","_componentHelper","_SpacingHelper","_ProgressIndicatorCircular","_ProgressIndicatorLinear","_NumberUtils","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","ProgressIndicator","React","PureComponent","constructor","_listenForPropChanges","completeTimeout","setTimeout","setState","complete","props","on_complete","fadeOutTimeout","dispatchCustomElementEvent","getDerivedStateFromProps","state","visible","isTrue","progress","parseFloat","componentWillUnmount","clearTimeout","render","extendPropsWithContextInClassComponent","defaultProps","context","getTranslation","type","size","no_animation","label","indicator_label","label_direction","show_label","className","class","_className","children","title","_progress","_visible","_complete","attributes","params","indicatorLabel","progressTitle","formatProgress","validateDOMAttributes","createElement","classnames","createSpacingClasses","onComplete","callOnCompleteHandler","exports","Context","section_style","section_spacing","process","env","NODE_ENV","propTypes","PropTypes","oneOfType","string","bool","oneOf","number","node","spacingPropTypes","func","format","decimals","percent","_supportsSpacingProps"],"sources":["../../../../src/components/progress-indicator/ProgressIndicator.js"],"sourcesContent":["/**\n * Web ProgressIndicator Component\n *\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\nimport Context from '../../shared/Context'\nimport {\n  isTrue,\n  validateDOMAttributes,\n  dispatchCustomElementEvent,\n  extendPropsWithContextInClassComponent,\n} from '../../shared/component-helper'\nimport {\n  spacingPropTypes,\n  createSpacingClasses,\n} from '../space/SpacingHelper'\nimport ProgressIndicatorCircular from './ProgressIndicatorCircular'\nimport ProgressIndicatorLinear from './ProgressIndicatorLinear'\nimport { format } from '../number-format/NumberUtils'\n\nexport default class ProgressIndicator extends React.PureComponent {\n  static contextType = Context\n\n  static propTypes = {\n    visible: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    type: PropTypes.oneOf(['circular', 'linear']),\n    no_animation: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    size: PropTypes.oneOf(['default', 'small', 'medium', 'large', 'huge']),\n    progress: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    label: PropTypes.node,\n    label_direction: PropTypes.string,\n    show_label: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    indicator_label: PropTypes.string,\n    section_style: PropTypes.string,\n    section_spacing: PropTypes.string,\n    title: PropTypes.string,\n\n    ...spacingPropTypes,\n\n    class: PropTypes.string,\n    className: PropTypes.string,\n    children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n\n    on_complete: PropTypes.func,\n  }\n\n  static defaultProps = {\n    visible: true,\n    type: 'circular',\n    no_animation: false,\n    size: 'default',\n    progress: null,\n    label: null,\n    label_direction: 'horizontal',\n    show_label: false,\n    indicator_label: null,\n    section_style: null,\n    section_spacing: null,\n    title: null,\n    class: null,\n    className: null,\n    children: null,\n\n    on_complete: null,\n  }\n\n  static getDerivedStateFromProps(props, state) {\n    if (state._listenForPropChanges) {\n      state.visible = isTrue(props.visible)\n      if (state.visible) {\n        state.complete = false\n      }\n      state.progress =\n        parseFloat(props.progress) > -1 ? props.progress : undefined\n    }\n    state._listenForPropChanges = true\n    return state\n  }\n\n  state = {\n    _listenForPropChanges: true,\n  }\n\n  componentWillUnmount() {\n    clearTimeout(this.completeTimeout)\n    clearTimeout(this.fadeOutTimeout)\n  }\n\n  callOnCompleteHandler = () => {\n    this.completeTimeout = setTimeout(() => {\n      this.setState({\n        complete: true,\n      })\n      if (typeof this.props.on_complete === 'function') {\n        this.fadeOutTimeout = setTimeout(() => {\n          dispatchCustomElementEvent(this, 'on_complete')\n        }, 600) // wait for CSS fade out, defined in \"progress-indicator-fade-out\"\n      }\n    }, 200)\n  }\n\n  render() {\n    // use only the props from context, who are available here anyway\n    const props = extendPropsWithContextInClassComponent(\n      this.props,\n      ProgressIndicator.defaultProps,\n      this.context.getTranslation(this.props).ProgressIndicator,\n      this.context.ProgressIndicator\n    )\n\n    const {\n      type,\n      size,\n      no_animation,\n      on_complete,\n      label,\n      indicator_label,\n      label_direction,\n      show_label,\n      className,\n      class: _className,\n      children,\n      title,\n      progress: _progress, // eslint-disable-line\n      visible: _visible, // eslint-disable-line\n      complete: _complete, // eslint-disable-line\n      ...attributes\n    } = props\n\n    const { progress, visible, complete } = this.state\n\n    const params = { ...attributes }\n\n    const indicatorLabel =\n      label || children || (isTrue(show_label) && indicator_label)\n\n    const progressTitle = title || formatProgress(progress)\n\n    validateDOMAttributes(this.props, params)\n\n    return (\n      <span\n        className={classnames(\n          'dnb-progress-indicator',\n          visible && 'dnb-progress-indicator--visible',\n          complete && 'dnb-progress-indicator--complete',\n          type === 'linear' && 'dnb-progress-indicator--full-width',\n          label_direction && `dnb-progress-indicator--${label_direction}`,\n          size && `dnb-progress-indicator--${size}`,\n          isTrue(no_animation) && 'dnb-progress-indicator--no-animation',\n          createSpacingClasses(props),\n          className,\n          _className\n        )}\n        {...params}\n      >\n        {type === 'circular' && (\n          <ProgressIndicatorCircular\n            size={size}\n            progress={progress}\n            visible={visible}\n            complete={complete}\n            onComplete={on_complete}\n            callOnCompleteHandler={this.callOnCompleteHandler}\n            title={progressTitle}\n          />\n        )}\n        {type === 'linear' && (\n          <ProgressIndicatorLinear\n            size={size}\n            progress={progress}\n            visible={visible}\n            complete={complete}\n            onComplete={on_complete}\n            callOnCompleteHandler={this.callOnCompleteHandler}\n            title={progressTitle}\n          />\n        )}\n        {indicatorLabel && (\n          <span className=\"dnb-progress-indicator__label dnb-p\">\n            {indicatorLabel}\n          </span>\n        )}\n      </span>\n    )\n  }\n}\n\nfunction formatProgress(progress) {\n  if (parseFloat(progress) > -1) {\n    return format(progress, {\n      decimals: 2,\n      percent: true,\n    })\n  }\n  return null\n}\n\nProgressIndicator._supportsSpacingProps = true\n"],"mappings":"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"}

package/cjs/components/progress-indicator/ProgressIndicatorCircular.js

@@ -151,7 +151,7 @@ class ProgressIndicatorCircular extends _react.default.PureComponent {
       params['aria-busy'] = true;
     }
     (0, _componentHelper.validateDOMAttributes)(this.props, params);
-    return _react.default.createElement("div", _extends({
+    return _react.default.createElement("span", _extends({
       className: (0, _classnames.default)('dnb-progress-indicator__circular', size && `dnb-progress-indicator__circular--${size}`, hasProgressValue && 'dnb-progress-indicator__circular--has-progress-value')
     }, params), _Circle || (_Circle = _react.default.createElement(Circle, {
       className: "dnb-progress-indicator__circular__line light paused"

package/cjs/components/progress-indicator/ProgressIndicatorCircular.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressIndicatorCircular.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames","_componentHelper","_helpers","_Circle","_circle","_excluded","_excluded2","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","ProgressIndicatorCircular","React","PureComponent","getDerivedStateFromProps","props","state","progress","parseFloat","visible","complete","constructor","useAnimationFrame","onComplete","IS_EDGE","_refDark","createRef","_refLight","animate","componentDidMount","startAnimationFirstTime","componentWillUnmount","stopAnimation","setState","startupTimeout","clearTimeout","setTimeout","startAnimation","current","callOnCompleteHandler","element","animateOnStart","callback","min","max","start","ms","prog","setProg","completeCalled","stopNextRound","step","timestamp","style","Math","round","ceil","window","requestAnimationFrame","render","_this$props","size","maxOffset","title","_progress","rest","strokeDashoffset","hasProgressValue","params","role","validateDOMAttributes","createElement","className","classnames","Circle","ref","exports","process","env","NODE_ENV","propTypes","PropTypes","string","bool","oneOfType","number","func","forwardRef","_ref","viewBox","shapeRendering","fill","strokeWidth","cx","cy","r","isRequired"],"sources":["../../../../src/components/progress-indicator/ProgressIndicatorCircular.js"],"sourcesContent":["/**\n * Web ProgressIndicator Component\n *\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\nimport { validateDOMAttributes } from '../../shared/component-helper'\nimport { IS_EDGE } from '../../shared/helpers'\n\nexport default class ProgressIndicatorCircular extends React.PureComponent {\n  static propTypes = {\n    size: PropTypes.string,\n    visible: PropTypes.bool,\n    complete: PropTypes.bool,\n    progress: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    maxOffset: PropTypes.number,\n    onComplete: PropTypes.func,\n    callOnCompleteHandler: PropTypes.func,\n    title: PropTypes.string,\n  }\n  static defaultProps = {\n    size: null,\n    visible: true,\n    complete: false,\n    progress: null,\n    maxOffset: 88,\n    onComplete: null,\n    callOnCompleteHandler: null,\n    title: null,\n  }\n  static getDerivedStateFromProps(props, state) {\n    state.progress = parseFloat(props.progress)\n    state.visible = props.visible\n    state.complete = props.complete\n    return state\n  }\n  constructor(props) {\n    super(props)\n    this.useAnimationFrame =\n      typeof props.onComplete === 'function' || IS_EDGE\n    this._refDark = React.createRef()\n    this._refLight = React.createRef()\n    this.state = { animate: false }\n  }\n  componentDidMount() {\n    if (this.useAnimationFrame) {\n      this.startAnimationFirstTime()\n    }\n  }\n  componentWillUnmount() {\n    this.stopAnimation()\n  }\n  stopAnimation() {\n    this.setState({ animate: false })\n    if (this.startupTimeout) {\n      clearTimeout(this.startupTimeout)\n    }\n  }\n  startAnimationFirstTime() {\n    this.setState({ animate: false })\n    this.startupTimeout = setTimeout(() => this.startAnimation(), 300)\n  }\n  startAnimation() {\n    this.setState({ animate: true }, () => {\n      if (this._refDark.current) {\n        this.animate(\n          this._refDark.current,\n          true,\n          this.props.callOnCompleteHandler\n        )\n      }\n      if (this._refLight.current) {\n        this.animate(this._refLight.current, false)\n      }\n    })\n  }\n  animate(element, animateOnStart = true, callback = null) {\n    const min = 1\n    const max = 88\n    let start = 0,\n      ms = 0,\n      prog = max,\n      setProg = animateOnStart,\n      animate = true,\n      completeCalled = false,\n      stopNextRound = false\n\n    const step = (timestamp) => {\n      if (!start) {\n        start = timestamp\n      }\n\n      // milliseconds\n      ms = timestamp - start\n\n      if (animate) {\n        if (!this.state.visible && prog < 5) {\n          prog = min\n        }\n        if (setProg) {\n          element.style['stroke-dashoffset'] = prog\n        } else if (!animateOnStart) {\n          element.style['stroke-dashoffset'] = max\n        }\n      }\n\n      // if complete\n      if (stopNextRound) {\n        animate = false\n        if (!completeCalled) {\n          completeCalled = true\n          if (animateOnStart && typeof callback === 'function') {\n            callback()\n          }\n        } else if (this.state.visible && ms % 1e3 > 950) {\n          // this.startAnimationFirstTime() // will not start completely from scratch\n          stopNextRound = false\n        }\n      } else {\n        // make sure we stop next round\n        stopNextRound = !this.state.visible && prog === min\n        animate = true\n        completeCalled = false\n      }\n\n      // since we have 1sec as duration, and we want always a max of 1000ms\n      prog = Math.round(max - (max / 1e3) * (ms % 1e3))\n\n      // calc if we want to animate\n      setProg = animateOnStart\n        ? Math.ceil(ms / 1e3) % 2 === 1 || ms === 0\n        : Math.ceil(ms / 1e3) % 2 === 0 && ms !== 0\n\n      if (this.state.animate) {\n        window.requestAnimationFrame(step)\n      }\n    }\n    if (typeof window !== 'undefined' && window.requestAnimationFrame) {\n      window.requestAnimationFrame(step)\n    }\n  }\n  render() {\n    const {\n      size,\n      maxOffset,\n      title,\n      progress: _progress, // eslint-disable-line\n      visible, // eslint-disable-line\n      complete, // eslint-disable-line\n      onComplete, // eslint-disable-line\n      callOnCompleteHandler, // eslint-disable-line\n\n      ...rest\n    } = this.props\n\n    const { progress } = this.state\n\n    const strokeDashoffset = maxOffset - (maxOffset / 100) * progress\n    const hasProgressValue = parseFloat(progress) > -1\n\n    const params = { ...rest }\n\n    if (hasProgressValue) {\n      params.role = 'progressbar'\n      params['aria-label'] = title\n      params['title'] = title\n    } else {\n      params.role = 'alert'\n      params['aria-busy'] = true\n    }\n\n    validateDOMAttributes(this.props, params)\n\n    return (\n      <div\n        className={classnames(\n          'dnb-progress-indicator__circular',\n          size && `dnb-progress-indicator__circular--${size}`,\n          hasProgressValue &&\n            'dnb-progress-indicator__circular--has-progress-value'\n        )}\n        {...params}\n      >\n        {/* The first one is the background line */}\n        <Circle\n          className={classnames(\n            'dnb-progress-indicator__circular__line',\n            'light',\n            'paused'\n          )}\n        />\n        <Circle\n          className={classnames(\n            'dnb-progress-indicator__circular__line',\n            'dark',\n            'dark',\n            hasProgressValue || this.useAnimationFrame ? 'paused' : null\n          )}\n          style={hasProgressValue ? { strokeDashoffset } : {}}\n          ref={this._refDark}\n        />\n        {!hasProgressValue && (\n          <Circle\n            className={classnames(\n              'dnb-progress-indicator__circular__line',\n              'light',\n              this.useAnimationFrame ? 'paused' : null\n            )}\n            ref={this._refLight}\n          />\n        )}\n      </div>\n    )\n  }\n}\n\nconst Circle = React.forwardRef(({ className, ...rest }, ref) => {\n  return (\n    <svg\n      className={className}\n      viewBox=\"0 0 32 32\"\n      shapeRendering=\"geometricPrecision\"\n      ref={ref}\n      {...rest}\n    >\n      <circle\n        className=\"dnb-progress-indicator__circular__circle\"\n        fill=\"none\"\n        strokeWidth=\"4\"\n        cx=\"16\"\n        cy=\"16\"\n        r=\"14\"\n      />\n    </svg>\n  )\n})\nCircle.propTypes = {\n  className: PropTypes.string.isRequired,\n}\n// Circle.defaultProps = {\n// }\n"],"mappings":"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"}
+{"version":3,"file":"ProgressIndicatorCircular.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames","_componentHelper","_helpers","_Circle","_circle","_excluded","_excluded2","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","ProgressIndicatorCircular","React","PureComponent","getDerivedStateFromProps","props","state","progress","parseFloat","visible","complete","constructor","useAnimationFrame","onComplete","IS_EDGE","_refDark","createRef","_refLight","animate","componentDidMount","startAnimationFirstTime","componentWillUnmount","stopAnimation","setState","startupTimeout","clearTimeout","setTimeout","startAnimation","current","callOnCompleteHandler","element","animateOnStart","callback","min","max","start","ms","prog","setProg","completeCalled","stopNextRound","step","timestamp","style","Math","round","ceil","window","requestAnimationFrame","render","_this$props","size","maxOffset","title","_progress","rest","strokeDashoffset","hasProgressValue","params","role","validateDOMAttributes","createElement","className","classnames","Circle","ref","exports","process","env","NODE_ENV","propTypes","PropTypes","string","bool","oneOfType","number","func","forwardRef","_ref","viewBox","shapeRendering","fill","strokeWidth","cx","cy","r","isRequired"],"sources":["../../../../src/components/progress-indicator/ProgressIndicatorCircular.js"],"sourcesContent":["/**\n * Web ProgressIndicator Component\n *\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\nimport { validateDOMAttributes } from '../../shared/component-helper'\nimport { IS_EDGE } from '../../shared/helpers'\n\nexport default class ProgressIndicatorCircular extends React.PureComponent {\n  static propTypes = {\n    size: PropTypes.string,\n    visible: PropTypes.bool,\n    complete: PropTypes.bool,\n    progress: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    maxOffset: PropTypes.number,\n    onComplete: PropTypes.func,\n    callOnCompleteHandler: PropTypes.func,\n    title: PropTypes.string,\n  }\n  static defaultProps = {\n    size: null,\n    visible: true,\n    complete: false,\n    progress: null,\n    maxOffset: 88,\n    onComplete: null,\n    callOnCompleteHandler: null,\n    title: null,\n  }\n  static getDerivedStateFromProps(props, state) {\n    state.progress = parseFloat(props.progress)\n    state.visible = props.visible\n    state.complete = props.complete\n    return state\n  }\n  constructor(props) {\n    super(props)\n    this.useAnimationFrame =\n      typeof props.onComplete === 'function' || IS_EDGE\n    this._refDark = React.createRef()\n    this._refLight = React.createRef()\n    this.state = { animate: false }\n  }\n  componentDidMount() {\n    if (this.useAnimationFrame) {\n      this.startAnimationFirstTime()\n    }\n  }\n  componentWillUnmount() {\n    this.stopAnimation()\n  }\n  stopAnimation() {\n    this.setState({ animate: false })\n    if (this.startupTimeout) {\n      clearTimeout(this.startupTimeout)\n    }\n  }\n  startAnimationFirstTime() {\n    this.setState({ animate: false })\n    this.startupTimeout = setTimeout(() => this.startAnimation(), 300)\n  }\n  startAnimation() {\n    this.setState({ animate: true }, () => {\n      if (this._refDark.current) {\n        this.animate(\n          this._refDark.current,\n          true,\n          this.props.callOnCompleteHandler\n        )\n      }\n      if (this._refLight.current) {\n        this.animate(this._refLight.current, false)\n      }\n    })\n  }\n  animate(element, animateOnStart = true, callback = null) {\n    const min = 1\n    const max = 88\n    let start = 0,\n      ms = 0,\n      prog = max,\n      setProg = animateOnStart,\n      animate = true,\n      completeCalled = false,\n      stopNextRound = false\n\n    const step = (timestamp) => {\n      if (!start) {\n        start = timestamp\n      }\n\n      // milliseconds\n      ms = timestamp - start\n\n      if (animate) {\n        if (!this.state.visible && prog < 5) {\n          prog = min\n        }\n        if (setProg) {\n          element.style['stroke-dashoffset'] = prog\n        } else if (!animateOnStart) {\n          element.style['stroke-dashoffset'] = max\n        }\n      }\n\n      // if complete\n      if (stopNextRound) {\n        animate = false\n        if (!completeCalled) {\n          completeCalled = true\n          if (animateOnStart && typeof callback === 'function') {\n            callback()\n          }\n        } else if (this.state.visible && ms % 1e3 > 950) {\n          // this.startAnimationFirstTime() // will not start completely from scratch\n          stopNextRound = false\n        }\n      } else {\n        // make sure we stop next round\n        stopNextRound = !this.state.visible && prog === min\n        animate = true\n        completeCalled = false\n      }\n\n      // since we have 1sec as duration, and we want always a max of 1000ms\n      prog = Math.round(max - (max / 1e3) * (ms % 1e3))\n\n      // calc if we want to animate\n      setProg = animateOnStart\n        ? Math.ceil(ms / 1e3) % 2 === 1 || ms === 0\n        : Math.ceil(ms / 1e3) % 2 === 0 && ms !== 0\n\n      if (this.state.animate) {\n        window.requestAnimationFrame(step)\n      }\n    }\n    if (typeof window !== 'undefined' && window.requestAnimationFrame) {\n      window.requestAnimationFrame(step)\n    }\n  }\n  render() {\n    const {\n      size,\n      maxOffset,\n      title,\n      progress: _progress, // eslint-disable-line\n      visible, // eslint-disable-line\n      complete, // eslint-disable-line\n      onComplete, // eslint-disable-line\n      callOnCompleteHandler, // eslint-disable-line\n\n      ...rest\n    } = this.props\n\n    const { progress } = this.state\n\n    const strokeDashoffset = maxOffset - (maxOffset / 100) * progress\n    const hasProgressValue = parseFloat(progress) > -1\n\n    const params = { ...rest }\n\n    if (hasProgressValue) {\n      params.role = 'progressbar'\n      params['aria-label'] = title\n      params['title'] = title\n    } else {\n      params.role = 'alert'\n      params['aria-busy'] = true\n    }\n\n    validateDOMAttributes(this.props, params)\n\n    return (\n      <span\n        className={classnames(\n          'dnb-progress-indicator__circular',\n          size && `dnb-progress-indicator__circular--${size}`,\n          hasProgressValue &&\n            'dnb-progress-indicator__circular--has-progress-value'\n        )}\n        {...params}\n      >\n        {/* The first one is the background line */}\n        <Circle\n          className={classnames(\n            'dnb-progress-indicator__circular__line',\n            'light',\n            'paused'\n          )}\n        />\n        <Circle\n          className={classnames(\n            'dnb-progress-indicator__circular__line',\n            'dark',\n            'dark',\n            hasProgressValue || this.useAnimationFrame ? 'paused' : null\n          )}\n          style={hasProgressValue ? { strokeDashoffset } : {}}\n          ref={this._refDark}\n        />\n        {!hasProgressValue && (\n          <Circle\n            className={classnames(\n              'dnb-progress-indicator__circular__line',\n              'light',\n              this.useAnimationFrame ? 'paused' : null\n            )}\n            ref={this._refLight}\n          />\n        )}\n      </span>\n    )\n  }\n}\n\nconst Circle = React.forwardRef(({ className, ...rest }, ref) => {\n  return (\n    <svg\n      className={className}\n      viewBox=\"0 0 32 32\"\n      shapeRendering=\"geometricPrecision\"\n      ref={ref}\n      {...rest}\n    >\n      <circle\n        className=\"dnb-progress-indicator__circular__circle\"\n        fill=\"none\"\n        strokeWidth=\"4\"\n        cx=\"16\"\n        cy=\"16\"\n        r=\"14\"\n      />\n    </svg>\n  )\n})\nCircle.propTypes = {\n  className: PropTypes.string.isRequired,\n}\n// Circle.defaultProps = {\n// }\n"],"mappings":"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"}

package/cjs/components/progress-indicator/ProgressIndicatorLinear.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _componentHelper = require("../../shared/component-helper");
-var _div;
+var _span;
 const _excluded = ["size", "title", "progress", "visible", "complete", "onComplete", "callOnCompleteHandler"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -65,14 +65,14 @@ class ProgressIndicatorLinear extends _react.default.PureComponent {
       params['aria-busy'] = true;
     }
     (0, _componentHelper.validateDOMAttributes)(this.props, params);
-    return _react.default.createElement("div", _extends({
+    return _react.default.createElement("span", _extends({
       className: 'dnb-progress-indicator__linear' + (size ? ` dnb-progress-indicator__linear--${size}` : "")
-    }, params), _react.default.createElement("div", {
+    }, params), _react.default.createElement("span", {
       className: "dnb-progress-indicator__linear__bar " + (hasProgressValue ? 'dnb-progress-indicator__linear__bar-transition' : 'dnb-progress-indicator__linear__bar1-animation'),
       style: hasProgressValue ? {
         transform
       } : {}
-    }), !hasProgressValue && (_div || (_div = _react.default.createElement("div", {
+    }), !hasProgressValue && (_span || (_span = _react.default.createElement("span", {
       className: "dnb-progress-indicator__linear__bar dnb-progress-indicator__linear__bar2-animation"
     }))));
   }

package/cjs/components/progress-indicator/ProgressIndicatorLinear.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressIndicatorLinear.js","names":["_react","_interopRequireDefault","require","_propTypes","_componentHelper","_div","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","isFn","func","ProgressIndicatorLinear","React","PureComponent","getDerivedStateFromProps","props","state","progress","parseFloat","visible","complete","constructor","onCompleteIsFn","onComplete","callOnCompleteHandler","componentDidUpdate","prevProps","render","_this$props","size","title","_progress","rest","hasProgressValue","transform","params","role","validateDOMAttributes","createElement","className","style","exports","process","env","NODE_ENV","propTypes","PropTypes","string","bool","oneOfType","number"],"sources":["../../../../src/components/progress-indicator/ProgressIndicatorLinear.js"],"sourcesContent":["/**\n * Web ProgressIndicator Component\n *\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\nimport { validateDOMAttributes } from '../../shared/component-helper'\n\nconst isFn = (func) => {\n  return typeof func === 'function'\n}\n\nexport default class ProgressIndicatorLinear extends React.PureComponent {\n  static propTypes = {\n    size: PropTypes.string,\n    visible: PropTypes.bool,\n    complete: PropTypes.bool,\n    progress: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    onComplete: PropTypes.func,\n    callOnCompleteHandler: PropTypes.func,\n    title: PropTypes.string,\n  }\n  static defaultProps = {\n    size: null,\n    visible: true,\n    complete: false,\n    progress: null,\n    onComplete: null,\n    callOnCompleteHandler: null,\n    title: null,\n  }\n  static getDerivedStateFromProps(props, state) {\n    state.progress = parseFloat(props.progress)\n    state.visible = props.visible\n    state.complete = props.complete\n    return state\n  }\n  constructor(props) {\n    super(props)\n    this.onCompleteIsFn =\n      isFn(this.props.onComplete) && isFn(this.props.callOnCompleteHandler)\n    this.state = {}\n  }\n\n  componentDidUpdate(prevProps) {\n    if (\n      this.onCompleteIsFn &&\n      !this.props.visible &&\n      this.props.visible !== prevProps.visible\n    ) {\n      this.props.callOnCompleteHandler()\n    }\n  }\n\n  render() {\n    const {\n      size,\n      title,\n      progress: _progress, // eslint-disable-line\n      visible, // eslint-disable-line\n      complete, // eslint-disable-line\n      onComplete, // eslint-disable-line\n      callOnCompleteHandler, // eslint-disable-line\n\n      ...rest\n    } = this.props\n\n    const { progress } = this.state\n\n    const hasProgressValue = parseFloat(progress) > -1\n\n    const transform = `translateX(${(progress || 0) - 100}%)`\n\n    const params = { ...rest }\n\n    if (hasProgressValue) {\n      params.role = 'progressbar'\n      params['aria-label'] = title\n      params['title'] = title\n    } else {\n      params.role = 'alert'\n      params['aria-busy'] = true\n    }\n\n    validateDOMAttributes(this.props, params)\n\n    return (\n      <div\n        className={classnames(\n          'dnb-progress-indicator__linear',\n          size && `dnb-progress-indicator__linear--${size}`\n        )}\n        {...params}\n      >\n        <div\n          className={classnames(\n            'dnb-progress-indicator__linear__bar',\n            hasProgressValue &&\n              'dnb-progress-indicator__linear__bar-transition',\n            !hasProgressValue &&\n              'dnb-progress-indicator__linear__bar1-animation'\n          )}\n          style={hasProgressValue ? { transform } : {}}\n        />\n        {!hasProgressValue && (\n          <div\n            className={classnames(\n              'dnb-progress-indicator__linear__bar',\n              'dnb-progress-indicator__linear__bar2-animation'\n            )}\n          />\n        )}\n      </div>\n    )\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"ProgressIndicatorLinear.js","names":["_react","_interopRequireDefault","require","_propTypes","_componentHelper","_span","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","isFn","func","ProgressIndicatorLinear","React","PureComponent","getDerivedStateFromProps","props","state","progress","parseFloat","visible","complete","constructor","onCompleteIsFn","onComplete","callOnCompleteHandler","componentDidUpdate","prevProps","render","_this$props","size","title","_progress","rest","hasProgressValue","transform","params","role","validateDOMAttributes","createElement","className","style","exports","process","env","NODE_ENV","propTypes","PropTypes","string","bool","oneOfType","number"],"sources":["../../../../src/components/progress-indicator/ProgressIndicatorLinear.js"],"sourcesContent":["/**\n * Web ProgressIndicator Component\n *\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\nimport { validateDOMAttributes } from '../../shared/component-helper'\n\nconst isFn = (func) => {\n  return typeof func === 'function'\n}\n\nexport default class ProgressIndicatorLinear extends React.PureComponent {\n  static propTypes = {\n    size: PropTypes.string,\n    visible: PropTypes.bool,\n    complete: PropTypes.bool,\n    progress: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    onComplete: PropTypes.func,\n    callOnCompleteHandler: PropTypes.func,\n    title: PropTypes.string,\n  }\n  static defaultProps = {\n    size: null,\n    visible: true,\n    complete: false,\n    progress: null,\n    onComplete: null,\n    callOnCompleteHandler: null,\n    title: null,\n  }\n  static getDerivedStateFromProps(props, state) {\n    state.progress = parseFloat(props.progress)\n    state.visible = props.visible\n    state.complete = props.complete\n    return state\n  }\n  constructor(props) {\n    super(props)\n    this.onCompleteIsFn =\n      isFn(this.props.onComplete) && isFn(this.props.callOnCompleteHandler)\n    this.state = {}\n  }\n\n  componentDidUpdate(prevProps) {\n    if (\n      this.onCompleteIsFn &&\n      !this.props.visible &&\n      this.props.visible !== prevProps.visible\n    ) {\n      this.props.callOnCompleteHandler()\n    }\n  }\n\n  render() {\n    const {\n      size,\n      title,\n      progress: _progress, // eslint-disable-line\n      visible, // eslint-disable-line\n      complete, // eslint-disable-line\n      onComplete, // eslint-disable-line\n      callOnCompleteHandler, // eslint-disable-line\n\n      ...rest\n    } = this.props\n\n    const { progress } = this.state\n\n    const hasProgressValue = parseFloat(progress) > -1\n\n    const transform = `translateX(${(progress || 0) - 100}%)`\n\n    const params = { ...rest }\n\n    if (hasProgressValue) {\n      params.role = 'progressbar'\n      params['aria-label'] = title\n      params['title'] = title\n    } else {\n      params.role = 'alert'\n      params['aria-busy'] = true\n    }\n\n    validateDOMAttributes(this.props, params)\n\n    return (\n      <span\n        className={classnames(\n          'dnb-progress-indicator__linear',\n          size && `dnb-progress-indicator__linear--${size}`\n        )}\n        {...params}\n      >\n        <span\n          className={classnames(\n            'dnb-progress-indicator__linear__bar',\n            hasProgressValue &&\n              'dnb-progress-indicator__linear__bar-transition',\n            !hasProgressValue &&\n              'dnb-progress-indicator__linear__bar1-animation'\n          )}\n          style={hasProgressValue ? { transform } : {}}\n        />\n        {!hasProgressValue && (\n          <span\n            className={classnames(\n              'dnb-progress-indicator__linear__bar',\n              'dnb-progress-indicator__linear__bar2-animation'\n            )}\n          />\n        )}\n      </span>\n    )\n  }\n}\n"],"mappings":";;;;;;AAKA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,gBAAA,GAAAF,OAAA;AAAqE,IAAAG,KAAA;AAAA,MAAAC,SAAA;AAAA,SAAAL,uBAAAM,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;AAAA,SAAAQ,QAAAC,MAAA,EAAAC,cAAA,QAAAC,IAAA,GAAAhB,MAAA,CAAAgB,IAAA,CAAAF,MAAA,OAAAd,MAAA,CAAAiB,qBAAA,QAAAC,OAAA,GAAAlB,MAAA,CAAAiB,qBAAA,CAAAH,MAAA,GAAAC,cAAA,KAAAG,OAAA,GAAAA,OAAA,CAAAC,MAAA,WAAAC,GAAA,WAAApB,MAAA,CAAAqB,wBAAA,CAAAP,MAAA,EAAAM,GAAA,EAAAE,UAAA,OAAAN,IAAA,CAAAO,IAAA,CAAAX,KAAA,CAAAI,IAAA,EAAAE,OAAA,YAAAF,IAAA;AAAA,SAAAQ,cAAArB,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,WAAAF,SAAA,CAAAD,CAAA,IAAAC,SAAA,CAAAD,CAAA,QAAAA,CAAA,OAAAS,OAAA,CAAAb,MAAA,CAAAO,MAAA,OAAAkB,OAAA,WAAAjB,GAAA,IAAAkB,eAAA,CAAAvB,MAAA,EAAAK,GAAA,EAAAD,MAAA,CAAAC,GAAA,SAAAR,MAAA,CAAA2B,yBAAA,GAAA3B,MAAA,CAAA4B,gBAAA,CAAAzB,MAAA,EAAAH,MAAA,CAAA2B,yBAAA,CAAApB,MAAA,KAAAM,OAAA,CAAAb,MAAA,CAAAO,MAAA,GAAAkB,OAAA,WAAAjB,GAAA,IAAAR,MAAA,CAAA6B,cAAA,CAAA1B,MAAA,EAAAK,GAAA,EAAAR,MAAA,CAAAqB,wBAAA,CAAAd,MAAA,EAAAC,GAAA,iBAAAL,MAAA;AAAA,SAAA2B,yBAAAvB,MAAA,EAAAwB,QAAA,QAAAxB,MAAA,yBAAAJ,MAAA,GAAA6B,6BAAA,CAAAzB,MAAA,EAAAwB,QAAA,OAAAvB,GAAA,EAAAJ,CAAA,MAAAJ,MAAA,CAAAiB,qBAAA,QAAAgB,gBAAA,GAAAjC,MAAA,CAAAiB,qBAAA,CAAAV,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAA6B,gBAAA,CAAA3B,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAyB,gBAAA,CAAA7B,CAAA,OAAA2B,QAAA,CAAAG,OAAA,CAAA1B,GAAA,uBAAAR,MAAA,CAAAS,SAAA,CAAA0B,oBAAA,CAAAxB,IAAA,CAAAJ,MAAA,EAAAC,GAAA,aAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,cAAAL,MAAA;AAAA,SAAA6B,8BAAAzB,MAAA,EAAAwB,QAAA,QAAAxB,MAAA,yBAAAJ,MAAA,WAAAiC,UAAA,GAAApC,MAAA,CAAAgB,IAAA,CAAAT,MAAA,OAAAC,GAAA,EAAAJ,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAgC,UAAA,CAAA9B,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAA4B,UAAA,CAAAhC,CAAA,OAAA2B,QAAA,CAAAG,OAAA,CAAA1B,GAAA,kBAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,YAAAL,MAAA;AAAA,SAAAuB,gBAAA9B,GAAA,EAAAY,GAAA,EAAA6B,KAAA,IAAA7B,GAAA,GAAA8B,cAAA,CAAA9B,GAAA,OAAAA,GAAA,IAAAZ,GAAA,IAAAI,MAAA,CAAA6B,cAAA,CAAAjC,GAAA,EAAAY,GAAA,IAAA6B,KAAA,EAAAA,KAAA,EAAAf,UAAA,QAAAiB,YAAA,QAAAC,QAAA,oBAAA5C,GAAA,CAAAY,GAAA,IAAA6B,KAAA,WAAAzC,GAAA;AAAA,SAAA0C,eAAAG,GAAA,QAAAjC,GAAA,GAAAkC,YAAA,CAAAD,GAAA,2BAAAjC,GAAA,gBAAAA,GAAA,GAAAmC,MAAA,CAAAnC,GAAA;AAAA,SAAAkC,aAAAE,KAAA,EAAAC,IAAA,eAAAD,KAAA,iBAAAA,KAAA,kBAAAA,KAAA,MAAAE,IAAA,GAAAF,KAAA,CAAAG,MAAA,CAAAC,WAAA,OAAAF,IAAA,KAAAG,SAAA,QAAAC,GAAA,GAAAJ,IAAA,CAAAnC,IAAA,CAAAiC,KAAA,EAAAC,IAAA,2BAAAK,GAAA,sBAAAA,GAAA,YAAAC,SAAA,4DAAAN,IAAA,gBAAAF,MAAA,GAAAS,MAAA,EAAAR,KAAA;AAErE,MAAMS,IAAI,GAAIC,IAAI,IAAK;EACrB,OAAO,OAAOA,IAAI,KAAK,UAAU;AACnC,CAAC;AAEc,MAAMC,uBAAuB,SAASC,cAAK,CAACC,aAAa,CAAC;EAmBvE,OAAOC,wBAAwBA,CAACC,KAAK,EAAEC,KAAK,EAAE;IAC5CA,KAAK,CAACC,QAAQ,GAAGC,UAAU,CAACH,KAAK,CAACE,QAAQ,CAAC;IAC3CD,KAAK,CAACG,OAAO,GAAGJ,KAAK,CAACI,OAAO;IAC7BH,KAAK,CAACI,QAAQ,GAAGL,KAAK,CAACK,QAAQ;IAC/B,OAAOJ,KAAK;EACd;EACAK,WAAWA,CAACN,KAAK,EAAE;IACjB,KAAK,CAACA,KAAK,CAAC;IACZ,IAAI,CAACO,cAAc,GACjBb,IAAI,CAAC,IAAI,CAACM,KAAK,CAACQ,UAAU,CAAC,IAAId,IAAI,CAAC,IAAI,CAACM,KAAK,CAACS,qBAAqB,CAAC;IACvE,IAAI,CAACR,KAAK,GAAG,CAAC,CAAC;EACjB;EAEAS,kBAAkBA,CAACC,SAAS,EAAE;IAC5B,IACE,IAAI,CAACJ,cAAc,IACnB,CAAC,IAAI,CAACP,KAAK,CAACI,OAAO,IACnB,IAAI,CAACJ,KAAK,CAACI,OAAO,KAAKO,SAAS,CAACP,OAAO,EACxC;MACA,IAAI,CAACJ,KAAK,CAACS,qBAAqB,CAAC,CAAC;IACpC;EACF;EAEAG,MAAMA,CAAA,EAAG;IACP,MAAAC,WAAA,GAUI,IAAI,CAACb,KAAK;MAVR;QACJc,IAAI;QACJC,KAAK;QACLb,QAAQ,EAAEc,SAAS;QACnBZ,OAAO;QACPC,QAAQ;QACRG,UAAU;QACVC;MAGF,CAAC,GAAAI,WAAA;MADII,IAAI,GAAA9C,wBAAA,CAAA0C,WAAA,EAAA7E,SAAA;IAGT,MAAM;MAAEkE;IAAS,CAAC,GAAG,IAAI,CAACD,KAAK;IAE/B,MAAMiB,gBAAgB,GAAGf,UAAU,CAACD,QAAQ,CAAC,GAAG,CAAC,CAAC;IAElD,MAAMiB,SAAS,GAAI,cAAa,CAACjB,QAAQ,IAAI,CAAC,IAAI,GAAI,IAAG;IAEzD,MAAMkB,MAAM,GAAAvD,aAAA,KAAQoD,IAAI,CAAE;IAE1B,IAAIC,gBAAgB,EAAE;MACpBE,MAAM,CAACC,IAAI,GAAG,aAAa;MAC3BD,MAAM,CAAC,YAAY,CAAC,GAAGL,KAAK;MAC5BK,MAAM,CAAC,OAAO,CAAC,GAAGL,KAAK;IACzB,CAAC,MAAM;MACLK,MAAM,CAACC,IAAI,GAAG,OAAO;MACrBD,MAAM,CAAC,WAAW,CAAC,GAAG,IAAI;IAC5B;IAEA,IAAAE,sCAAqB,EAAC,IAAI,CAACtB,KAAK,EAAEoB,MAAM,CAAC;IAEzC,OACE1F,MAAA,CAAAS,OAAA,CAAAoF,aAAA,SAAAnF,QAAA;MACEoF,SAAS,EACP,gCAAgC,IAChCV,IAAI,uCAAuCA,IAAK;IAChD,GACEM,MAAM,GAEV1F,MAAA,CAAAS,OAAA,CAAAoF,aAAA;MACEC,SAAS,4CAEPN,gBAAgB,GACd,gDAAgD,GAEhD,gDAAgD,CAClD;MACFO,KAAK,EAAEP,gBAAgB,GAAG;QAAEC;MAAU,CAAC,GAAG,CAAC;IAAE,CAC9C,CAAC,EACD,CAACD,gBAAgB,KAAAnF,KAAA,KAAAA,KAAA,GAChBL,MAAA,CAAAS,OAAA,CAAAoF,aAAA;MACEC,SAAS;IAGP,CACH,CAAC,EAEA,CAAC;EAEX;AACF;AAACE,OAAA,CAAAvF,OAAA,GAAAyD,uBAAA;AAAA7B,eAAA,CAvGoB6B,uBAAuB,kBAUpB;EACpBkB,IAAI,EAAE,IAAI;EACVV,OAAO,EAAE,IAAI;EACbC,QAAQ,EAAE,KAAK;EACfH,QAAQ,EAAE,IAAI;EACdM,UAAU,EAAE,IAAI;EAChBC,qBAAqB,EAAE,IAAI;EAC3BM,KAAK,EAAE;AACT,CAAC;AAAAY,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAlBkBjC,uBAAuB,CACnCkC,SAAS,GAAG;EACjBhB,IAAI,EAAEiB,kBAAS,CAACC,MAAM;EACtB5B,OAAO,EAAE2B,kBAAS,CAACE,IAAI;EACvB5B,QAAQ,EAAE0B,kBAAS,CAACE,IAAI;EACxB/B,QAAQ,EAAE6B,kBAAS,CAACG,SAAS,CAAC,CAACH,kBAAS,CAACC,MAAM,EAAED,kBAAS,CAACI,MAAM,CAAC,CAAC;EACnE3B,UAAU,EAAEuB,kBAAS,CAACpC,IAAI;EAC1Bc,qBAAqB,EAAEsB,kBAAS,CAACpC,IAAI;EACrCoB,KAAK,EAAEgB,kBAAS,CAACC;AACnB,CAAC"}

package/cjs/components/progress-indicator/style/dnb-progress-indicator.css

@@ -36,10 +36,13 @@
 }
 
 .dnb-progress-indicator--horizontal .dnb-progress-indicator__label {
-  margin: 0 1rem;
+  padding-left: 1rem;
+}
+.dnb-progress-indicator--horizontal.dnb-progress-indicator--small .dnb-progress-indicator__label {
+  padding-left: 0.5rem;
 }
 .dnb-progress-indicator--vertical .dnb-progress-indicator__label {
-  margin-top: 0.5rem;
+  padding-top: 0.5rem;
 }
 .dnb-progress-indicator__circular {
   position: relative;

package/cjs/components/progress-indicator/style/dnb-progress-indicator.min.css

@@ -1 +1 @@
-.dnb-progress-indicator{--progress-indicator-timing:cubic-bezier(0.5,0,0.5,0.99);--progress-indicator-circular-circle:88;--progress-indicator-circular-circle-offset--min:88;--progress-indicator-circular-circle-offset--max:1;--progress-indicator-circular-background-color:grey;--progress-indicator-circular-bar-color:var(--color-black);--progress-indicator-linear-background-color:grey;--progress-indicator-linear-bar-color:var(--color-black);align-items:center;display:inline-flex;position:relative}.dnb-progress-indicator--vertical{flex-direction:column}.dnb-progress-indicator--horizontal{justify-content:center}.dnb-progress-indicator__label{display:inline-flex}.dnb-progress-indicator__label .dnb-p{align-self:center}.dnb-spacing .dnb-progress-indicator .dnb-p,.dnb-spacing .dnb-progress-indicator .dnb-p:not([class*=dnb-space]){margin:0}.dnb-progress-indicator--horizontal .dnb-progress-indicator__label{margin:0 1rem}.dnb-progress-indicator--vertical .dnb-progress-indicator__label{margin-top:.5rem}.dnb-progress-indicator__circular{height:2rem;position:relative;transform:rotate(-90deg);width:2rem}.dnb-progress-indicator__circular svg{height:100%;inset:0;position:absolute;width:100%}.dnb-progress-indicator__circular__line{animation-delay:.2s;animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:var(--progress-indicator-timing)}.dnb-progress-indicator__circular__line.background,.dnb-progress-indicator__circular__line.light{stroke-dashoffset:var(--progress-indicator-circular-circle-offset--max)}.dnb-progress-indicator__circular__line.light{animation-name:progress-indicator-circular-line-light}.dnb-progress-indicator__circular__line.dark,.dnb-progress-indicator__circular__line.light{stroke-dasharray:var(--progress-indicator-circular-circle),var(--progress-indicator-circular-circle)}.dnb-progress-indicator__circular__line.dark{stroke-dashoffset:var(--progress-indicator-circular-circle-offset--min);animation-name:progress-indicator-circular-line-dark}.dnb-progress-indicator__circular__line.paused{animation-play-state:paused}.dnb-progress-indicator__circular--has-progress-value .dnb-progress-indicator__circular__line.dark{transition:stroke-dashoffset .6s var(--progress-indicator-timing)}.dnb-progress-indicator__circular__circle{stroke-linecap:round}.dnb-progress-indicator__circular__line.light .dnb-progress-indicator__circular__circle{stroke:var(--progress-indicator-circular-background-color)}.dnb-progress-indicator__circular__line.dark .dnb-progress-indicator__circular__circle{stroke:var(--progress-indicator-circular-bar-color)}.dnb-progress-indicator__circular--small{height:1rem;width:1rem}.dnb-progress-indicator__circular--medium{height:1.5rem;width:1.5rem}.dnb-progress-indicator__circular--large{height:3.5rem;width:3.5rem}.dnb-progress-indicator__circular--huge{height:20rem;width:20rem}.dnb-progress-indicator__circular--small .dnb-progress-indicator__circular__line.dark .dnb-progress-indicator__circular__circle{stroke-width:3.1}.dnb-progress-indicator__circular--medium .dnb-progress-indicator__circular__line.dark .dnb-progress-indicator__circular__circle{stroke-width:3.3}.dnb-progress-indicator__circular--default .dnb-progress-indicator__circular__line.dark .dnb-progress-indicator__circular__circle{stroke-width:3.5}.dnb-progress-indicator__circular--large .dnb-progress-indicator__circular__line.dark .dnb-progress-indicator__circular__circle{stroke-width:3.7}.dnb-progress-indicator__circular--huge .dnb-progress-indicator__circular__line.dark .dnb-progress-indicator__circular__circle{stroke-width:3.9}.dnb-progress-indicator__linear{background-color:var(--progress-indicator-linear-background-color);border-radius:.25rem;height:.5rem;overflow:hidden;position:relative;width:100%;will-change:transform}.dnb-progress-indicator__linear__bar{background-color:var(--progress-indicator-linear-bar-color);border-radius:inherit;bottom:0;left:0;position:absolute;top:0;transform-origin:left;width:100%}.dnb-progress-indicator__linear__bar-transition{transition:transform .2s linear}.dnb-progress-indicator__linear__bar1-animation{animation:progress-indicator-linear-bar-1 2.1s cubic-bezier(.65,.815,.735,.395) infinite;width:auto}.dnb-progress-indicator__linear__bar2-animation{animation:progress-indicator-linear-bar-2 2.1s cubic-bezier(.165,.84,.44,1) 1.15s infinite;width:auto}.dnb-progress-indicator__linear--small{border-radius:.125rem;height:.25rem}.dnb-progress-indicator__linear--medium{border-radius:.5rem;height:1rem}.dnb-progress-indicator__linear--large{border-radius:.75rem;height:1.5rem}.dnb-progress-indicator__linear--huge{border-radius:1rem;height:2rem}html[data-visual-test] .dnb-progress-indicator__linear__bar1-animation{animation-duration:0ms;animation-iteration-count:0;left:-35%;right:100%}html[data-visual-test] .dnb-progress-indicator__linear__bar2-animation{animation-duration:0ms;animation-iteration-count:0;left:-200%;right:100%}.dnb-progress-indicator,.dnb-progress-indicator--visible{animation:progress-indicator-fade-in .2s ease-out 1 forwards;opacity:0}.dnb-progress-indicator--complete:not(.dnb-progress-indicator--visible){animation:progress-indicator-fade-out .6s ease-out 1 forwards}html[data-visual-test] .dnb-progress-indicator{animation-duration:0ms;opacity:1}.dnb-progress-indicator--no-animation{animation-duration:0ms}html[data-visual-test] .dnb-progress-indicator__bar-transition{transition:none}.dnb-progress-indicator--full-width{min-width:1rem;width:100%}@keyframes progress-indicator-fade-in{0%{opacity:0}to{opacity:1}}@keyframes progress-indicator-fade-out{0%{opacity:1}to{opacity:0}}@keyframes progress-indicator-circular-line-light{0%{stroke-dashoffset:var(--progress-indicator-circular-circle-offset--min)}50%{stroke-dashoffset:var(--progress-indicator-circular-circle-offset--min)}to{stroke-dashoffset:var(--progress-indicator-circular-circle-offset--max)}}@keyframes progress-indicator-circular-line-dark{0%{stroke-dashoffset:var(--progress-indicator-circular-circle-offset--min)}50%{stroke-dashoffset:var(--progress-indicator-circular-circle-offset--max)}to{stroke-dashoffset:var(--progress-indicator-circular-circle-offset--max)}}@keyframes progress-indicator-linear-bar-1{0%{left:-35%;right:100%}60%{left:100%;right:-90%}to{left:100%;right:-90%}}@keyframes progress-indicator-linear-bar-2{0%{left:-200%;right:100%}60%{left:107%;right:-8%}to{left:107%;right:-8%}}
+.dnb-progress-indicator{--progress-indicator-timing:cubic-bezier(0.5,0,0.5,0.99);--progress-indicator-circular-circle:88;--progress-indicator-circular-circle-offset--min:88;--progress-indicator-circular-circle-offset--max:1;--progress-indicator-circular-background-color:grey;--progress-indicator-circular-bar-color:var(--color-black);--progress-indicator-linear-background-color:grey;--progress-indicator-linear-bar-color:var(--color-black);align-items:center;display:inline-flex;position:relative}.dnb-progress-indicator--vertical{flex-direction:column}.dnb-progress-indicator--horizontal{justify-content:center}.dnb-progress-indicator__label{display:inline-flex}.dnb-progress-indicator__label .dnb-p{align-self:center}.dnb-spacing .dnb-progress-indicator .dnb-p,.dnb-spacing .dnb-progress-indicator .dnb-p:not([class*=dnb-space]){margin:0}.dnb-progress-indicator--horizontal .dnb-progress-indicator__label{padding-left:1rem}.dnb-progress-indicator--horizontal.dnb-progress-indicator--small .dnb-progress-indicator__label{padding-left:.5rem}.dnb-progress-indicator--vertical .dnb-progress-indicator__label{padding-top:.5rem}.dnb-progress-indicator__circular{height:2rem;position:relative;transform:rotate(-90deg);width:2rem}.dnb-progress-indicator__circular svg{height:100%;inset:0;position:absolute;width:100%}.dnb-progress-indicator__circular__line{animation-delay:.2s;animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:var(--progress-indicator-timing)}.dnb-progress-indicator__circular__line.background,.dnb-progress-indicator__circular__line.light{stroke-dashoffset:var(--progress-indicator-circular-circle-offset--max)}.dnb-progress-indicator__circular__line.light{animation-name:progress-indicator-circular-line-light}.dnb-progress-indicator__circular__line.dark,.dnb-progress-indicator__circular__line.light{stroke-dasharray:var(--progress-indicator-circular-circle),var(--progress-indicator-circular-circle)}.dnb-progress-indicator__circular__line.dark{stroke-dashoffset:var(--progress-indicator-circular-circle-offset--min);animation-name:progress-indicator-circular-line-dark}.dnb-progress-indicator__circular__line.paused{animation-play-state:paused}.dnb-progress-indicator__circular--has-progress-value .dnb-progress-indicator__circular__line.dark{transition:stroke-dashoffset .6s var(--progress-indicator-timing)}.dnb-progress-indicator__circular__circle{stroke-linecap:round}.dnb-progress-indicator__circular__line.light .dnb-progress-indicator__circular__circle{stroke:var(--progress-indicator-circular-background-color)}.dnb-progress-indicator__circular__line.dark .dnb-progress-indicator__circular__circle{stroke:var(--progress-indicator-circular-bar-color)}.dnb-progress-indicator__circular--small{height:1rem;width:1rem}.dnb-progress-indicator__circular--medium{height:1.5rem;width:1.5rem}.dnb-progress-indicator__circular--large{height:3.5rem;width:3.5rem}.dnb-progress-indicator__circular--huge{height:20rem;width:20rem}.dnb-progress-indicator__circular--small .dnb-progress-indicator__circular__line.dark .dnb-progress-indicator__circular__circle{stroke-width:3.1}.dnb-progress-indicator__circular--medium .dnb-progress-indicator__circular__line.dark .dnb-progress-indicator__circular__circle{stroke-width:3.3}.dnb-progress-indicator__circular--default .dnb-progress-indicator__circular__line.dark .dnb-progress-indicator__circular__circle{stroke-width:3.5}.dnb-progress-indicator__circular--large .dnb-progress-indicator__circular__line.dark .dnb-progress-indicator__circular__circle{stroke-width:3.7}.dnb-progress-indicator__circular--huge .dnb-progress-indicator__circular__line.dark .dnb-progress-indicator__circular__circle{stroke-width:3.9}.dnb-progress-indicator__linear{background-color:var(--progress-indicator-linear-background-color);border-radius:.25rem;height:.5rem;overflow:hidden;position:relative;width:100%;will-change:transform}.dnb-progress-indicator__linear__bar{background-color:var(--progress-indicator-linear-bar-color);border-radius:inherit;bottom:0;left:0;position:absolute;top:0;transform-origin:left;width:100%}.dnb-progress-indicator__linear__bar-transition{transition:transform .2s linear}.dnb-progress-indicator__linear__bar1-animation{animation:progress-indicator-linear-bar-1 2.1s cubic-bezier(.65,.815,.735,.395) infinite;width:auto}.dnb-progress-indicator__linear__bar2-animation{animation:progress-indicator-linear-bar-2 2.1s cubic-bezier(.165,.84,.44,1) 1.15s infinite;width:auto}.dnb-progress-indicator__linear--small{border-radius:.125rem;height:.25rem}.dnb-progress-indicator__linear--medium{border-radius:.5rem;height:1rem}.dnb-progress-indicator__linear--large{border-radius:.75rem;height:1.5rem}.dnb-progress-indicator__linear--huge{border-radius:1rem;height:2rem}html[data-visual-test] .dnb-progress-indicator__linear__bar1-animation{animation-duration:0ms;animation-iteration-count:0;left:-35%;right:100%}html[data-visual-test] .dnb-progress-indicator__linear__bar2-animation{animation-duration:0ms;animation-iteration-count:0;left:-200%;right:100%}.dnb-progress-indicator,.dnb-progress-indicator--visible{animation:progress-indicator-fade-in .2s ease-out 1 forwards;opacity:0}.dnb-progress-indicator--complete:not(.dnb-progress-indicator--visible){animation:progress-indicator-fade-out .6s ease-out 1 forwards}html[data-visual-test] .dnb-progress-indicator{animation-duration:0ms;opacity:1}.dnb-progress-indicator--no-animation{animation-duration:0ms}html[data-visual-test] .dnb-progress-indicator__bar-transition{transition:none}.dnb-progress-indicator--full-width{min-width:1rem;width:100%}@keyframes progress-indicator-fade-in{0%{opacity:0}to{opacity:1}}@keyframes progress-indicator-fade-out{0%{opacity:1}to{opacity:0}}@keyframes progress-indicator-circular-line-light{0%{stroke-dashoffset:var(--progress-indicator-circular-circle-offset--min)}50%{stroke-dashoffset:var(--progress-indicator-circular-circle-offset--min)}to{stroke-dashoffset:var(--progress-indicator-circular-circle-offset--max)}}@keyframes progress-indicator-circular-line-dark{0%{stroke-dashoffset:var(--progress-indicator-circular-circle-offset--min)}50%{stroke-dashoffset:var(--progress-indicator-circular-circle-offset--max)}to{stroke-dashoffset:var(--progress-indicator-circular-circle-offset--max)}}@keyframes progress-indicator-linear-bar-1{0%{left:-35%;right:100%}60%{left:100%;right:-90%}to{left:100%;right:-90%}}@keyframes progress-indicator-linear-bar-2{0%{left:-200%;right:100%}60%{left:107%;right:-8%}to{left:107%;right:-8%}}

package/cjs/components/progress-indicator/style/dnb-progress-indicator.scss

@@ -44,11 +44,14 @@
   }
 
   &--horizontal &__label {
-    margin: 0 1rem;
+    padding-left: 1rem;
+  }
+  &--horizontal#{&}--small &__label {
+    padding-left: 0.5rem;
   }
 
   &--vertical &__label {
-    margin-top: 0.5rem;
+    padding-top: 0.5rem;
   }
 
   // circular variant

package/cjs/components/space/SpacingHelper.d.ts

@@ -1,14 +1,14 @@
 export namespace spacingPropTypes {
-    const space: PropTypes.Requireable<NonNullable<string | number | boolean | PropTypes.InferProps<{
+    let space: PropTypes.Requireable<NonNullable<string | number | boolean | PropTypes.InferProps<{
         top: PropTypes.Requireable<NonNullable<string | number | boolean>>;
         right: PropTypes.Requireable<NonNullable<string | number | boolean>>;
         bottom: PropTypes.Requireable<NonNullable<string | number | boolean>>;
         left: PropTypes.Requireable<NonNullable<string | number | boolean>>;
     }>>>;
-    const top: PropTypes.Requireable<NonNullable<string | number | boolean>>;
-    const right: PropTypes.Requireable<NonNullable<string | number | boolean>>;
-    const bottom: PropTypes.Requireable<NonNullable<string | number | boolean>>;
-    const left: PropTypes.Requireable<NonNullable<string | number | boolean>>;
+    let top: PropTypes.Requireable<NonNullable<string | number | boolean>>;
+    let right: PropTypes.Requireable<NonNullable<string | number | boolean>>;
+    let bottom: PropTypes.Requireable<NonNullable<string | number | boolean>>;
+    let left: PropTypes.Requireable<NonNullable<string | number | boolean>>;
 }
 import PropTypes from 'prop-types';
 export { createSpacingClasses, createSpacingProperties, removeSpaceProps } from "./SpacingUtils";

package/cjs/components/table/Table.js

@@ -19,7 +19,7 @@ var _SpacingHelper = require("../space/SpacingHelper");
 var _SkeletonHelper = require("../skeleton/SkeletonHelper");
 var _componentHelper = require("../../shared/component-helper");
 var _TableScrollView = _interopRequireDefault(require("./TableScrollView"));
-var _TableContext = _interopRequireDefault(require("./TableContext"));
+var _TableContext = require("./TableContext");
 var _TableStickyHeader = require("./TableStickyHeader");
 var _TableTr = require("./TableTr");
 const _excluded = ["className", "children", "size", "skeleton", "variant", "sticky", "stickyOffset", "fixed", "border", "outline", "accordion", "accordionChevronPlacement"];
@@ -71,7 +71,7 @@ const Table = componentProps => {
   (0, _componentHelper.validateDOMAttributes)(allProps, props);
   return _react.default.createElement(_Provider.default, {
     skeleton: Boolean(skeleton)
-  }, _react.default.createElement(_TableContext.default.Provider, {
+  }, _react.default.createElement(_TableContext.TableContext.Provider, {
     value: {
       trCountRef,
       rerenderAlias,

package/cjs/components/table/Table.js.map

@@ -1 +1 @@
-{"version":3,"file":"Table.js","names":["_react","_interopRequireDefault","require","_classnames","_Context","_Provider","_SpacingHelper","_SkeletonHelper","_componentHelper","_TableScrollView","_TableContext","_TableStickyHeader","_TableTr","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","defaultProps","size","variant","exports","Table","componentProps","context","React","useContext","Context","allProps","extendPropsWithContext","skeleton","className","children","sticky","stickyOffset","fixed","border","outline","accordion","accordionChevronPlacement","props","elementRef","useStickyHeader","trCountRef","rerenderAlias","useHandleOddEven","skeletonClasses","createSkeletonClass","spacingClasses","createSpacingClasses","validateDOMAttributes","createElement","Boolean","Provider","getTranslation","classnames","ref","_supportsSpacingProps","_default","ScrollView"],"sources":["../../../../src/components/table/Table.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport Context from '../../shared/Context'\nimport Provider from '../../shared/Provider'\nimport { createSpacingClasses } from '../space/SpacingHelper'\nimport { createSkeletonClass } from '../skeleton/SkeletonHelper'\nimport {\n  extendPropsWithContext,\n  validateDOMAttributes,\n} from '../../shared/component-helper'\nimport ScrollView from './TableScrollView'\nimport TableContext from './TableContext'\nimport { useStickyHeader } from './TableStickyHeader'\n\nimport type { StickyTableHeaderProps } from './TableStickyHeader'\nimport type { SkeletonShow } from '../skeleton/Skeleton'\nimport type { LocaleProps, SpacingProps } from '../../shared/types'\nimport { useHandleOddEven } from './TableTr'\n\nexport type TableSizes = 'large' | 'medium' | 'small'\nexport type TableVariants = 'generic'\n\nexport { ScrollView }\n\nexport type TableProps = {\n  /**\n   * The content of the component.\n   */\n  children: React.ReactNode\n\n  /**\n   * Custom className on the component root\n   */\n  className?: string\n\n  /**\n   * Skeleton should be applied when loading content\n   */\n  skeleton?: SkeletonShow\n\n  /**\n   * The size of the component.\n   * Default: large.\n   */\n  size?: TableSizes\n\n  /**\n   * The style variant of the component.\n   * Default: generic.\n   */\n  variant?: TableVariants\n\n  /**\n   * Use `true` to show borders between table data cell\n   * Default: false\n   */\n  border?: boolean\n\n  /**\n   * Use `true` to show a outline border around the table\n   * Default: false\n   */\n  outline?: boolean\n\n  /**\n   * Set to true if you have one or more rows that contains an accordion content.\n   * Default: false\n   */\n  accordion?: boolean\n\n  /**\n   * Defines where the chevron will be placed.\n   * Default: 'start'\n   */\n  accordionChevronPlacement?: 'start' | 'end'\n\n  /**\n   * Defines if the table should behave with a fixed table layout, using: \"table-layout: fixed;\"\n   * Default: null.\n   */\n  fixed?: boolean\n} & StickyTableHeaderProps\n\nexport type TableAllProps = TableProps &\n  Omit<React.TableHTMLAttributes<HTMLTableElement>, 'border'> &\n  LocaleProps &\n  SpacingProps\n\nexport const defaultProps = {\n  size: 'large',\n  variant: 'generic',\n}\n\nconst Table = (componentProps: TableAllProps) => {\n  const context = React.useContext(Context)\n\n  const allProps = extendPropsWithContext(\n    componentProps,\n    defaultProps,\n    context?.Table,\n    {\n      skeleton: context?.skeleton,\n    }\n  )\n\n  const {\n    className,\n    children,\n    size,\n    skeleton,\n    variant,\n    sticky,\n    stickyOffset, // eslint-disable-line\n    fixed,\n    border,\n    outline,\n    accordion,\n    accordionChevronPlacement, // eslint-disable-line\n    ...props\n  } = allProps\n\n  const { elementRef } = useStickyHeader(allProps)\n  const { trCountRef, rerenderAlias } = useHandleOddEven({ children })\n\n  const skeletonClasses = createSkeletonClass('font', skeleton, context)\n  const spacingClasses = createSpacingClasses(props)\n\n  validateDOMAttributes(allProps, props)\n\n  return (\n    <Provider skeleton={Boolean(skeleton)}>\n      <TableContext.Provider\n        value={{\n          trCountRef,\n          rerenderAlias,\n          allProps: {\n            ...allProps,\n            ...context.getTranslation(componentProps).Table,\n          },\n        }}\n      >\n        <table\n          className={classnames(\n            'dnb-table',\n            variant && `dnb-table__variant--${variant}`,\n            size && `dnb-table__size--${size}`,\n            sticky && 'dnb-table--sticky',\n            fixed && 'dnb-table--fixed',\n            border && 'dnb-table--border',\n            outline && 'dnb-table--outline',\n            accordion && 'dnb-table--accordion',\n            spacingClasses,\n            skeletonClasses,\n            className\n          )}\n          ref={elementRef}\n          {...props}\n        >\n          {children}\n        </table>\n      </TableContext.Provider>\n    </Provider>\n  )\n}\n\nTable._supportsSpacingProps = true\n\nexport default Table\n\nTable.ScrollView = ScrollView\n"],"mappings":"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"}
+{"version":3,"file":"Table.js","names":["_react","_interopRequireDefault","require","_classnames","_Context","_Provider","_SpacingHelper","_SkeletonHelper","_componentHelper","_TableScrollView","_TableContext","_TableStickyHeader","_TableTr","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","defaultProps","size","variant","exports","Table","componentProps","context","React","useContext","Context","allProps","extendPropsWithContext","skeleton","className","children","sticky","stickyOffset","fixed","border","outline","accordion","accordionChevronPlacement","props","elementRef","useStickyHeader","trCountRef","rerenderAlias","useHandleOddEven","skeletonClasses","createSkeletonClass","spacingClasses","createSpacingClasses","validateDOMAttributes","createElement","Boolean","TableContext","Provider","getTranslation","classnames","ref","_supportsSpacingProps","_default","ScrollView"],"sources":["../../../../src/components/table/Table.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport Context from '../../shared/Context'\nimport Provider from '../../shared/Provider'\nimport { createSpacingClasses } from '../space/SpacingHelper'\nimport { createSkeletonClass } from '../skeleton/SkeletonHelper'\nimport {\n  extendPropsWithContext,\n  validateDOMAttributes,\n} from '../../shared/component-helper'\nimport ScrollView from './TableScrollView'\nimport { TableContext } from './TableContext'\nimport { useStickyHeader } from './TableStickyHeader'\n\nimport type { StickyTableHeaderProps } from './TableStickyHeader'\nimport type { SkeletonShow } from '../skeleton/Skeleton'\nimport type { LocaleProps, SpacingProps } from '../../shared/types'\nimport { useHandleOddEven } from './TableTr'\n\nexport type TableSizes = 'large' | 'medium' | 'small'\nexport type TableVariants = 'generic'\n\nexport { ScrollView }\n\nexport type TableProps = {\n  /**\n   * The content of the component.\n   */\n  children: React.ReactNode\n\n  /**\n   * Custom className on the component root\n   */\n  className?: string\n\n  /**\n   * Skeleton should be applied when loading content\n   */\n  skeleton?: SkeletonShow\n\n  /**\n   * The size of the component.\n   * Default: large.\n   */\n  size?: TableSizes\n\n  /**\n   * The style variant of the component.\n   * Default: generic.\n   */\n  variant?: TableVariants\n\n  /**\n   * Use `true` to show borders between table data cell\n   * Default: false\n   */\n  border?: boolean\n\n  /**\n   * Use `true` to show a outline border around the table\n   * Default: false\n   */\n  outline?: boolean\n\n  /**\n   * Set to true if you have one or more rows that contains an accordion content.\n   * Default: false\n   */\n  accordion?: boolean\n\n  /**\n   * Defines where the chevron will be placed.\n   * Default: 'start'\n   */\n  accordionChevronPlacement?: 'start' | 'end'\n\n  /**\n   * Defines if the table should behave with a fixed table layout, using: \"table-layout: fixed;\"\n   * Default: null.\n   */\n  fixed?: boolean\n} & StickyTableHeaderProps\n\nexport type TableAllProps = TableProps &\n  Omit<React.TableHTMLAttributes<HTMLTableElement>, 'border'> &\n  LocaleProps &\n  SpacingProps\n\nexport const defaultProps = {\n  size: 'large',\n  variant: 'generic',\n}\n\nconst Table = (componentProps: TableAllProps) => {\n  const context = React.useContext(Context)\n\n  const allProps = extendPropsWithContext(\n    componentProps,\n    defaultProps,\n    context?.Table,\n    {\n      skeleton: context?.skeleton,\n    }\n  )\n\n  const {\n    className,\n    children,\n    size,\n    skeleton,\n    variant,\n    sticky,\n    stickyOffset, // eslint-disable-line\n    fixed,\n    border,\n    outline,\n    accordion,\n    accordionChevronPlacement, // eslint-disable-line\n    ...props\n  } = allProps\n\n  const { elementRef } = useStickyHeader(allProps)\n  const { trCountRef, rerenderAlias } = useHandleOddEven({ children })\n\n  const skeletonClasses = createSkeletonClass('font', skeleton, context)\n  const spacingClasses = createSpacingClasses(props)\n\n  validateDOMAttributes(allProps, props)\n\n  return (\n    <Provider skeleton={Boolean(skeleton)}>\n      <TableContext.Provider\n        value={{\n          trCountRef,\n          rerenderAlias,\n          allProps: {\n            ...allProps,\n            ...context.getTranslation(componentProps).Table,\n          },\n        }}\n      >\n        <table\n          className={classnames(\n            'dnb-table',\n            variant && `dnb-table__variant--${variant}`,\n            size && `dnb-table__size--${size}`,\n            sticky && 'dnb-table--sticky',\n            fixed && 'dnb-table--fixed',\n            border && 'dnb-table--border',\n            outline && 'dnb-table--outline',\n            accordion && 'dnb-table--accordion',\n            spacingClasses,\n            skeletonClasses,\n            className\n          )}\n          ref={elementRef}\n          {...props}\n        >\n          {children}\n        </table>\n      </TableContext.Provider>\n    </Provider>\n  )\n}\n\nTable._supportsSpacingProps = true\n\nexport default Table\n\nTable.ScrollView = ScrollView\n"],"mappings":"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"}

package/cjs/components/table/TableAccordion.js

@@ -11,17 +11,16 @@ var _Button = _interopRequireDefault(require("../button/Button"));
 var _IconPrimary = _interopRequireDefault(require("../icon/IconPrimary"));
 var _TableTh = _interopRequireDefault(require("./TableTh"));
 var _TableTd = _interopRequireDefault(require("./TableTd"));
-var _TableContext = _interopRequireDefault(require("./TableContext"));
+var _TableContext = require("./TableContext");
 var _keycode = _interopRequireDefault(require("keycode"));
 var _helpers = require("../../shared/helpers");
-var _TableAccordionContent = _interopRequireWildcard(require("./TableAccordionContent"));
-var _TableTdAccordionIcon, _TableThAccordionIcon, _Td;
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var _TableAccordionTd = _interopRequireDefault(require("./TableAccordionTd"));
+var _TableAccordionTr = _interopRequireDefault(require("./TableAccordionTr"));
+var _Td;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function useTableAccordion(_ref) {
-  var _tableContext$allProp, _tableContext$allProp2;
+  var _tableContext$allProp;
   let {
     children,
     className,
@@ -33,7 +32,7 @@ function useTableAccordion(_ref) {
     onOpened,
     onClosed
   } = _ref;
-  const tableContext = _react.default.useContext(_TableContext.default);
+  const tableContext = _react.default.useContext(_TableContext.TableContext);
   const [trIsOpen, setOpen] = _react.default.useState(() => {
     if (typeof expanded === 'boolean') {
       return expanded;
@@ -47,17 +46,21 @@ function useTableAccordion(_ref) {
   });
   const [trIsHover, setHover] = _react.default.useState(false);
   const [trHadClick, setHadClick] = _react.default.useState(false);
-  let content = _react.default.Children.toArray(children);
   if (!(tableContext !== null && tableContext !== void 0 && (_tableContext$allProp = tableContext.allProps) !== null && _tableContext$allProp !== void 0 && _tableContext$allProp.accordion)) {
     return null;
   }
-  const accordionContent = content.find(element => {
-    return element.type === _TableAccordionContent.default;
+  let headerContent = _react.default.Children.toArray(children);
+  const addExpandIcon = icon => {
+    if (tableContext.allProps.accordionChevronPlacement === 'end') {
+      headerContent.push(icon);
+    } else {
+      headerContent.unshift(icon);
+    }
+  };
+  const accordionContent = headerContent.filter(element => {
+    return isAccordionElement(element);
   });
-  const hasAccordionContent = _react.default.isValidElement(accordionContent);
-  const countTds = hasAccordionContent ? children.filter(element => {
-    return element.type === _TableTd.default;
-  }).length + 1 : null;
+  const hasAccordionContent = accordionContent.length !== 0 && accordionContent.every(element => _react.default.isValidElement(element));
   const trParams = !disabled && hasAccordionContent ? {
     onClick: toggleOpenTr,
     onMouseEnter: onMouseEnterHandler,
@@ -65,34 +68,25 @@ function useTableAccordion(_ref) {
     onKeyDown: onKeydownHandler
   } : {};
   if (hasAccordionContent) {
-    content = content.filter(element => {
-      const hasContent = element.type === _TableAccordionContent.default;
-      return !hasContent;
+    headerContent = headerContent.filter(element => {
+      return !isAccordionElement(element);
     });
-    const tdElem = _TableTdAccordionIcon || (_TableTdAccordionIcon = _react.default.createElement(TableTdAccordionIcon, {
+    addExpandIcon(_Td || (_Td = _react.default.createElement(_TableTd.default, {
+      className: "dnb-table__td__accordion-icon",
       key: "td-icon"
-    }));
-    if (tableContext.allProps.accordionChevronPlacement === 'end') {
-      content.push(tdElem);
-    } else {
-      content.unshift(tdElem);
-    }
-  } else if (tableContext !== null && tableContext !== void 0 && (_tableContext$allProp2 = tableContext.allProps) !== null && _tableContext$allProp2 !== void 0 && _tableContext$allProp2.accordion) {
-    const isTh = content.some(element => {
-      return element.type === _TableTh.default;
-    });
-    if (isTh) {
-      const thElem = _TableThAccordionIcon || (_TableThAccordionIcon = _react.default.createElement(TableThAccordionIcon, {
-        key: "th-icon"
-      }));
-      if (tableContext.allProps.accordionChevronPlacement === 'end') {
-        content.push(thElem);
-      } else {
-        content.unshift(thElem);
-      }
-    }
+    }, _react.default.createElement(TableAccordionToggleButton, null))));
+  } else if (isTableHead(headerContent)) {
+    var _tableContext$allProp2;
+    addExpandIcon(_react.default.createElement(_TableTh.default, {
+      "aria-hidden": true,
+      className: "dnb-table__th__accordion-icon",
+      key: "th-icon"
+    }, _react.default.createElement("div", null, tableContext === null || tableContext === void 0 ? void 0 : (_tableContext$allProp2 = tableContext.allProps) === null || _tableContext$allProp2 === void 0 ? void 0 : _tableContext$allProp2.accordionToggleButtonSR)));
   }
-  return _react.default.createElement(_TableAccordionContent.TrContext.Provider, {
+  const countTds = hasAccordionContent ? headerContent.filter(element => {
+    return element.type === _TableTd.default;
+  }).length : null;
+  return _react.default.createElement(_TableContext.TableAccordionContext.Provider, {
     value: {
       toggleOpenTr,
       trIsOpen,
@@ -105,7 +99,7 @@ function useTableAccordion(_ref) {
   }, _react.default.createElement("tr", _extends({
     tabIndex: accordionContent && !disabled ? 0 : undefined,
     className: (0, _classnames.default)(className, hasAccordionContent && 'dnb-table__tr--has-accordion-content', trIsOpen && 'dnb-table__tr--expanded', disabled && 'dnb-table__tr--disabled', noAnimation && 'dnb-table__tr--no-animation', trIsHover && trHadClick && 'dnb-table__tr--hover')
-  }, trParams, props), content), accordionContent);
+  }, trParams, props), headerContent), accordionContent);
   function onKeydownHandler(event) {
     switch ((0, _keycode.default)(event)) {
       case 'space':
@@ -139,8 +133,8 @@ function useTableAccordion(_ref) {
 }
 function TableAccordionToggleButton() {
   var _React$useContext;
-  const trContext = _react.default.useContext(_TableAccordionContent.TrContext);
-  const allProps = (_React$useContext = _react.default.useContext(_TableContext.default)) === null || _React$useContext === void 0 ? void 0 : _React$useContext.allProps;
+  const tableAccordionContext = _react.default.useContext(_TableContext.TableAccordionContext);
+  const allProps = (_React$useContext = _react.default.useContext(_TableContext.TableContext)) === null || _React$useContext === void 0 ? void 0 : _React$useContext.allProps;
   const iconSize = allProps.size === 'medium' || allProps.size === 'small' ? 'basis' : 'medium';
   return _react.default.createElement("span", {
     className: "dnb-table__toggle-button"
@@ -151,21 +145,10 @@ function TableAccordionToggleButton() {
     className: "dnb-sr-only",
     tabIndex: -1,
     "aria-label": allProps === null || allProps === void 0 ? void 0 : allProps.accordionToggleButtonSR,
-    "aria-expanded": Boolean(trContext === null || trContext === void 0 ? void 0 : trContext.trIsOpen),
-    on_click: event => trContext === null || trContext === void 0 ? void 0 : trContext.toggleOpenTr(event, true)
+    "aria-expanded": Boolean(tableAccordionContext === null || tableAccordionContext === void 0 ? void 0 : tableAccordionContext.trIsOpen),
+    on_click: event => tableAccordionContext === null || tableAccordionContext === void 0 ? void 0 : tableAccordionContext.toggleOpenTr(event, true)
   }));
 }
-function TableThAccordionIcon() {
-  var _tableContext$allProp3;
-  const tableContext = _react.default.useContext(_TableContext.default);
-  return _react.default.createElement(_TableTh.default, {
-    "aria-hidden": true,
-    className: "dnb-table__th__accordion-icon"
-  }, _react.default.createElement("div", null, tableContext === null || tableContext === void 0 ? void 0 : (_tableContext$allProp3 = tableContext.allProps) === null || _tableContext$allProp3 === void 0 ? void 0 : _tableContext$allProp3.accordionToggleButtonSR));
-}
-function TableTdAccordionIcon() {
-  return _Td || (_Td = _react.default.createElement(_TableTd.default, {
-    className: "dnb-table__td__accordion-icon"
-  }, _react.default.createElement(TableAccordionToggleButton, null)));
-}
+const isAccordionElement = element => element.type === _TableAccordionTd.default || element.type === _TableAccordionTr.default;
+const isTableHead = children => children.some(element => element.type === _TableTh.default);
 //# sourceMappingURL=TableAccordion.js.map