@dnb/eufemia 10.7.0 → 10.9.0

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

@@ -1 +1 @@
-{"version":3,"file":"ModalHeaderBar.js","names":["React","classnames","isTrue","Section","ModalContext","CloseButton","ModalHeaderBar","PureComponent","constructor","props","_defineProperty","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","_objectWithoutProperties","_excluded","state","title","hide_close_button","close_button_attributes","onCloseClickHandler","close_title","context","createElement","_extends","style_type","inner_ref","on_click"],"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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"}
+{"version":3,"file":"ModalHeaderBar.js","names":["React","classnames","isTrue","Section","ModalContext","CloseButton","ModalHeaderBar","PureComponent","constructor","props","_defineProperty","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","_objectWithoutProperties","_excluded","state","hide_close_button","close_button_attributes","onCloseClickHandler","close_title","context","createElement","_extends","style_type","inner_ref","on_click"],"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      hide_close_button = false,\n      close_button_attributes,\n      onCloseClickHandler,\n      close_title,\n    } = this.context\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":";;;;AAKA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,MAAM,QAAQ,kCAAkC;AACzD,OAAOC,OAAO,MAAM,uBAAuB;AAC3C,OAAOC,YAAY,MAAM,iBAAiB;AAC1C,OAAOC,WAAW,MAAM,eAAe;AAuBvC,eAAe,MAAMC,cAAc,SAASN,KAAK,CAACO,aAAa,CAG7D;EAQAC,WAAWA,CAACC,KAAK,EAAE;IACjB,KAAK,CAACA,KAAK,CAAC;IAAAC,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA,gBAIN;MAAEC,UAAU,EAAE;IAAM,CAAC;IAH3B,IAAI,CAACC,IAAI,GAAGZ,KAAK,CAACa,SAAS,CAAC,CAAC;EAC/B;EAIAC,iBAAiBA,CAAA,EAAG;IAClB,IACE,OAAOC,MAAM,KAAK,WAAW,IAC7B,OAAOC,oBAAoB,KAAK,WAAW,IAC3C,IAAI,CAACJ,IAAI,CAACK,OAAO,EACjB;MACA,MAAMC,SAAS,GAAG,CAAC,IAAI,CAACN,IAAI,CAACK,OAAO,CAACE,YAAY;MACjD,IAAI,CAACC,oBAAoB,GAAG,IAAIJ,oBAAoB,CACjDK,OAAO,IAAK;QACX,MAAM,CAACC,KAAK,CAAC,GAAGD,OAAO;QACvB,IAAI,CAACE,QAAQ,CAAC;UACZZ,UAAU,EAAE,CAACW,KAAK,CAACE;QACrB,CAAC,CAAC;MACJ,CAAC,EACD;QACEC,UAAU,EAAG,GAAEP,SAAU,gBAAe;QACxCQ,SAAS,EAAE;MACb,CACF,CAAC;MAED,IAAI,CAACN,oBAAoB,CAACO,OAAO,CAAC,IAAI,CAACf,IAAI,CAACK,OAAO,CAAC;IACtD;EACF;EAEAW,oBAAoBA,CAAA,EAAG;IAAA,IAAAC,qBAAA;IACrB,CAAAA,qBAAA,OAAI,CAACT,oBAAoB,cAAAS,qBAAA,uBAAzBA,qBAAA,CAA2BC,UAAU,CAAC,CAAC;EACzC;EAEAC,MAAMA,CAAA,EAAG;IACP,MAAAC,WAAA,GAMI,IAAI,CAACvB,KAAK;MANR;QACJwB,SAAS,GAAG,IAAI;QAChBC,QAAQ,GAAG,IAAI;QACfC,GAAG;QACHC,YAAY,GAAG;MAEjB,CAAC,GAAAJ,WAAA;MADIvB,KAAK,GAAA4B,wBAAA,CAAAL,WAAA,EAAAM,SAAA;IAEV,MAAM;MAAE3B;IAAW,CAAC,GAAG,IAAI,CAAC4B,KAAK;IACjC,MAAM;MACJC,iBAAiB,GAAG,KAAK;MACzBC,uBAAuB;MACvBC,mBAAmB;MACnBC;IACF,CAAC,GAAG,IAAI,CAACC,OAAO;IAEhB,OACE5C,KAAA,CAAA6C,aAAA,CAAC1C,OAAO,EAAA2C,QAAA;MACNC,UAAU,EAAC,OAAO;MAClBd,SAAS,EAAEhC,UAAU,CACnB,wBAAwB,EAExBgC,SAAS,EADTtB,UAAU,IAAIyB,YAEhB,CAAE;MACFY,SAAS,EAAE,IAAI,CAACpC;IAAK,GACjBH,KAAK,GAETT,KAAA,CAAA6C,aAAA;MAAKZ,SAAS,EAAC;IAA+B,GAC3CC,QACE,CAAC,EAEL,CAAChC,MAAM,CAACsC,iBAAiB,CAAC,IACzBxC,KAAA,CAAA6C,aAAA;MAAKZ,SAAS,EAAC;IAA+B,GAC5CjC,KAAA,CAAA6C,aAAA,CAACxC,WAAW,EAAAyC,QAAA;MACVG,QAAQ,EAAEP,mBAAoB;MAC9BC,WAAW,EAAEA;IAAY,GACrBF,uBAAuB,CAC5B,CACE,CAEA,CAAC;EAEd;AACF;AAAC/B,eAAA,CAzFoBJ,cAAc,iBAIZF,YAAY"}

package/es/components/pagination/Pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.js","names":["React","PropTypes","classnames","PaginationContext","PaginationProvider","validateDOMAttributes","extendPropsWithContextInClassComponent","spacingPropTypes","createSpacingClasses","PaginationIndicator","InfinityScroller","PaginationBar","paginationPropTypes","process","env","NODE_ENV","_objectSpread","startup_page","oneOfType","string","number","current_page","page_count","startup_count","parallel_load_count","place_maker_before_content","bool","min_wait_time","disabled","skeleton","mode","oneOf","use_load_button","items","array","hide_progress_indicator","set_content_handler","func","reset_content_handler","reset_pagination_handler","end_infinity_handler","page_element","object","node","fallback_element","marker_element","indicator_element","align","button_title","prev_title","next_title","more_pages","is_loading_text","load_button_text","class","className","children","on_change","on_startup","on_load","on_end","paginationDefaultProps","undefined","Pagination","PureComponent","render","createElement","_extends","tagName","internalContent","props","PaginationInstance","_defineProperty","propTypes","constructor","_contentRef","createRef","context","getTranslation","_className","_disabled","_skeleton","_tagName","_page_count","_current_page","_startup_page","_mode","_hide_progress_indicator","_use_load_button","currentPage","_currentPage","attributes","_objectWithoutProperties","_excluded","pagination","_items$find","mainParams","content","find","pageNumber","contentRef","length","PaginationContent","ref","_InfinityScroller","InfinityMarker","_this$props","_excluded2","useMarkerOnly","forwardRef","_ref","_excluded3","tabIndex","isRequired","Bar","Content","PaginationWrapper","InfinityMarkerWrapper","createPagination","initProps","store","rerender","_setContent","_resetContent","_resetInfinity","_endInfinity","setContent","current","resetContent","resetInfinity","endInfinity","args","fn"],"sources":["../../../../src/components/pagination/Pagination.js"],"sourcesContent":["/**\n * Web Pagination Component\n *\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\nimport PaginationContext from './PaginationContext'\nimport PaginationProvider from './PaginationProvider'\nimport {\n  validateDOMAttributes,\n  extendPropsWithContextInClassComponent,\n} from '../../shared/component-helper'\nimport {\n  spacingPropTypes,\n  createSpacingClasses,\n} from '../space/SpacingHelper'\n\nimport { PaginationIndicator } from './PaginationHelpers'\nimport InfinityScroller from './PaginationInfinity'\nimport PaginationBar from './PaginationBar'\n\n\nconst paginationPropTypes = {\n  startup_page: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  current_page: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  page_count: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  startup_count: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  parallel_load_count: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.number,\n  ]),\n  place_maker_before_content: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.bool,\n  ]),\n  min_wait_time: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  disabled: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  skeleton: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  mode: PropTypes.oneOf(['pagination', 'infinity']),\n  use_load_button: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  items: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),\n  hide_progress_indicator: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.bool,\n  ]),\n  set_content_handler: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.func,\n  ]),\n  reset_content_handler: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.func,\n  ]),\n  reset_pagination_handler: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.func,\n  ]),\n  end_infinity_handler: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.func,\n  ]),\n  page_element: PropTypes.oneOfType([\n    PropTypes.object,\n    PropTypes.node,\n    PropTypes.func,\n    PropTypes.string,\n  ]),\n  fallback_element: PropTypes.oneOfType([\n    PropTypes.object,\n    PropTypes.node,\n    PropTypes.func,\n    PropTypes.string,\n  ]),\n  marker_element: PropTypes.oneOfType([\n    PropTypes.object,\n    PropTypes.node,\n    PropTypes.func,\n    PropTypes.string,\n  ]),\n  indicator_element: PropTypes.oneOfType([\n    PropTypes.node,\n    PropTypes.func,\n    PropTypes.string,\n  ]),\n  align: PropTypes.string,\n  button_title: PropTypes.string,\n  prev_title: PropTypes.string,\n  next_title: PropTypes.string,\n  more_pages: PropTypes.string,\n  is_loading_text: PropTypes.string,\n  load_button_text: 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_change: PropTypes.func,\n  on_startup: PropTypes.func,\n  on_load: PropTypes.func,\n  on_end: PropTypes.func,\n}\n\nconst paginationDefaultProps = {\n  startup_page: null,\n  current_page: null,\n  page_count: null,\n  mode: 'pagination',\n  use_load_button: false,\n  items: null,\n  hide_progress_indicator: false,\n  set_content_handler: null,\n  reset_content_handler: null,\n  page_element: undefined,\n  fallback_element: undefined,\n  marker_element: undefined,\n  indicator_element: undefined,\n  align: 'left',\n  button_title: null,\n  prev_title: null,\n  next_title: null,\n  more_pages: null,\n  is_loading_text: null,\n  load_button_text: null,\n  startup_count: 1,\n  parallel_load_count: 1,\n  place_maker_before_content: false,\n  min_wait_time: 400,\n  disabled: null,\n  skeleton: null,\n\n  class: null,\n  className: null,\n  children: null,\n\n  on_change: null,\n  on_startup: null,\n  on_load: null,\n  on_end: null,\n}\n\nexport default class Pagination extends React.PureComponent {\n  static propTypes = { ...paginationPropTypes }\n  static defaultProps = paginationDefaultProps\n\n  render() {\n    return (\n      <PaginationProvider\n        tagName=\"dnb-pagination\"\n        internalContent={this.props.children}\n        {...this.props}\n      >\n        <PaginationInstance {...this.props} />\n      </PaginationProvider>\n    )\n  }\n}\n\nclass PaginationInstance extends React.PureComponent {\n  static propTypes = { ...paginationPropTypes }\n  static defaultProps = paginationDefaultProps\n  static contextType = PaginationContext\n\n  constructor(props) {\n    super(props)\n    this._contentRef = React.createRef()\n  }\n\n  render() {\n    // use only the props from context, who are available here anyway\n    const props = extendPropsWithContextInClassComponent(\n      this.props,\n      paginationDefaultProps,\n      this.context.getTranslation(this.props).Pagination,\n      this.context.Pagination\n    )\n\n    const {\n      align,\n      children,\n      className,\n      class: _className,\n\n      disabled: _disabled, // eslint-disable-line\n      skeleton: _skeleton, // eslint-disable-line\n      tagName: _tagName, // eslint-disable-line\n      page_count: _page_count, // eslint-disable-line\n      current_page: _current_page, // eslint-disable-line\n      startup_page: _startup_page, // eslint-disable-line\n      mode: _mode, // eslint-disable-line\n      hide_progress_indicator: _hide_progress_indicator, // eslint-disable-line\n      use_load_button: _use_load_button, // eslint-disable-line\n      currentPage: _currentPage, // eslint-disable-line\n\n      ...attributes\n    } = props\n\n    // our props\n    const { currentPage, items, fallback_element, indicator_element } =\n      this.context.pagination\n\n    // Pagination mode\n    if (this.context.pagination.mode === 'pagination') {\n      const mainParams = {\n        className: classnames(\n          'dnb-pagination',\n          align && `dnb-pagination--${align}`,\n          createSpacingClasses(props),\n          className,\n          _className\n        ),\n        ...attributes,\n      }\n\n      validateDOMAttributes(props, mainParams)\n\n      const content = items.find(\n        ({ pageNumber }) => pageNumber === currentPage\n      )?.content\n\n      return (\n        <div {...mainParams}>\n          <PaginationBar contentRef={this._contentRef}>\n            {children}\n          </PaginationBar>\n          {items.length > 0 && (\n            <PaginationContent ref={this._contentRef}>\n              {content || (\n                <PaginationIndicator\n                  indicator_element={indicator_element || fallback_element}\n                />\n              )}\n            </PaginationContent>\n          )}\n        </div>\n      )\n    }\n\n    // InfinityScroller mode\n    return <InfinityScroller />\n  }\n}\n\nexport class InfinityMarker extends React.PureComponent {\n  static propTypes = { ...paginationPropTypes }\n  static defaultProps = paginationDefaultProps\n\n  render() {\n    const { children, ...props } = this.props\n    return (\n      <PaginationProvider\n        useMarkerOnly\n        tagName=\"dnb-infinity-marker\"\n        {...props}\n      >\n        <InfinityScroller {...props}>{children}</InfinityScroller>\n      </PaginationProvider>\n    )\n  }\n}\n\nconst PaginationContent = React.forwardRef(\n  ({ children, ...props }, ref) => {\n    return (\n      <div\n        className=\"dnb-pagination__content dnb-no-focus\"\n        tabIndex=\"-1\"\n        {...props}\n        ref={ref}\n      >\n        {children}\n      </div>\n    )\n  }\n)\nPaginationContent.propTypes = {\n  children: PropTypes.oneOfType([PropTypes.node, PropTypes.func])\n    .isRequired,\n}\n\n// NB: This is not ready yet\nPagination.Bar = PaginationBar\nPagination.Content = PaginationContent\n\nconst PaginationWrapper = Pagination\nconst InfinityMarkerWrapper = InfinityMarker\n\nexport const Bar = (props) => (\n  <Pagination fallback_element={() => null} {...props} />\n)\n\nexport const createPagination = (initProps = {}) => {\n  const store = React.createRef({})\n  const rerender = React.createRef(null)\n  const _setContent = React.createRef(null)\n  const _resetContent = React.createRef(null)\n  const _resetInfinity = React.createRef(null)\n  const _endInfinity = React.createRef(null)\n\n  const setContent = (pageNumber, content) => {\n    if (pageNumber > 0) {\n      store.current = { ...store.current, ...{ pageNumber, content } }\n      rerender.current && rerender.current(store)\n    }\n  }\n  const resetContent = () => {\n    _resetContent.current && _resetContent.current()\n  }\n  const resetInfinity = () => {\n    _resetInfinity.current && _resetInfinity.current()\n  }\n  const endInfinity = () => {\n    _endInfinity.current && _endInfinity.current()\n  }\n\n  const args = (props) => ({\n    ...{ ...initProps, ...props },\n    store,\n    rerender,\n    set_content_handler: (fn) => (_setContent.current = fn),\n    reset_content_handler: (fn) => (_resetContent.current = fn),\n    reset_pagination_handler: (fn) => (_resetInfinity.current = fn),\n    end_infinity_handler: (fn) => (_endInfinity.current = fn),\n  })\n\n  const Pagination = (props) => (\n    <PaginationWrapper tagName=\"dnb-pagination\" {...args(props)} />\n  )\n\n  const InfinityMarker = (props) => (\n    <InfinityMarkerWrapper\n      tagName={InfinityMarkerWrapper?.tagName}\n      {...args(props)}\n    />\n  )\n\n  return {\n    Pagination,\n    InfinityMarker,\n    setContent,\n    resetContent,\n    resetInfinity,\n    endInfinity,\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"Pagination.js","names":["React","PropTypes","classnames","PaginationContext","PaginationProvider","validateDOMAttributes","extendPropsWithContextInClassComponent","spacingPropTypes","createSpacingClasses","PaginationIndicator","InfinityScroller","PaginationBar","paginationPropTypes","process","env","NODE_ENV","_objectSpread","startup_page","oneOfType","string","number","current_page","page_count","startup_count","parallel_load_count","place_maker_before_content","bool","min_wait_time","disabled","skeleton","mode","oneOf","use_load_button","items","array","hide_progress_indicator","set_content_handler","func","reset_content_handler","reset_pagination_handler","end_infinity_handler","page_element","object","node","fallback_element","marker_element","indicator_element","align","button_title","prev_title","next_title","more_pages","is_loading_text","load_button_text","class","className","children","on_change","on_startup","on_load","on_end","paginationDefaultProps","undefined","Pagination","PureComponent","render","createElement","_extends","tagName","internalContent","props","PaginationInstance","_defineProperty","propTypes","constructor","_contentRef","createRef","context","getTranslation","_className","_disabled","_skeleton","_tagName","_page_count","_current_page","_startup_page","_mode","_hide_progress_indicator","_use_load_button","currentPage","_currentPage","attributes","_objectWithoutProperties","_excluded","pagination","_items$find","mainParams","content","find","pageNumber","contentRef","length","PaginationContent","ref","_InfinityScroller","InfinityMarker","_this$props","_excluded2","useMarkerOnly","forwardRef","_ref","_excluded3","tabIndex","isRequired","Bar","Content","PaginationWrapper","InfinityMarkerWrapper","createPagination","initProps","store","rerender","_setContent","_resetContent","_resetInfinity","_endInfinity","setContent","current","resetContent","resetInfinity","endInfinity","args","fn"],"sources":["../../../../src/components/pagination/Pagination.js"],"sourcesContent":["/**\n * Web Pagination Component\n *\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\nimport PaginationContext from './PaginationContext'\nimport PaginationProvider from './PaginationProvider'\nimport {\n  validateDOMAttributes,\n  extendPropsWithContextInClassComponent,\n} from '../../shared/component-helper'\nimport {\n  spacingPropTypes,\n  createSpacingClasses,\n} from '../space/SpacingHelper'\n\nimport { PaginationIndicator } from './PaginationHelpers'\nimport InfinityScroller from './PaginationInfinity'\nimport PaginationBar from './PaginationBar'\n\nconst paginationPropTypes = {\n  startup_page: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  current_page: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  page_count: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  startup_count: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  parallel_load_count: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.number,\n  ]),\n  place_maker_before_content: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.bool,\n  ]),\n  min_wait_time: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  disabled: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  skeleton: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  mode: PropTypes.oneOf(['pagination', 'infinity']),\n  use_load_button: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  items: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),\n  hide_progress_indicator: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.bool,\n  ]),\n  set_content_handler: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.func,\n  ]),\n  reset_content_handler: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.func,\n  ]),\n  reset_pagination_handler: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.func,\n  ]),\n  end_infinity_handler: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.func,\n  ]),\n  page_element: PropTypes.oneOfType([\n    PropTypes.object,\n    PropTypes.node,\n    PropTypes.func,\n    PropTypes.string,\n  ]),\n  fallback_element: PropTypes.oneOfType([\n    PropTypes.object,\n    PropTypes.node,\n    PropTypes.func,\n    PropTypes.string,\n  ]),\n  marker_element: PropTypes.oneOfType([\n    PropTypes.object,\n    PropTypes.node,\n    PropTypes.func,\n    PropTypes.string,\n  ]),\n  indicator_element: PropTypes.oneOfType([\n    PropTypes.node,\n    PropTypes.func,\n    PropTypes.string,\n  ]),\n  align: PropTypes.string,\n  button_title: PropTypes.string,\n  prev_title: PropTypes.string,\n  next_title: PropTypes.string,\n  more_pages: PropTypes.string,\n  is_loading_text: PropTypes.string,\n  load_button_text: 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_change: PropTypes.func,\n  on_startup: PropTypes.func,\n  on_load: PropTypes.func,\n  on_end: PropTypes.func,\n}\n\nconst paginationDefaultProps = {\n  startup_page: null,\n  current_page: null,\n  page_count: null,\n  mode: 'pagination',\n  use_load_button: false,\n  items: null,\n  hide_progress_indicator: false,\n  set_content_handler: null,\n  reset_content_handler: null,\n  page_element: undefined,\n  fallback_element: undefined,\n  marker_element: undefined,\n  indicator_element: undefined,\n  align: 'left',\n  button_title: null,\n  prev_title: null,\n  next_title: null,\n  more_pages: null,\n  is_loading_text: null,\n  load_button_text: null,\n  startup_count: 1,\n  parallel_load_count: 1,\n  place_maker_before_content: false,\n  min_wait_time: 400,\n  disabled: null,\n  skeleton: null,\n\n  class: null,\n  className: null,\n  children: null,\n\n  on_change: null,\n  on_startup: null,\n  on_load: null,\n  on_end: null,\n}\n\nexport default class Pagination extends React.PureComponent {\n  static propTypes = { ...paginationPropTypes }\n  static defaultProps = paginationDefaultProps\n\n  render() {\n    return (\n      <PaginationProvider\n        tagName=\"dnb-pagination\"\n        internalContent={this.props.children}\n        {...this.props}\n      >\n        <PaginationInstance {...this.props} />\n      </PaginationProvider>\n    )\n  }\n}\n\nclass PaginationInstance extends React.PureComponent {\n  static propTypes = { ...paginationPropTypes }\n  static defaultProps = paginationDefaultProps\n  static contextType = PaginationContext\n\n  constructor(props) {\n    super(props)\n    this._contentRef = React.createRef()\n  }\n\n  render() {\n    // use only the props from context, who are available here anyway\n    const props = extendPropsWithContextInClassComponent(\n      this.props,\n      paginationDefaultProps,\n      this.context.getTranslation(this.props).Pagination,\n      this.context.Pagination\n    )\n\n    const {\n      align,\n      children,\n      className,\n      class: _className,\n\n      disabled: _disabled, // eslint-disable-line\n      skeleton: _skeleton, // eslint-disable-line\n      tagName: _tagName, // eslint-disable-line\n      page_count: _page_count, // eslint-disable-line\n      current_page: _current_page, // eslint-disable-line\n      startup_page: _startup_page, // eslint-disable-line\n      mode: _mode, // eslint-disable-line\n      hide_progress_indicator: _hide_progress_indicator, // eslint-disable-line\n      use_load_button: _use_load_button, // eslint-disable-line\n      currentPage: _currentPage, // eslint-disable-line\n\n      ...attributes\n    } = props\n\n    // our props\n    const { currentPage, items, fallback_element, indicator_element } =\n      this.context.pagination\n\n    // Pagination mode\n    if (this.context.pagination.mode === 'pagination') {\n      const mainParams = {\n        className: classnames(\n          'dnb-pagination',\n          align && `dnb-pagination--${align}`,\n          createSpacingClasses(props),\n          className,\n          _className\n        ),\n        ...attributes,\n      }\n\n      validateDOMAttributes(props, mainParams)\n\n      const content = items.find(\n        ({ pageNumber }) => pageNumber === currentPage\n      )?.content\n\n      return (\n        <div {...mainParams}>\n          <PaginationBar contentRef={this._contentRef}>\n            {children}\n          </PaginationBar>\n          {items.length > 0 && (\n            <PaginationContent ref={this._contentRef}>\n              {content || (\n                <PaginationIndicator\n                  indicator_element={indicator_element || fallback_element}\n                />\n              )}\n            </PaginationContent>\n          )}\n        </div>\n      )\n    }\n\n    // InfinityScroller mode\n    return <InfinityScroller />\n  }\n}\n\nexport class InfinityMarker extends React.PureComponent {\n  static propTypes = { ...paginationPropTypes }\n  static defaultProps = paginationDefaultProps\n\n  render() {\n    const { children, ...props } = this.props\n    return (\n      <PaginationProvider\n        useMarkerOnly\n        tagName=\"dnb-infinity-marker\"\n        {...props}\n      >\n        <InfinityScroller {...props}>{children}</InfinityScroller>\n      </PaginationProvider>\n    )\n  }\n}\n\nconst PaginationContent = React.forwardRef(\n  ({ children, ...props }, ref) => {\n    return (\n      <div\n        className=\"dnb-pagination__content dnb-no-focus\"\n        tabIndex=\"-1\"\n        {...props}\n        ref={ref}\n      >\n        {children}\n      </div>\n    )\n  }\n)\nPaginationContent.propTypes = {\n  children: PropTypes.oneOfType([PropTypes.node, PropTypes.func])\n    .isRequired,\n}\n\n// NB: This is not ready yet\nPagination.Bar = PaginationBar\nPagination.Content = PaginationContent\n\nconst PaginationWrapper = Pagination\nconst InfinityMarkerWrapper = InfinityMarker\n\nexport const Bar = (props) => (\n  <Pagination fallback_element={() => null} {...props} />\n)\n\nexport const createPagination = (initProps = {}) => {\n  const store = React.createRef({})\n  const rerender = React.createRef(null)\n  const _setContent = React.createRef(null)\n  const _resetContent = React.createRef(null)\n  const _resetInfinity = React.createRef(null)\n  const _endInfinity = React.createRef(null)\n\n  const setContent = (pageNumber, content) => {\n    if (pageNumber > 0) {\n      store.current = { ...store.current, ...{ pageNumber, content } }\n      rerender.current && rerender.current(store)\n    }\n  }\n  const resetContent = () => {\n    _resetContent.current && _resetContent.current()\n  }\n  const resetInfinity = () => {\n    _resetInfinity.current && _resetInfinity.current()\n  }\n  const endInfinity = () => {\n    _endInfinity.current && _endInfinity.current()\n  }\n\n  const args = (props) => ({\n    ...{ ...initProps, ...props },\n    store,\n    rerender,\n    set_content_handler: (fn) => (_setContent.current = fn),\n    reset_content_handler: (fn) => (_resetContent.current = fn),\n    reset_pagination_handler: (fn) => (_resetInfinity.current = fn),\n    end_infinity_handler: (fn) => (_endInfinity.current = fn),\n  })\n\n  const Pagination = (props) => (\n    <PaginationWrapper tagName=\"dnb-pagination\" {...args(props)} />\n  )\n\n  const InfinityMarker = (props) => (\n    <InfinityMarkerWrapper\n      tagName={InfinityMarkerWrapper?.tagName}\n      {...args(props)}\n    />\n  )\n\n  return {\n    Pagination,\n    InfinityMarker,\n    setContent,\n    resetContent,\n    resetInfinity,\n    endInfinity,\n  }\n}\n"],"mappings":"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"}

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

@@ -10,6 +10,10 @@
   --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);
   position: relative;
   display: inline-flex;
   align-items: center;
@@ -45,6 +49,10 @@
 }
 .dnb-progress-indicator__circular svg {
   position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
   width: 100%;
   height: 100%;
 }
@@ -77,12 +85,44 @@
   stroke-linecap: round;
 }
 .dnb-progress-indicator__circular__line.light .dnb-progress-indicator__circular__circle {
-  stroke: grey;
+  stroke: var(--progress-indicator-circular-background-color);
 }
 .dnb-progress-indicator__circular__line.dark .dnb-progress-indicator__circular__circle {
-  stroke: var(--color-black);
+  stroke: var(--progress-indicator-circular-bar-color);
+}
+.dnb-progress-indicator__circular--small {
+  width: 1rem;
+  height: 1rem;
+}
+.dnb-progress-indicator__circular--medium {
+  width: 1.5rem;
+  height: 1.5rem;
+}
+.dnb-progress-indicator__circular--large {
+  width: 3.5rem;
+  height: 3.5rem;
+}
+.dnb-progress-indicator__circular--huge {
+  width: 20rem;
+  height: 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);
   position: relative;
   overflow: hidden;
   width: 100%;
@@ -91,6 +131,7 @@
   border-radius: 0.25rem;
 }
 .dnb-progress-indicator__linear__bar {
+  background-color: var(--progress-indicator-linear-bar-color);
   width: 100%;
   position: absolute;
   left: 0;
@@ -110,6 +151,22 @@
   width: auto;
   animation: progress-indicator-linear-bar-2 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.15s infinite;
 }
+.dnb-progress-indicator__linear--small {
+  height: 0.25rem;
+  border-radius: 0.125rem;
+}
+.dnb-progress-indicator__linear--medium {
+  height: 1rem;
+  border-radius: 0.5rem;
+}
+.dnb-progress-indicator__linear--large {
+  height: 1.5rem;
+  border-radius: 0.75rem;
+}
+.dnb-progress-indicator__linear--huge {
+  height: 2rem;
+  border-radius: 1rem;
+}
 html[data-visual-test] .dnb-progress-indicator__linear__bar1-animation {
   left: -35%;
   right: 100%;

package/es/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;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%;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:grey}.dnb-progress-indicator__circular__line.dark .dnb-progress-indicator__circular__circle{stroke:var(--color-black)}.dnb-progress-indicator__linear{border-radius:.25rem;height:.5rem;overflow:hidden;position:relative;width:100%;will-change:transform}.dnb-progress-indicator__linear__bar{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}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{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{bottom:0;height:100%;left:0;position:absolute;right:0;top:0;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/es/components/progress-indicator/style/dnb-progress-indicator.scss

@@ -10,6 +10,10 @@
   --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);
 
   position: relative;
   display: inline-flex;
@@ -60,6 +64,7 @@
 
     svg {
       position: absolute;
+      inset: 0;
       width: 100%;
       height: 100%;
     }
@@ -109,16 +114,58 @@
     }
 
     &__line.light &__circle {
-      stroke: grey;
+      stroke: var(--progress-indicator-circular-background-color);
     }
 
     &__line.dark &__circle {
-      stroke: var(--color-black);
+      stroke: var(--progress-indicator-circular-bar-color);
+    }
+
+    &--small {
+      width: 1rem;
+      height: 1rem;
+    }
+
+    &--medium {
+      width: 1.5rem;
+      height: 1.5rem;
+    }
+
+    &--large {
+      width: 3.5rem;
+      height: 3.5rem;
+    }
+
+    &--huge {
+      width: 20rem;
+      height: 20rem;
+    }
+
+    // compensate for 'aliasing artifacts' seen when rendering same sized, lighter on dark elements
+    &--small &__line.dark &__circle {
+      stroke-width: 3.1;
+    }
+
+    &--medium &__line.dark &__circle {
+      stroke-width: 3.3;
+    }
+
+    &--default &__line.dark &__circle {
+      stroke-width: 3.5;
+    }
+
+    &--large &__line.dark &__circle {
+      stroke-width: 3.7;
+    }
+
+    &--huge &__line.dark &__circle {
+      stroke-width: 3.9;
     }
   }
 
   // linear variant
   &__linear {
+    background-color: var(--progress-indicator-linear-background-color);
     position: relative;
     overflow: hidden;
     width: 100%;
@@ -129,6 +176,7 @@
     border-radius: 0.25rem;
 
     &__bar {
+      background-color: var(--progress-indicator-linear-bar-color);
       width: 100%;
       position: absolute;
       left: 0;
@@ -154,6 +202,26 @@
         cubic-bezier(0.165, 0.84, 0.44, 1) 1.15s infinite;
     }
 
+    &--small {
+      height: 0.25rem;
+      border-radius: 0.125rem;
+    }
+
+    &--medium {
+      height: 1rem;
+      border-radius: 0.5rem;
+    }
+
+    &--large {
+      height: 1.5rem;
+      border-radius: 0.75rem;
+    }
+
+    &--huge {
+      height: 2rem;
+      border-radius: 1rem;
+    }
+
     html[data-visual-test] &__bar1-animation {
       left: -35%;
       right: 100%;

package/es/components/progress-indicator/style/themes/dnb-progress-indicator-theme-sbanken.css

@@ -0,0 +1,18 @@
+/*
+* ProgressIndicator theme for Sbanken
+*
+*/
+.dnb-progress-indicator {
+  --progress-indicator-circular-background-color: var(
+    --sb-color-gray-light-2
+  );
+  --progress-indicator-circular-bar-color: var(
+    --sb-color-purple-alternative
+  );
+  --progress-indicator-linear-background-color: var(
+    --sb-color-gray-light-2
+  );
+  --progress-indicator-linear-bar-color: var(
+    --sb-color-purple-alternative
+  );
+}

package/es/components/progress-indicator/style/themes/dnb-progress-indicator-theme-sbanken.min.css

@@ -0,0 +1,9 @@
+.dnb-progress-indicator{--progress-indicator-circular-background-color:var(
+    --sb-color-gray-light-2
+  );--progress-indicator-circular-bar-color:var(
+    --sb-color-purple-alternative
+  );--progress-indicator-linear-background-color:var(
+    --sb-color-gray-light-2
+  );--progress-indicator-linear-bar-color:var(
+    --sb-color-purple-alternative
+  )}

package/es/components/progress-indicator/style/themes/dnb-progress-indicator-theme-sbanken.scss

@@ -0,0 +1,19 @@
+/*
+* ProgressIndicator theme for Sbanken
+*
+*/
+
+.dnb-progress-indicator {
+  --progress-indicator-circular-background-color: var(
+    --sb-color-gray-light-2
+  );
+  --progress-indicator-circular-bar-color: var(
+    --sb-color-purple-alternative
+  );
+  --progress-indicator-linear-background-color: var(
+    --sb-color-gray-light-2
+  );
+  --progress-indicator-linear-bar-color: var(
+    --sb-color-purple-alternative
+  );
+}

package/es/components/progress-indicator/style/themes/dnb-progress-indicator-theme-ui.css

@@ -2,68 +2,9 @@
 * ProgressIndicator theme
 *
 */
-/*
- * Utilities
- */
-.dnb-progress-indicator__circular--small {
-  width: 1rem;
-  height: 1rem;
-}
-.dnb-progress-indicator__circular--medium {
-  width: 1.5rem;
-  height: 1.5rem;
-}
-.dnb-progress-indicator__circular--large {
-  width: 3.5rem;
-  height: 3.5rem;
-}
-.dnb-progress-indicator__circular--huge {
-  width: 20rem;
-  height: 20rem;
-}
-.dnb-progress-indicator__circular__line {
-  animation-duration: 2s;
-}
-.dnb-progress-indicator__circular__line.light .dnb-progress-indicator__circular__circle {
-  stroke: var(--color-mint-green);
-}
-.dnb-progress-indicator__circular__line.dark .dnb-progress-indicator__circular__circle {
-  stroke: var(--color-emerald-green);
-}
-.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(--color-black-8);
-}
-.dnb-progress-indicator__linear--small {
-  height: 0.25rem;
-  border-radius: 0.125rem;
-}
-.dnb-progress-indicator__linear--medium {
-  height: 1rem;
-  border-radius: 0.5rem;
-}
-.dnb-progress-indicator__linear--large {
-  height: 1.5rem;
-  border-radius: 0.75rem;
-}
-.dnb-progress-indicator__linear--huge {
-  height: 2rem;
-  border-radius: 1rem;
-}
-.dnb-progress-indicator__linear__bar {
-  background-color: var(--color-sea-green);
+.dnb-progress-indicator {
+  --progress-indicator-circular-background-color: var(--color-mint-green);
+  --progress-indicator-circular-bar-color: var(--color-emerald-green);
+  --progress-indicator-linear-background-color: var(--color-black-8);
+  --progress-indicator-linear-bar-color: var(--color-sea-green);
 }

package/es/components/progress-indicator/style/themes/dnb-progress-indicator-theme-ui.min.css

@@ -1 +1 @@
-.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__line{animation-duration:2s}.dnb-progress-indicator__circular__line.light .dnb-progress-indicator__circular__circle{stroke:var(--color-mint-green)}.dnb-progress-indicator__circular__line.dark .dnb-progress-indicator__circular__circle{stroke:var(--color-emerald-green)}.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(--color-black-8)}.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}.dnb-progress-indicator__linear__bar{background-color:var(--color-sea-green)}
+.dnb-progress-indicator{--progress-indicator-circular-background-color:var(--color-mint-green);--progress-indicator-circular-bar-color:var(--color-emerald-green);--progress-indicator-linear-background-color:var(--color-black-8);--progress-indicator-linear-bar-color:var(--color-sea-green)}

package/es/components/progress-indicator/style/themes/dnb-progress-indicator-theme-ui.scss

@@ -3,8 +3,6 @@
 *
 */
 
-@import '../../../../style/core/utilities.scss';
-
 .dnb-progress-indicator {
   // to get a reverse #v3 - use the following setup, strokeDashoffset has also to be:
   // const strokeDashoffset = -((maxOffset / 100) * progress-indicator)
@@ -12,88 +10,8 @@
   // --progress-indicator-circular-circle-offset--min: -1;
   // --progress-indicator-circular-circle-offset--max: -88;
 
-  // circular variant
-  &__circular {
-    &--small {
-      width: 1rem;
-      height: 1rem;
-    }
-
-    &--medium {
-      width: 1.5rem;
-      height: 1.5rem;
-    }
-
-    &--large {
-      width: 3.5rem;
-      height: 3.5rem;
-    }
-
-    &--huge {
-      width: 20rem;
-      height: 20rem;
-    }
-
-    &__line {
-      animation-duration: 2s;
-    }
-
-    &__line.light &__circle {
-      stroke: var(--color-mint-green);
-    }
-
-    &__line.dark &__circle {
-      stroke: var(--color-emerald-green);
-    }
-
-    // compensate for 'aliasing artifacts' seen when rendering same sized, lighter on dark elements
-    &--small &__line.dark &__circle {
-      stroke-width: 3.1;
-    }
-
-    &--medium &__line.dark &__circle {
-      stroke-width: 3.3;
-    }
-
-    &--default &__line.dark &__circle {
-      stroke-width: 3.5;
-    }
-
-    &--large &__line.dark &__circle {
-      stroke-width: 3.7;
-    }
-
-    &--huge &__line.dark &__circle {
-      stroke-width: 3.9;
-    }
-  }
-
-  // linear variant
-  &__linear {
-    background-color: var(--color-black-8);
-
-    &--small {
-      height: 0.25rem;
-      border-radius: 0.125rem;
-    }
-
-    &--medium {
-      height: 1rem;
-      border-radius: 0.5rem;
-    }
-
-    &--large {
-      height: 1.5rem;
-      border-radius: 0.75rem;
-    }
-
-    &--huge {
-      height: 2rem;
-      border-radius: 1rem;
-    }
-
-    &__bar {
-      background-color: var(--color-sea-green);
-    }
-  }
+  --progress-indicator-circular-background-color: var(--color-mint-green);
+  --progress-indicator-circular-bar-color: var(--color-emerald-green);
+  --progress-indicator-linear-background-color: var(--color-black-8);
+  --progress-indicator-linear-bar-color: var(--color-sea-green);
 }

package/es/components/radio/Radio.d.ts

@@ -83,6 +83,10 @@ export interface RadioProps
    */
   on_change?: (...args: any[]) => any;
   on_state_update?: (...args: any[]) => any;
+  /**
+   * By providing a React.ref we can get the internally used input element (DOM). E.g. `innerRef={myRef}` by using `React.createRef()` or `React.useRef()`.
+   */
+  innerRef?: React.Ref;
 }
 export default class Radio extends React.Component<RadioProps, any> {
   static defaultProps: object;