@dnb/eufemia 10.5.0 → 10.7.0

package/components/accordion/AccordionHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionHeader.js","names":["React","PropTypes","isTrue","validateDOMAttributes","extendPropsWithContextInClassComponent","IconPrimary","classnames","keycode","AccordionContext","spacingPropTypes","createSpacingClasses","skeletonDOMAttributes","createSkeletonClass","AccordionHeaderTitle","_ref","children","rest","_objectWithoutProperties","_excluded","createElement","className","process","env","NODE_ENV","propTypes","_objectSpread","node","defaultProps","AccordionHeaderDescription","_ref2","_excluded2","AccordionHeaderContainer","_ref3","_excluded3","AccordionHeaderIcon","_ref4","icon","expanded","_excluded4","_extends","oneOfType","func","shape","closed","size","string","bool","AccordionHeader","PureComponent","constructor","props","_defineProperty","event","preventDefault","onClickHandler","id","group","context","canClick","callOnChange","setState","hadClick","hover","state","allow_close_all","render","left_component","title","description","element","heading","heading_level","icon_size","disabled","skeleton","no_animation","_this$props","_left_component","_expanded","_title","_description","_icon","_icon_size","_disabled","_excluded5","icon_position","defaultParts","key","Array","isArray","filter","cur","isValidElement","removeParts","forEach","part","find","c","type","push","index","findIndex","splice","partsToRender","wrapperParts","wrapperComp","iconIndex","headerParams","role","tabIndex","onClick","onKeyDown","onKeyDownHandler","onMouseOver","onMouseOverHandler","onMouseOut","onMouseOutHandler","Element","String","number","oneOf"],"sources":["../../../../src/components/accordion/AccordionHeader.js"],"sourcesContent":["/**\n * Web Accordion Component\n *\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport {\n  isTrue,\n  validateDOMAttributes,\n  extendPropsWithContextInClassComponent,\n} from '../../shared/component-helper'\nimport IconPrimary from '../../components/icon-primary/IconPrimary'\nimport classnames from 'classnames'\nimport keycode from 'keycode'\nimport AccordionContext from './AccordionContext'\nimport {\n  spacingPropTypes,\n  createSpacingClasses,\n} from '../space/SpacingHelper'\nimport {\n  skeletonDOMAttributes,\n  createSkeletonClass,\n} from '../skeleton/SkeletonHelper'\n\nfunction AccordionHeaderTitle({ children, ...rest }) {\n  return (\n    <span\n      className={classnames(\n        'dnb-accordion__header__title',\n        createSpacingClasses(rest)\n      )}\n    >\n      {children}\n    </span>\n  )\n}\nAccordionHeaderTitle.propTypes = {\n  ...spacingPropTypes,\n  children: PropTypes.node,\n}\nAccordionHeaderTitle.defaultProps = {\n  children: null,\n}\n\nfunction AccordionHeaderDescription({ children, ...rest }) {\n  return children ? (\n    <span\n      className={classnames(\n        'dnb-accordion__header__description',\n        createSpacingClasses(rest)\n      )}\n    >\n      {children}\n    </span>\n  ) : null\n}\nAccordionHeaderDescription.propTypes = {\n  ...spacingPropTypes,\n  children: PropTypes.node,\n}\nAccordionHeaderDescription.defaultProps = {\n  children: null,\n}\n\nfunction AccordionHeaderContainer({ children, ...rest }) {\n  return children ? (\n    <span\n      className={classnames(\n        'dnb-accordion__header__container',\n        createSpacingClasses(rest)\n      )}\n    >\n      {children}\n    </span>\n  ) : null\n}\nAccordionHeaderContainer.propTypes = {\n  ...spacingPropTypes,\n  children: PropTypes.node,\n}\nAccordionHeaderContainer.defaultProps = {\n  children: null,\n}\n\nfunction AccordionHeaderIcon({ icon, expanded, ...rest }) {\n  return (\n    <span className=\"dnb-accordion__header__icon\">\n      <IconPrimary\n        {...rest}\n        icon={\n          typeof icon?.expanded !== 'undefined'\n            ? icon[expanded ? 'expanded' : 'closed']\n            : icon || 'chevron-down'\n        }\n        aria-hidden\n      />\n    </span>\n  )\n}\nAccordionHeaderIcon.propTypes = {\n  icon: PropTypes.oneOfType([\n    PropTypes.node,\n    PropTypes.func,\n    PropTypes.shape({\n      closed: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n      expanded: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n    }),\n  ]),\n  size: PropTypes.string,\n  expanded: PropTypes.bool,\n}\nAccordionHeaderIcon.defaultProps = {\n  icon: null,\n  size: 'medium',\n  expanded: null,\n}\n\nexport default class AccordionHeader extends React.PureComponent {\n  static contextType = AccordionContext\n\n  static propTypes = {\n    title: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.node,\n      PropTypes.func,\n    ]),\n    description: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.node,\n      PropTypes.func,\n    ]),\n    left_component: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.node,\n      PropTypes.func,\n    ]),\n    element: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.node,\n      PropTypes.func,\n    ]),\n    heading: PropTypes.oneOfType([\n      PropTypes.bool,\n      PropTypes.string,\n      PropTypes.node,\n      PropTypes.func,\n    ]),\n    heading_level: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.number,\n    ]),\n    icon: PropTypes.oneOfType([\n      PropTypes.node,\n      PropTypes.func,\n      PropTypes.shape({\n        closed: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n        expanded: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n      }),\n    ]),\n    icon_position: PropTypes.oneOf(['left', 'right']),\n    icon_size: PropTypes.string,\n    disabled: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    skeleton: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    no_animation: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n\n    ...spacingPropTypes,\n\n    className: PropTypes.string,\n    children: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.node,\n      PropTypes.func,\n    ]),\n  }\n\n  static defaultProps = {\n    id: null, // make sure we have id here, so it gets picked up by extendPropsWithContextInClassComponent\n    title: null,\n    description: null,\n    left_component: null,\n    element: null,\n    heading: null,\n    heading_level: null,\n    icon: null,\n    icon_position: null,\n    icon_size: 'medium',\n    disabled: null,\n    skeleton: null,\n    no_animation: null,\n\n    className: null,\n    children: null,\n  }\n\n  static Container = AccordionHeaderContainer\n  static Icon = AccordionHeaderIcon\n  static Title = AccordionHeaderTitle\n  static Description = AccordionHeaderDescription\n\n  constructor(props) {\n    super(props)\n    this.state = {}\n  }\n\n  onKeyDownHandler = (event) => {\n    switch (keycode(event)) {\n      case 'enter':\n      case 'space':\n        event.preventDefault()\n        this.onClickHandler(event)\n        break\n    }\n  }\n\n  onClickHandler = (event) => {\n    const { id, group } = this.context\n\n    if (this.canClick()) {\n      const expanded = !this.context.expanded\n      this.context.callOnChange({ id, group, expanded, event })\n\n      this.setState({\n        hadClick: true,\n      })\n    }\n  }\n\n  onMouseOverHandler = () => {\n    this.setState({\n      hover: true,\n    })\n  }\n\n  onMouseOutHandler = () => {\n    this.setState({\n      hover: false,\n      hadClick: false,\n    })\n  }\n\n  canClick() {\n    const { expanded, allow_close_all, group } = this.context\n    return !group || (group && !expanded) || isTrue(allow_close_all)\n  }\n\n  render() {\n    const props = extendPropsWithContextInClassComponent(\n      this.props,\n      AccordionHeader.defaultProps,\n      this.context\n    )\n\n    const {\n      id,\n\n      // 1. these props should be the same as ...\n      left_component,\n      expanded, // eslint-disable-line\n      title,\n      description,\n      element,\n      heading,\n      heading_level,\n      icon,\n      icon_size,\n      disabled,\n      skeleton,\n      no_animation,\n    } = props\n\n    const {\n      children,\n      className,\n\n      // 2. ... these\n      left_component: _left_component, // eslint-disable-line\n      expanded: _expanded, // eslint-disable-line\n      title: _title, // eslint-disable-line\n      description: _description, // eslint-disable-line\n      icon: _icon, // eslint-disable-line\n      icon_size: _icon_size, // eslint-disable-line\n      disabled: _disabled, // eslint-disable-line\n\n      ...rest\n    } = this.props\n\n    const { hover, hadClick } = this.state\n    let { icon_position } = props\n\n    const defaultParts = [\n      <AccordionHeaderIcon\n        key=\"icon\"\n        icon={icon}\n        size={icon_size}\n        expanded={this.context.expanded}\n      />,\n      <AccordionHeaderContainer key=\"container\">\n        {left_component}\n      </AccordionHeaderContainer>,\n      <AccordionHeaderTitle key=\"title\">\n        {title ||\n          (Array.isArray(children)\n            ? children.filter((cur) => !React.isValidElement(cur))\n            : children)}\n      </AccordionHeaderTitle>,\n      <AccordionHeaderDescription key=\"description\">\n        {description}\n      </AccordionHeaderDescription>,\n    ]\n\n    if (Array.isArray(children)) {\n      const removeParts = []\n      children.forEach((cur) => {\n        if (React.isValidElement(cur)) {\n          const part = defaultParts.find((c) => c.type === cur.type)\n          if (part) {\n            removeParts.push(part)\n          }\n\n          // if (cur.type === AccordionHeaderTitle) {\n          //   defaultParts.unshift(cur)\n          // } else {\n          //   defaultParts.push(cur)\n          // }\n\n          defaultParts.push(cur)\n        }\n      })\n      removeParts.forEach((part) => {\n        const index = defaultParts.findIndex((c) => c === part)\n        if (index > -1) {\n          defaultParts.splice(index, 1)\n        }\n      })\n    }\n\n    const partsToRender = []\n    const wrapperParts = []\n    const wrapperComp = (\n      <span className=\"dnb-accordion__header__wrapper\" key=\"wrapper\">\n        {wrapperParts}\n      </span>\n    )\n\n    defaultParts.forEach((part) => {\n      if (\n        React.isValidElement(part) &&\n        (part.type === AccordionHeaderTitle ||\n          part.type === AccordionHeaderDescription)\n      ) {\n        wrapperParts.push(part)\n        if (partsToRender.findIndex((c) => c === wrapperComp) === -1) {\n          partsToRender.push(wrapperComp)\n        }\n      } else {\n        partsToRender.push(part)\n      }\n    })\n\n    // position the icon to the right, if the element is not in the beginning\n    if (icon_position === null) {\n      const iconIndex = partsToRender.findIndex(\n        (c) => c.type === AccordionHeaderIcon\n      )\n      // because of the container at the beginning, we use 1\n      if (iconIndex > 1) {\n        icon_position = 'right'\n      }\n\n      if (left_component) {\n        icon_position = 'right'\n      }\n    }\n\n    const headerParams = {\n      id: `${id}-header`,\n      'aria-controls': `${id}-content`,\n      'aria-expanded': this.context.expanded,\n      role: 'button',\n      tabIndex: '0',\n      className: classnames(\n        'dnb-accordion__header',\n        icon_position && `dnb-accordion__header__icon--${icon_position}`,\n        hover && hadClick && 'dnb-accordion--hover',\n        !this.canClick() && 'dnb-accordion__header--prevent-click',\n        description && 'dnb-accordion__header--description',\n        no_animation && 'dnb-accordion__header--no-animation',\n        createSkeletonClass('font', skeleton, this.context),\n        createSpacingClasses(rest),\n        className\n      ),\n      disabled,\n      ...rest,\n    }\n\n    if (disabled || isTrue(skeleton)) {\n      headerParams.tabIndex = '-1'\n      headerParams.disabled = true\n      headerParams['aria-disabled'] = true\n    } else {\n      headerParams.onClick = this.onClickHandler\n      headerParams.onKeyDown = this.onKeyDownHandler\n      headerParams.onMouseOver = this.onMouseOverHandler\n      headerParams.onMouseOut = this.onMouseOutHandler\n    }\n\n    skeletonDOMAttributes(headerParams, skeleton, this.context)\n\n    validateDOMAttributes(this.props, headerParams)\n\n    let Element = 'div'\n    if (isTrue(heading)) {\n      headerParams.role = 'heading'\n      headerParams['aria-level'] = heading_level\n        ? String(heading_level)\n        : '2'\n    } else if (heading) {\n      headerParams.role = null\n      Element = heading\n    } else if (element) {\n      headerParams.role = null\n      Element = element\n    }\n\n    return <Element {...headerParams}>{partsToRender}</Element>\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"AccordionHeader.js","names":["React","useContext","useState","validateDOMAttributes","extendPropsWithContext","IconPrimary","classnames","AccordionContext","createSpacingClasses","skeletonDOMAttributes","createSkeletonClass","AccordionHeaderTitle","_ref","children","rest","_objectWithoutProperties","_excluded","createElement","className","AccordionHeaderDescription","_ref2","_excluded2","AccordionHeaderContainer","_ref3","_excluded3","AccordionHeaderIcon","_ref4","icon","expanded","size","accordionHeaderDefaultProps","icon_size","AccordionHeader","_ref5","icon_size_default","restOfProps","_excluded4","props","_objectSpread","isHoverring","setIsHovering","hasClicked","setHasClicked","context","onKeyDownHandler","event","keyPressed","key","preventDefault","onClickHandler","id","group","canClick","callOnChange","onMouseOverHandler","onMouseOutHandler","allow_close_all","extendedProps","left_component","title","description","element","heading","heading_level","disabled","skeleton","no_animation","icon_position","_left_component","_expanded","_title","_description","_icon","_icon_size","_disabled","_excluded5","defaultParts","Array","isArray","filter","cur","isValidElement","removeParts","forEach","part","find","c","type","push","index","findIndex","splice","partsToRender","wrapperParts","wrapperComp","undefined","iconIndex","headerParams","role","tabIndex","onClick","onKeyDown","onMouseOver","onMouseOut","Element","String","Number","Container","Icon","Title","Description"],"sources":["../../../../src/components/accordion/AccordionHeader.tsx"],"sourcesContent":["/**\n * Web Accordion Component\n *\n */\n\nimport React, { HTMLProps, useContext, useState } from 'react'\nimport type { SpacingProps } from '../space/types'\n\nimport {\n  validateDOMAttributes,\n  extendPropsWithContext,\n} from '../../shared/component-helper'\nimport IconPrimary from '../icon-primary/IconPrimary'\nimport classnames from 'classnames'\nimport AccordionContext from './AccordionContext'\nimport { createSpacingClasses } from '../space/SpacingHelper'\nimport {\n  skeletonDOMAttributes,\n  createSkeletonClass,\n} from '../skeleton/SkeletonHelper'\n\nimport type { ButtonIconPosition } from '../Button'\nimport type { HeadingLevel } from '../Heading'\nimport type { IconSize } from '../Icon'\nimport type { SkeletonShow } from '../Skeleton'\nimport type { AccordionIcon } from './Accordion'\n\nexport type AccordionHeaderTitleProps = SpacingProps & {\n  children?: React.ReactNode\n}\n\nfunction AccordionHeaderTitle({\n  children = null,\n  ...rest\n}: AccordionHeaderTitleProps) {\n  return (\n    <span\n      className={classnames(\n        'dnb-accordion__header__title',\n        createSpacingClasses(rest)\n      )}\n    >\n      {children}\n    </span>\n  )\n}\n\nexport type AccordionHeaderDescriptionProps = SpacingProps & {\n  children?: React.ReactNode\n}\n\nfunction AccordionHeaderDescription({\n  children = null,\n  ...rest\n}: AccordionHeaderDescriptionProps) {\n  return children ? (\n    <span\n      className={classnames(\n        'dnb-accordion__header__description',\n        createSpacingClasses(rest)\n      )}\n    >\n      {children}\n    </span>\n  ) : null\n}\n\nexport type AccordionHeaderContainerProps = SpacingProps & {\n  children?: React.ReactNode\n}\n\nfunction AccordionHeaderContainer({\n  children = null,\n  ...rest\n}: AccordionHeaderContainerProps) {\n  return children ? (\n    <span\n      className={classnames(\n        'dnb-accordion__header__container',\n        createSpacingClasses(rest)\n      )}\n    >\n      {children}\n    </span>\n  ) : null\n}\n\ntype AccordionHeaderIconIcon =\n  | React.ReactNode\n  | ((...args: any[]) => React.ReactNode)\n  | {\n      closed?: React.ReactNode | ((...args: any[]) => React.ReactNode)\n      expanded?: React.ReactNode | ((...args: any[]) => React.ReactNode)\n    }\n\nexport type AccordionHeaderIconProps = {\n  icon?: AccordionHeaderIconIcon\n  size?: IconSize\n  expanded?: boolean\n}\n\nfunction AccordionHeaderIcon({\n  icon,\n  expanded,\n  size = 'medium',\n}: AccordionHeaderIconProps) {\n  return (\n    <span className=\"dnb-accordion__header__icon\">\n      <IconPrimary\n        size={size}\n        // There has to be a better way than to do so much casting\n        icon={\n          icon &&\n          typeof icon === 'object' &&\n          'expanded' in icon &&\n          typeof icon?.expanded !== 'undefined'\n            ? icon[expanded ? 'expanded' : 'closed']\n            : (icon as React.ReactNode | ((...args: any[]) => any)) ||\n              'chevron-down'\n        }\n        aria-hidden\n      />\n    </span>\n  )\n}\n\nexport type AccordionHeaderTitle =\n  | string\n  | React.ReactNode\n  | ((...args: any[]) => any)\nexport type AccordionHeaderDescription =\n  | string\n  | React.ReactNode\n  | ((...args: any[]) => any)\nexport type AccordionHeaderLeftComponent =\n  | string\n  | React.ReactNode\n  | ((...args: any[]) => any)\nexport type AccordionHeaderElement =\n  | string\n  | React.ReactNode\n  | ((...args: any[]) => any)\nexport type AccordionHeaderHeading =\n  | boolean\n  | string\n  | React.ReactNode\n  | ((...args: any[]) => any)\nexport type AccordionHeaderIcon =\n  | React.ReactNode\n  | ((...args: any[]) => any)\n  | {\n      closed?: React.ReactNode | ((...args: any[]) => any)\n      expanded?: React.ReactNode | ((...args: any[]) => any)\n    }\n\nexport type AccordionHeaderProps = React.HTMLProps<HTMLElement> &\n  SpacingProps & {\n    title?: AccordionHeaderTitle\n    expanded?: boolean\n    description?: AccordionHeaderDescription\n    left_component?: AccordionHeaderLeftComponent\n    element?: AccordionHeaderElement\n    heading?: AccordionHeaderHeading\n    heading_level?: HeadingLevel\n    icon?: AccordionIcon\n    icon_position?: ButtonIconPosition\n    icon_size?: IconSize\n    disabled?: boolean\n    skeleton?: SkeletonShow\n    no_animation?: boolean\n    className?: string\n    children?: string | React.ReactNode | ((...args: any[]) => any)\n  }\n\nconst accordionHeaderDefaultProps = {\n  icon_size: 'medium',\n}\n\nexport const AccordionHeader = ({\n  icon_size: icon_size_default = 'medium',\n  ...restOfProps\n}: AccordionHeaderProps) => {\n  const props = { icon_size: icon_size_default, ...restOfProps }\n\n  const [isHoverring, setIsHovering] = useState<boolean>(false)\n  const [hasClicked, setHasClicked] = useState<boolean>(false)\n\n  const context = useContext(AccordionContext)\n\n  function onKeyDownHandler(event: React.KeyboardEvent<HTMLElement>) {\n    const keyPressed = event.key\n\n    if (keyPressed === 'Enter' || keyPressed === ' ') {\n      event.preventDefault()\n      onClickHandler(event)\n    }\n  }\n\n  function onClickHandler(\n    event: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>\n  ) {\n    const { id, group } = context\n\n    if (canClick()) {\n      const expanded = !context.expanded\n      context.callOnChange({ id, group, expanded, event })\n\n      setHasClicked(true)\n    }\n  }\n\n  function onMouseOverHandler() {\n    setIsHovering(true)\n  }\n\n  function onMouseOutHandler() {\n    setIsHovering(false)\n    setHasClicked(false)\n  }\n\n  function canClick() {\n    const { expanded, allow_close_all, group } = context\n    return !group || (group && !expanded) || allow_close_all\n  }\n\n  const extendedProps = extendPropsWithContext(\n    props,\n    accordionHeaderDefaultProps,\n    context as Record<string, unknown>\n  )\n\n  const {\n    id,\n\n    // 1. these props should be the same as ...\n    left_component,\n    expanded, // eslint-disable-line\n    title,\n    description,\n    element,\n    heading,\n    heading_level,\n    icon,\n    icon_size,\n    disabled,\n    skeleton,\n    no_animation,\n  } = extendedProps\n\n  let { icon_position } = extendedProps\n\n  const {\n    children,\n    className,\n\n    // 2. ... these\n    left_component: _left_component, // eslint-disable-line\n    expanded: _expanded, // eslint-disable-line\n    title: _title, // eslint-disable-line\n    description: _description, // eslint-disable-line\n    icon: _icon, // eslint-disable-line\n    icon_size: _icon_size, // eslint-disable-line\n    disabled: _disabled, // eslint-disable-line\n\n    ...rest\n  } = props\n\n  const defaultParts = [\n    <AccordionHeaderIcon\n      key=\"icon\"\n      icon={icon}\n      size={icon_size}\n      expanded={context.expanded}\n    />,\n    <AccordionHeaderContainer key=\"container\">\n      {left_component as React.ReactNode}\n    </AccordionHeaderContainer>,\n    <AccordionHeaderTitle key=\"title\">\n      {title ||\n        (Array.isArray(children)\n          ? children.filter((cur) => !React.isValidElement(cur))\n          : children)}\n    </AccordionHeaderTitle>,\n    <AccordionHeaderDescription key=\"description\">\n      {description as React.ReactNode}\n    </AccordionHeaderDescription>,\n  ]\n\n  if (Array.isArray(children)) {\n    const removeParts = []\n    children.forEach((cur) => {\n      if (React.isValidElement(cur)) {\n        const part = defaultParts.find((c) => c.type === cur.type)\n        if (part) {\n          removeParts.push(part)\n        }\n\n        // if (cur.type === AccordionHeaderTitle) {\n        //   defaultParts.unshift(cur)\n        // } else {\n        //   defaultParts.push(cur)\n        // }\n\n        defaultParts.push(cur)\n      }\n    })\n    removeParts.forEach((part) => {\n      const index = defaultParts.findIndex((c) => c === part)\n      if (index > -1) {\n        defaultParts.splice(index, 1)\n      }\n    })\n  }\n\n  const partsToRender = []\n  const wrapperParts = []\n  const wrapperComp = (\n    <span className=\"dnb-accordion__header__wrapper\" key=\"wrapper\">\n      {wrapperParts}\n    </span>\n  )\n\n  defaultParts.forEach((part) => {\n    if (\n      React.isValidElement(part) &&\n      (part.type === AccordionHeaderTitle ||\n        part.type === AccordionHeaderDescription)\n    ) {\n      wrapperParts.push(part)\n      if (partsToRender.findIndex((c) => c === wrapperComp) === -1) {\n        partsToRender.push(wrapperComp)\n      }\n    } else {\n      partsToRender.push(part)\n    }\n  })\n\n  // position the icon to the right, if the element is not in the beginning\n  if (icon_position === undefined) {\n    const iconIndex = partsToRender.findIndex(\n      (c) => c.type === AccordionHeaderIcon\n    )\n    // because of the container at the beginning, we use 1\n    if (iconIndex > 1) {\n      icon_position = 'right'\n    }\n\n    if (left_component) {\n      icon_position = 'right'\n    }\n  }\n\n  const headerParams = {\n    id: `${id}-header`,\n    'aria-controls': `${id}-content`,\n    'aria-expanded': context.expanded,\n    role: 'button',\n    tabIndex: 0,\n    className: classnames(\n      'dnb-accordion__header',\n      icon_position && `dnb-accordion__header__icon--${icon_position}`,\n      isHoverring && hasClicked && 'dnb-accordion--hover',\n      !canClick() && 'dnb-accordion__header--prevent-click',\n      description && 'dnb-accordion__header--description',\n      no_animation && 'dnb-accordion__header--no-animation',\n      createSkeletonClass('font', skeleton, context),\n      createSpacingClasses(rest),\n      className\n    ),\n    disabled,\n    ...rest,\n  } satisfies HTMLProps<HTMLElement>\n\n  if (disabled || skeleton) {\n    headerParams.tabIndex = -1\n    headerParams.disabled = true\n    headerParams['aria-disabled'] = true\n  } else {\n    headerParams.onClick = onClickHandler\n    headerParams.onKeyDown = onKeyDownHandler\n    headerParams.onMouseOver = onMouseOverHandler\n    headerParams.onMouseOut = onMouseOutHandler\n  }\n\n  skeletonDOMAttributes(headerParams, skeleton, context)\n\n  validateDOMAttributes(props, headerParams)\n\n  let Element = 'div'\n\n  // (String(heading) === 'true' || String(heading) === '1') extracted from isTrue function\n  if (heading && (String(heading) === 'true' || String(heading) === '1')) {\n    headerParams.role = 'heading'\n    headerParams['aria-level'] = heading_level ? Number(heading_level) : 2\n  } else if (heading) {\n    headerParams.role = null\n    Element = heading as string\n  } else if (element) {\n    headerParams.role = null\n    Element = element as string\n  }\n\n  return <Element {...headerParams}>{partsToRender}</Element>\n}\n\nAccordionHeader.Container = AccordionHeaderContainer\nAccordionHeader.Icon = AccordionHeaderIcon\nAccordionHeader.Title = AccordionHeaderTitle\nAccordionHeader.Description = AccordionHeaderDescription\n\nexport default AccordionHeader\n"],"mappings":"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"}

package/components/accordion/AccordionProviderContext.d.ts

@@ -1,3 +1,17 @@
-export default AccordionGroupContext;
-declare const AccordionGroupContext: React.Context<{}>;
+/**
+ * Web AccordionGroup Context
+ *
+ */
 import React from 'react';
+type AccordionGroupContextProps = {
+    expanded?: boolean;
+    group?: string;
+    expanded_ssr?: boolean;
+    remember_state?: boolean;
+    flush_remembered_state?: boolean;
+    expanded_id?: string;
+    onChange?: (...params: unknown[]) => void;
+    onInit?: (...args: any[]) => any;
+};
+declare const AccordionGroupContext: React.Context<AccordionGroupContextProps>;
+export default AccordionGroupContext;

package/components/accordion/AccordionProviderContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionProviderContext.js","names":["React","AccordionGroupContext","createContext"],"sources":["../../../../src/components/accordion/AccordionProviderContext.js"],"sourcesContent":["/**\n * Web AccordionGroup Context\n *\n */\n\nimport React from 'react'\n\nconst AccordionGroupContext = React.createContext({})\n\nexport default AccordionGroupContext\n"],"mappings":"AAKA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,qBAAqB,GAAGD,KAAK,CAACE,aAAa,CAAC,CAAC,CAAC,CAAC;AAErD,eAAeD,qBAAqB"}
+{"version":3,"file":"AccordionProviderContext.js","names":["React","AccordionGroupContext","createContext"],"sources":["../../../../src/components/accordion/AccordionProviderContext.ts"],"sourcesContent":["/**\n * Web AccordionGroup Context\n *\n */\n\nimport React from 'react'\n\ntype AccordionGroupContextProps = {\n  expanded?: boolean\n  group?: string\n  expanded_ssr?: boolean\n  remember_state?: boolean\n  flush_remembered_state?: boolean\n  expanded_id?: string\n  onChange?: (...params: unknown[]) => void\n  onInit?: (...args: any[]) => any\n}\n\nconst AccordionGroupContext =\n  React.createContext<AccordionGroupContextProps>({})\n\nexport default AccordionGroupContext\n"],"mappings":"AAKA,OAAOA,KAAK,MAAM,OAAO;AAazB,MAAMC,qBAAqB,GACzBD,KAAK,CAACE,aAAa,CAA6B,CAAC,CAAC,CAAC;AAErD,eAAeD,qBAAqB"}

package/components/accordion/AccordionStore.d.ts

@@ -19,13 +19,14 @@ export type StoreDataReturn = {
 export type StoreOptions = {
     force?: boolean;
 };
+type StoreProps = {
+    id?: string;
+    group?: string;
+};
 export declare class Store {
-    id: string;
-    group: string;
-    constructor({ id, group }: {
-        id: any;
-        group: any;
-    });
+    id?: string;
+    group?: string;
+    constructor({ id, group }: StoreProps);
     storeId(id?: string): string;
     saveState(expanded: boolean, id?: string, opts?: StoreOptions): void;
     getData(id?: string): StoreDataReturn;

package/components/accordion/AccordionStore.js

@@ -1,5 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { isTrue, warn } from '../../shared/component-helper';
+import { warn } from '../../shared/component-helper';
 export class AccordionStore {
   constructor(id) {
     _defineProperty(this, "_instances", void 0);
@@ -90,7 +90,7 @@ export class Store {
       if (typeof store.id !== 'undefined') {
         state = id === store.id;
       } else if (typeof store.expanded !== 'undefined') {
-        state = isTrue(store.expanded);
+        state = store.expanded;
       }
     }
     return state;

package/components/accordion/AccordionStore.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionStore.js","names":["isTrue","warn","AccordionStore","constructor","id","_defineProperty","_id","_instances","onChange","_ref","forEach","inst","close","addInstance","instance","push","removeInstance","filter","Store","_ref2","group","storeId","arguments","length","undefined","saveState","expanded","opts","store","getData","force","window","localStorage","setItem","JSON","stringify","e","rememberWarning","Object","prototype","hasOwnProperty","call","parse","getItem","getState","state","flush","type"],"sources":["../../../../src/components/accordion/AccordionStore.ts"],"sourcesContent":["import { isTrue, warn } from '../../shared/component-helper'\n\ntype AccordionStoreInstance = {\n  _id: string\n  close: () => void\n}\nexport class AccordionStore {\n  _instances: Array<AccordionStoreInstance>\n  _id: string\n  constructor(id: string) {\n    this._id = id\n    this._instances = []\n  }\n  onChange({ id }: { id: string }) {\n    this._instances.forEach((inst) => {\n      if (inst._id !== id) {\n        inst.close()\n      }\n    })\n  }\n  addInstance(instance: AccordionStoreInstance) {\n    this._instances.push(instance)\n  }\n  removeInstance(instance) {\n    this._instances = this._instances.filter((inst) => inst !== instance)\n  }\n}\n\nexport type StoreDataReturn = {\n  id: string\n  expanded: boolean\n}\nexport type StoreOptions = {\n  force?: boolean\n}\n\nexport class Store {\n  id: string\n  group: string\n\n  constructor({ id, group }) {\n    this.id = id\n    this.group = group\n    return this\n  }\n\n  storeId(id = this.id) {\n    if (this.group) {\n      // Skip using the random ID\n      if (this.group[0] === '#') {\n        return null\n      }\n      id = this.group\n    }\n    return `dnb-accordion-${id}`\n  }\n\n  saveState(expanded: boolean, id = this.id, opts: StoreOptions = {}) {\n    if (id) {\n      try {\n        const store = this.getData() || ({} as StoreDataReturn)\n\n        if (this.group) {\n          if (expanded) {\n            store.id = id\n          } else if (opts && opts.force) {\n            store.id = null\n          }\n        } else {\n          store.expanded = expanded\n        }\n\n        const storeId = this.storeId(id)\n        if (storeId) {\n          window.localStorage.setItem(storeId, JSON.stringify(store))\n        }\n      } catch (e) {\n        //\n      }\n    } else {\n      rememberWarning()\n    }\n  }\n\n  getData(id = this.id): StoreDataReturn {\n    const storeId = this.storeId(id)\n\n    if (storeId) {\n      try {\n        if (\n          Object.prototype.hasOwnProperty.call(\n            window.localStorage,\n            storeId\n          )\n        ) {\n          return JSON.parse(window.localStorage.getItem(storeId))\n        }\n      } catch (e) {\n        //\n      }\n    }\n\n    return null\n  }\n\n  getState(id = this.id) {\n    let state = null\n\n    const store = this.getData(id)\n\n    if (store) {\n      if (typeof store.id !== 'undefined') {\n        state = id === store.id\n      } else if (typeof store.expanded !== 'undefined') {\n        state = isTrue(store.expanded)\n      }\n    }\n\n    return state\n  }\n\n  flush(id = this.id) {\n    if (id) {\n      try {\n        const storeId = this.storeId(id)\n        if (storeId) {\n          window.localStorage.setItem(storeId, null)\n        }\n      } catch (e) {\n        //\n      }\n    }\n  }\n}\n\nexport function rememberWarning(type = 'accordion') {\n  warn(`Missing \"id\" prop the ${type}! \"remember_state\" is enabled.`)\n}\n"],"mappings":"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"}
+{"version":3,"file":"AccordionStore.js","names":["warn","AccordionStore","constructor","id","_defineProperty","_id","_instances","onChange","_ref","forEach","inst","close","addInstance","instance","push","removeInstance","filter","Store","_ref2","group","storeId","arguments","length","undefined","saveState","expanded","opts","store","getData","force","window","localStorage","setItem","JSON","stringify","e","rememberWarning","Object","prototype","hasOwnProperty","call","parse","getItem","getState","state","flush","type"],"sources":["../../../../src/components/accordion/AccordionStore.ts"],"sourcesContent":["import { warn } from '../../shared/component-helper'\n\ntype AccordionStoreInstance = {\n  _id: string\n  close: () => void\n}\nexport class AccordionStore {\n  _instances: Array<AccordionStoreInstance>\n  _id: string\n  constructor(id: string) {\n    this._id = id\n    this._instances = []\n  }\n  onChange({ id }: { id: string }) {\n    this._instances.forEach((inst) => {\n      if (inst._id !== id) {\n        inst.close()\n      }\n    })\n  }\n  addInstance(instance: AccordionStoreInstance) {\n    this._instances.push(instance)\n  }\n  removeInstance(instance) {\n    this._instances = this._instances.filter((inst) => inst !== instance)\n  }\n}\n\nexport type StoreDataReturn = {\n  id: string\n  expanded: boolean\n}\nexport type StoreOptions = {\n  force?: boolean\n}\n\ntype StoreProps = {\n  id?: string\n  group?: string\n}\n\nexport class Store {\n  id?: string\n  group?: string\n\n  constructor({ id, group }: StoreProps) {\n    this.id = id\n    this.group = group\n    return this\n  }\n\n  storeId(id = this.id) {\n    if (this.group) {\n      // Skip using the random ID\n      if (this.group[0] === '#') {\n        return null\n      }\n      id = this.group\n    }\n    return `dnb-accordion-${id}`\n  }\n\n  saveState(expanded: boolean, id = this.id, opts: StoreOptions = {}) {\n    if (id) {\n      try {\n        const store = this.getData() || ({} as StoreDataReturn)\n\n        if (this.group) {\n          if (expanded) {\n            store.id = id\n          } else if (opts && opts.force) {\n            store.id = null\n          }\n        } else {\n          store.expanded = expanded\n        }\n\n        const storeId = this.storeId(id)\n        if (storeId) {\n          window.localStorage.setItem(storeId, JSON.stringify(store))\n        }\n      } catch (e) {\n        //\n      }\n    } else {\n      rememberWarning()\n    }\n  }\n\n  getData(id = this.id): StoreDataReturn {\n    const storeId = this.storeId(id)\n\n    if (storeId) {\n      try {\n        if (\n          Object.prototype.hasOwnProperty.call(\n            window.localStorage,\n            storeId\n          )\n        ) {\n          return JSON.parse(window.localStorage.getItem(storeId))\n        }\n      } catch (e) {\n        //\n      }\n    }\n\n    return null\n  }\n\n  getState(id = this.id) {\n    let state = null\n\n    const store = this.getData(id)\n\n    if (store) {\n      if (typeof store.id !== 'undefined') {\n        state = id === store.id\n      } else if (typeof store.expanded !== 'undefined') {\n        state = store.expanded\n      }\n    }\n\n    return state\n  }\n\n  flush(id = this.id) {\n    if (id) {\n      try {\n        const storeId = this.storeId(id)\n        if (storeId) {\n          window.localStorage.setItem(storeId, null)\n        }\n      } catch (e) {\n        //\n      }\n    }\n  }\n}\n\nexport function rememberWarning(type = 'accordion') {\n  warn(`Missing \"id\" prop the ${type}! \"remember_state\" is enabled.`)\n}\n"],"mappings":"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"}

package/components/accordion/defaultProps.d.ts

@@ -0,0 +1,2 @@
+import { AccordionProps, GroupProps } from './Accordion';
+export declare const accordionDefaultProps: AccordionProps & GroupProps;

package/components/accordion/defaultProps.js

@@ -0,0 +1,5 @@
+export const accordionDefaultProps = {
+  variant: 'outlined',
+  icon_size: 'medium'
+};
+//# sourceMappingURL=defaultProps.js.map

package/components/accordion/defaultProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultProps.js","names":["accordionDefaultProps","variant","icon_size"],"sources":["../../../../src/components/accordion/defaultProps.ts"],"sourcesContent":["import { AccordionProps, GroupProps } from './Accordion'\n\nexport const accordionDefaultProps: AccordionProps & GroupProps = {\n  variant: 'outlined',\n  icon_size: 'medium',\n} as const\n"],"mappings":"AAEA,OAAO,MAAMA,qBAAkD,GAAG;EAChEC,OAAO,EAAE,UAAU;EACnBC,SAAS,EAAE;AACb,CAAU"}

package/components/anchor/style/anchor-mixins.scss

@@ -103,9 +103,13 @@
   @content;
 }
 
-@mixin anchorBackground($color) {
-  box-shadow: inset 100vw 100vw 0 0 $color, -0.125em 0 0 0 $color,
-    0.125em 0 0 0 $color;
+@mixin anchorBackground($color, $overflow: 0.125em) {
+  @if $overflow {
+    box-shadow: inset 100vw 100vw 0 0 $color, -$overflow 0 0 0 $color,
+      $overflow 0 0 0 $color;
+  } @else {
+    box-shadow: inset 100vw 100vw 0 0 $color;
+  }
 }
 
 // other styles
@@ -196,7 +200,8 @@
     }
   }
 
-  transition: box-shadow 200ms ease-in-out, border-radius 200ms ease-in-out;
+  transition: box-shadow 200ms ease-in-out, border-radius 200ms ease-in-out,
+    background 200ms ease-in-out;
 
   [data-visual-test-wrapper] & {
     transition: none;

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

@@ -29,7 +29,7 @@ button.dnb-anchor {
   text-decoration-thickness: var(--anchor-underline-thickness);
   text-underline-offset: 0.25em;
   border-radius: 0;
-  transition: box-shadow 200ms ease-in-out, border-radius 200ms ease-in-out;
+  transition: box-shadow 200ms ease-in-out, border-radius 200ms ease-in-out, background 200ms ease-in-out;
 }
 sup .dnb-anchor, sub .dnb-anchor {
   padding: 0 0.025em;

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

@@ -1 +1 @@
-button.dnb-anchor{-webkit-appearance:none;appearance:none;background:none;border:none;cursor:pointer;line-height:calc(var(--line-height-basis) + .125rem)}.dnb-anchor{--anchor-underline-thickness:0.0938rem;border-radius:0;display:inline;font-size:var(--font-size-basis);padding:.05575em 0;text-decoration:underline;-webkit-text-decoration-color:currentcolor;text-decoration-color:currentcolor;text-decoration-thickness:var(--anchor-underline-thickness);text-underline-offset:.25em;transition:box-shadow .2s ease-in-out,border-radius .2s ease-in-out}sub .dnb-anchor,sup .dnb-anchor{padding:0 .025em}.dnb-h--basis .dnb-anchor,.dnb-h--large .dnb-anchor,.dnb-h--medium .dnb-anchor,.dnb-h--small .dnb-anchor,.dnb-h--x-large .dnb-anchor,.dnb-h--x-small .dnb-anchor,.dnb-h--xx-large .dnb-anchor,.dnb-lead .dnb-anchor,.dnb-p .dnb-anchor{font-size:inherit}.dnb-anchor.focus-visible{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);background-color:transparent;border-color:transparent;border-radius:.25em;box-shadow:0 0 0 var(--border-width) var(--border-color);outline:none;transition:none}.dnb-anchor:focus-visible{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);background-color:transparent;border-color:transparent;border-radius:.25em;box-shadow:0 0 0 var(--border-width) var(--border-color);outline:none;transition:none}.dnb-anchor.focus-visible,.dnb-section .dnb-anchor.focus-visible.dnb-anchor{text-decoration:none}.dnb-anchor:focus-visible,.dnb-section .dnb-anchor:focus-visible.dnb-anchor{text-decoration:none}.dnb-anchor:hover{border-radius:.25em}.dnb-anchor:hover,.dnb-section .dnb-anchor:hover.dnb-anchor{text-decoration:none}.dnb-anchor:active{border-radius:.25em}.dnb-anchor:active,.dnb-section .dnb-anchor:active.dnb-anchor{text-decoration:none}.dnb-anchor[target=_blank]:not(:empty):not(.dnb-anchor--no-icon){background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTExIDBhLjc1Ljc1IDAgMCAwIDAgMS41VjB6bTQgLjc1aC43NUEuNzUuNzUgMCAwIDAgMTUgMHYuNzV6bS0uNzUgNGEuNzUuNzUgMCAwIDAgMS41IDBoLTEuNXptMS41IDRhLjc1Ljc1IDAgMCAwLTEuNSAwaDEuNXptLS43NSA2LjVWMTZjLjQxIDAgLjc1LS4zNC43NS0uNzVIMTV6bS0xNCAwSC4yNWMwIC40MS4zNC43NS43NS43NXYtLjc1ek0xIC43NVYwYS43NS43NSAwIDAgMC0uNzUuNzVIMXptNS43NS43NWEuNzUuNzUgMCAwIDAgMC0xLjV2MS41em0yLjcyIDMuNzJhLjc1Ljc1IDAgMCAwIDEuMDYgMS4wNkw5LjQ3IDUuMjJ6TTE0LjI1Ljc1djRoMS41di00aC0xLjV6bTAgOHY2LjVoMS41di02LjVoLTEuNXpNMTUgMTQuNUgxVjE2aDE0di0xLjV6bS0xMy4yNS43NVYuNzVILjI1djE0LjVoMS41ek0xIDEuNWg1Ljc1VjBIMXYxLjV6bTEwIDBoNFYwaC00djEuNXptLS40NyA0Ljc4IDUtNUwxNC40Ny4yMmwtNSA1IDEuMDYgMS4wNnoiIGZpbGw9IiMwMDcyNzIiLz48L3N2Zz4=");background-size:0;position:relative}.dnb-anchor[target=_blank]:not(:empty):not(.dnb-anchor--no-icon):after{background-image:inherit;background-size:cover;color:inherit;content:"";display:inline-block;height:.889em;margin-left:.3em;margin-right:.125em;position:relative;transform-origin:bottom;transition:transform .3s ease-out,filter 1s ease-in-out;width:.889em}.dnb-anchor[target=_blank]:not(:empty):not(.dnb-anchor--no-icon):active{background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTExIDBhLjc1Ljc1IDAgMCAwIDAgMS41VjB6bTQgLjc1aC43NUEuNzUuNzUgMCAwIDAgMTUgMHYuNzV6bS0uNzUgNGEuNzUuNzUgMCAwIDAgMS41IDBoLTEuNXptMS41IDRhLjc1Ljc1IDAgMCAwLTEuNSAwaDEuNXptLS43NSA2LjVWMTZjLjQxIDAgLjc1LS4zNC43NS0uNzVIMTV6bS0xNCAwSC4yNWMwIC40MS4zNC43NS43NS43NXYtLjc1ek0xIC43NVYwYS43NS43NSAwIDAgMC0uNzUuNzVIMXptNS43NS43NWEuNzUuNzUgMCAwIDAgMC0xLjV2MS41em0yLjcyIDMuNzJhLjc1Ljc1IDAgMCAwIDEuMDYgMS4wNkw5LjQ3IDUuMjJ6TTE0LjI1Ljc1djRoMS41di00aC0xLjV6bTAgOHY2LjVoMS41di02LjVoLTEuNXpNMTUgMTQuNUgxVjE2aDE0di0xLjV6bS0xMy4yNS43NVYuNzVILjI1djE0LjVoMS41ek0xIDEuNWg1Ljc1VjBIMXYxLjV6bTEwIDBoNFYwaC00djEuNXptLS40NyA0Ljc4IDUtNUwxNC40Ny4yMmwtNSA1IDEuMDYgMS4wNnoiIGZpbGw9IiNhNWUxZDIiLz48L3N2Zz4=")}.dnb-anchor[target=_blank]:not(:empty):not(.dnb-anchor--no-icon):after{top:.125em}[data-visual-test-wrapper] .dnb-anchor{transition:none}.dnb-anchor .dnb-icon{display:inline-block;transform:translateY(-.0625em)}.dnb-anchor--hover{border-radius:.25em}.dnb-anchor--hover,.dnb-section .dnb-anchor--hover.dnb-anchor{text-decoration:none}.dnb-anchor--active{border-radius:.25em}.dnb-anchor--active,.dnb-section .dnb-anchor--active.dnb-anchor{text-decoration:none}.dnb-anchor--focus{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);background-color:transparent;border-color:transparent;border-radius:.25em;box-shadow:0 0 0 var(--border-width) var(--border-color);outline:none;transition:none}.dnb-anchor--focus,.dnb-section .dnb-anchor--focus.dnb-anchor{text-decoration:none}.dnb-anchor--no-style{color:inherit;transition:none}.dnb-anchor--no-style,.dnb-section .dnb-anchor--no-style.dnb-anchor{text-decoration:none}.dnb-anchor--no-style:hover{background-color:transparent;color:inherit}.dnb-anchor--no-underline,.dnb-section .dnb-anchor--no-underline.dnb-anchor{text-decoration:none}.dnb-anchor--no-hover:hover{background-color:transparent;color:inherit}.dnb-anchor--no-radius,.dnb-anchor--no-radius.focus-visible,.dnb-anchor--no-radius:active,.dnb-anchor--no-radius:hover{border-radius:0}.dnb-anchor--no-radius,.dnb-anchor--no-radius:active,.dnb-anchor--no-radius:focus-visible,.dnb-anchor--no-radius:hover{border-radius:0}.dnb-anchor--no-animation,a.dnb-button{transition:none}.dnb-anchor.dnb-skeleton,.dnb-skeleton>.dnb-anchor{text-decoration:none}.dnb-anchor.dnb-skeleton:after,.dnb-skeleton>.dnb-anchor:after{filter:grayscale(100%) opacity(.3)}
+button.dnb-anchor{-webkit-appearance:none;appearance:none;background:none;border:none;cursor:pointer;line-height:calc(var(--line-height-basis) + .125rem)}.dnb-anchor{--anchor-underline-thickness:0.0938rem;border-radius:0;display:inline;font-size:var(--font-size-basis);padding:.05575em 0;text-decoration:underline;-webkit-text-decoration-color:currentcolor;text-decoration-color:currentcolor;text-decoration-thickness:var(--anchor-underline-thickness);text-underline-offset:.25em;transition:box-shadow .2s ease-in-out,border-radius .2s ease-in-out,background .2s ease-in-out}sub .dnb-anchor,sup .dnb-anchor{padding:0 .025em}.dnb-h--basis .dnb-anchor,.dnb-h--large .dnb-anchor,.dnb-h--medium .dnb-anchor,.dnb-h--small .dnb-anchor,.dnb-h--x-large .dnb-anchor,.dnb-h--x-small .dnb-anchor,.dnb-h--xx-large .dnb-anchor,.dnb-lead .dnb-anchor,.dnb-p .dnb-anchor{font-size:inherit}.dnb-anchor.focus-visible{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);background-color:transparent;border-color:transparent;border-radius:.25em;box-shadow:0 0 0 var(--border-width) var(--border-color);outline:none;transition:none}.dnb-anchor:focus-visible{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);background-color:transparent;border-color:transparent;border-radius:.25em;box-shadow:0 0 0 var(--border-width) var(--border-color);outline:none;transition:none}.dnb-anchor.focus-visible,.dnb-section .dnb-anchor.focus-visible.dnb-anchor{text-decoration:none}.dnb-anchor:focus-visible,.dnb-section .dnb-anchor:focus-visible.dnb-anchor{text-decoration:none}.dnb-anchor:hover{border-radius:.25em}.dnb-anchor:hover,.dnb-section .dnb-anchor:hover.dnb-anchor{text-decoration:none}.dnb-anchor:active{border-radius:.25em}.dnb-anchor:active,.dnb-section .dnb-anchor:active.dnb-anchor{text-decoration:none}.dnb-anchor[target=_blank]:not(:empty):not(.dnb-anchor--no-icon){background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTExIDBhLjc1Ljc1IDAgMCAwIDAgMS41VjB6bTQgLjc1aC43NUEuNzUuNzUgMCAwIDAgMTUgMHYuNzV6bS0uNzUgNGEuNzUuNzUgMCAwIDAgMS41IDBoLTEuNXptMS41IDRhLjc1Ljc1IDAgMCAwLTEuNSAwaDEuNXptLS43NSA2LjVWMTZjLjQxIDAgLjc1LS4zNC43NS0uNzVIMTV6bS0xNCAwSC4yNWMwIC40MS4zNC43NS43NS43NXYtLjc1ek0xIC43NVYwYS43NS43NSAwIDAgMC0uNzUuNzVIMXptNS43NS43NWEuNzUuNzUgMCAwIDAgMC0xLjV2MS41em0yLjcyIDMuNzJhLjc1Ljc1IDAgMCAwIDEuMDYgMS4wNkw5LjQ3IDUuMjJ6TTE0LjI1Ljc1djRoMS41di00aC0xLjV6bTAgOHY2LjVoMS41di02LjVoLTEuNXpNMTUgMTQuNUgxVjE2aDE0di0xLjV6bS0xMy4yNS43NVYuNzVILjI1djE0LjVoMS41ek0xIDEuNWg1Ljc1VjBIMXYxLjV6bTEwIDBoNFYwaC00djEuNXptLS40NyA0Ljc4IDUtNUwxNC40Ny4yMmwtNSA1IDEuMDYgMS4wNnoiIGZpbGw9IiMwMDcyNzIiLz48L3N2Zz4=");background-size:0;position:relative}.dnb-anchor[target=_blank]:not(:empty):not(.dnb-anchor--no-icon):after{background-image:inherit;background-size:cover;color:inherit;content:"";display:inline-block;height:.889em;margin-left:.3em;margin-right:.125em;position:relative;transform-origin:bottom;transition:transform .3s ease-out,filter 1s ease-in-out;width:.889em}.dnb-anchor[target=_blank]:not(:empty):not(.dnb-anchor--no-icon):active{background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTExIDBhLjc1Ljc1IDAgMCAwIDAgMS41VjB6bTQgLjc1aC43NUEuNzUuNzUgMCAwIDAgMTUgMHYuNzV6bS0uNzUgNGEuNzUuNzUgMCAwIDAgMS41IDBoLTEuNXptMS41IDRhLjc1Ljc1IDAgMCAwLTEuNSAwaDEuNXptLS43NSA2LjVWMTZjLjQxIDAgLjc1LS4zNC43NS0uNzVIMTV6bS0xNCAwSC4yNWMwIC40MS4zNC43NS43NS43NXYtLjc1ek0xIC43NVYwYS43NS43NSAwIDAgMC0uNzUuNzVIMXptNS43NS43NWEuNzUuNzUgMCAwIDAgMC0xLjV2MS41em0yLjcyIDMuNzJhLjc1Ljc1IDAgMCAwIDEuMDYgMS4wNkw5LjQ3IDUuMjJ6TTE0LjI1Ljc1djRoMS41di00aC0xLjV6bTAgOHY2LjVoMS41di02LjVoLTEuNXpNMTUgMTQuNUgxVjE2aDE0di0xLjV6bS0xMy4yNS43NVYuNzVILjI1djE0LjVoMS41ek0xIDEuNWg1Ljc1VjBIMXYxLjV6bTEwIDBoNFYwaC00djEuNXptLS40NyA0Ljc4IDUtNUwxNC40Ny4yMmwtNSA1IDEuMDYgMS4wNnoiIGZpbGw9IiNhNWUxZDIiLz48L3N2Zz4=")}.dnb-anchor[target=_blank]:not(:empty):not(.dnb-anchor--no-icon):after{top:.125em}[data-visual-test-wrapper] .dnb-anchor{transition:none}.dnb-anchor .dnb-icon{display:inline-block;transform:translateY(-.0625em)}.dnb-anchor--hover{border-radius:.25em}.dnb-anchor--hover,.dnb-section .dnb-anchor--hover.dnb-anchor{text-decoration:none}.dnb-anchor--active{border-radius:.25em}.dnb-anchor--active,.dnb-section .dnb-anchor--active.dnb-anchor{text-decoration:none}.dnb-anchor--focus{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);background-color:transparent;border-color:transparent;border-radius:.25em;box-shadow:0 0 0 var(--border-width) var(--border-color);outline:none;transition:none}.dnb-anchor--focus,.dnb-section .dnb-anchor--focus.dnb-anchor{text-decoration:none}.dnb-anchor--no-style{color:inherit;transition:none}.dnb-anchor--no-style,.dnb-section .dnb-anchor--no-style.dnb-anchor{text-decoration:none}.dnb-anchor--no-style:hover{background-color:transparent;color:inherit}.dnb-anchor--no-underline,.dnb-section .dnb-anchor--no-underline.dnb-anchor{text-decoration:none}.dnb-anchor--no-hover:hover{background-color:transparent;color:inherit}.dnb-anchor--no-radius,.dnb-anchor--no-radius.focus-visible,.dnb-anchor--no-radius:active,.dnb-anchor--no-radius:hover{border-radius:0}.dnb-anchor--no-radius,.dnb-anchor--no-radius:active,.dnb-anchor--no-radius:focus-visible,.dnb-anchor--no-radius:hover{border-radius:0}.dnb-anchor--no-animation,a.dnb-button{transition:none}.dnb-anchor.dnb-skeleton,.dnb-skeleton>.dnb-anchor{text-decoration:none}.dnb-anchor.dnb-skeleton:after,.dnb-skeleton>.dnb-anchor:after{filter:grayscale(100%) opacity(.3)}

package/components/anchor/style/themes/dnb-anchor-theme-sbanken.css

@@ -8,32 +8,39 @@
  */
 .dnb-anchor {
   --anchor-underline-thickness: 0.125rem;
+  --anchor-background: transparent;
   font-weight: var(--sb-font-weight-bold);
   color: var(--sb-color-gray-dark-3);
   -webkit-text-decoration-color: var(--sb-color-green-dark);
           text-decoration-color: var(--sb-color-green-dark);
-  padding: calc((var(--line-height-basis) - 1.2em) / 2) 0.25em;
+  padding: 0.15625em 0;
+  border-radius: 0.5em;
+  box-shadow: inset 100vw 100vw 0 0 var(--anchor-background);
+}
+.dnb-anchor--no-underline, .dnb-anchor--has-icon, .dnb-anchor--inline {
+  box-shadow: inset 100vw 100vw 0 0 var(--anchor-background), -0.25em 0 0 0 var(--anchor-background), 0.25em 0 0 0 var(--anchor-background);
 }
 .dnb-anchor:hover {
+  --anchor-background: var(--sb-color-green-dark);
   color: var(--sb-color-text);
-  background-color: var(--sb-color-green-dark);
   transition: none;
-  border-radius: 0.5rem;
+  border-radius: 0.5em;
 }
 .dnb-anchor:active {
+  --anchor-background: var(--sb-color-green);
   color: var(--sb-color-text);
-  background-color: var(--sb-color-green);
-  border-radius: 0.5rem;
+  transition: none;
+  border-radius: 0.5em;
 }
 .dnb-anchor.focus-visible {
   color: var(--sb-color-blue-dark);
   background-color: var(--sb-color-blue-light-3);
-  border-radius: 0.25rem;
+  border-radius: 0.25em;
 }
 .dnb-anchor:focus-visible {
   color: var(--sb-color-blue-dark);
   background-color: var(--sb-color-blue-light-3);
-  border-radius: 0.25rem;
+  border-radius: 0.25em;
 }
 .dnb-anchor.focus-visible.dnb-anchor--icon-left {
   margin-left: 0;
@@ -59,54 +66,76 @@
 .dnb-anchor:focus-visible.dnb-anchor--icon-right .dnb-icon {
   margin-right: 0;
 }
-.dnb-anchor.dnb-anchor--icon-left {
-  padding-left: 0;
+.dnb-anchor--icon-left {
   margin-left: 1.125em;
 }
-.dnb-anchor.dnb-anchor--icon-left .dnb-icon {
+.dnb-anchor--icon-left .dnb-icon {
   font-size: 1em;
   margin-right: 0.125em;
   margin-left: -1.125em;
 }
-.dnb-anchor.dnb-anchor--icon-right {
-  padding-right: 0;
+.dnb-anchor--icon-right {
   margin-right: 1.125em;
 }
-.dnb-anchor.dnb-anchor--icon-right .dnb-icon {
+.dnb-anchor--icon-right .dnb-icon {
   font-size: 1em;
   margin-left: 0.125em;
   margin-right: -1.125em;
 }
-.dnb-anchor:not(.dnb-anchor--no-underline):not(.dnb-anchor--has-icon):not(.anchor-hash):not(.dnb-anchor--icon-left) {
-  padding-left: 0;
+.dnb-anchor[target=_blank]:not(:empty):not(.dnb-anchor--no-icon) {
+  padding-right: 0.25em;
 }
-.dnb-anchor:not(.dnb-anchor--no-underline):not(.dnb-anchor--has-icon):not(.anchor-hash):not(.dnb-anchor--icon-left)::before {
-  content: " ";
+.dnb-anchor[target=_blank]:not(:empty):not(.dnb-anchor--no-icon)::after {
+  position: initial;
+  display: inline-block;
+  width: 1.275em;
+  height: 0.9em;
+  line-height: 0.9em;
+  margin-left: 0;
+  margin-right: 0;
+  background-position: right;
+  background-size: contain;
 }
-.dnb-anchor:not(.dnb-anchor--no-underline):not(.dnb-anchor--has-icon):not(.anchor-hash):not(.dnb-anchor--icon-right):not(.dnb-anchor[target=_blank]) {
-  padding-right: 0;
+.dnb-anchor:not(.dnb-anchor--no-underline):not(.dnb-anchor--has-icon):not(.anchor-hash):not(.dnb-anchor--inline):not(.dnb-anchor--no-style):not(.dnb-anchor--icon-left)::before {
+  -webkit-text-decoration-color: var(--sb-color-green-dark);
+          text-decoration-color: var(--sb-color-green-dark);
+  content: " ";
 }
-.dnb-anchor:not(.dnb-anchor--no-underline):not(.dnb-anchor--has-icon):not(.anchor-hash):not(.dnb-anchor--icon-right):not(.dnb-anchor[target=_blank])::after {
+.dnb-anchor:not(.dnb-anchor--no-underline):not(.dnb-anchor--has-icon):not(.anchor-hash):not(.dnb-anchor--inline):not(.dnb-anchor--no-style):not(.dnb-anchor--icon-right)::after {
+  -webkit-text-decoration-color: var(--sb-color-green-dark);
+          text-decoration-color: var(--sb-color-green-dark);
   content: " ";
 }
 
 .dnb-anchor--hover {
+  --anchor-background: var(--sb-color-green-dark);
   color: var(--sb-color-text);
-  background-color: var(--sb-color-green-dark);
   transition: none;
-  border-radius: 0.5rem;
+  border-radius: 0.5em;
 }
 
 .dnb-anchor--active {
+  --anchor-background: var(--sb-color-green);
   color: var(--sb-color-text);
-  background-color: var(--sb-color-green);
-  border-radius: 0.5rem;
+  transition: none;
+  border-radius: 0.5em;
 }
 
 .dnb-anchor--focus {
+  background-color: transparent;
+  transition: none;
+  outline: none;
+  --border-color: var(--focus-ring-color);
+  --border-width: var(--focus-ring-width);
+  box-shadow: 0 0 0 var(--border-width) var(--border-color);
+  border-color: transparent;
+  border-radius: 0.25em;
   color: var(--sb-color-blue-dark);
   background-color: var(--sb-color-blue-light-3);
-  border-radius: 0.25rem;
+  border-radius: 0.25em;
+}
+.dnb-anchor--focus, .dnb-section .dnb-anchor--focus.dnb-anchor {
+  text-decoration: none;
 }
 .dnb-anchor--focus.dnb-anchor--icon-left {
   margin-left: 0;
@@ -129,6 +158,11 @@
   border-radius: 0;
 }
 
+.dnb-anchor--inline {
+  -webkit-text-decoration-color: currentcolor;
+          text-decoration-color: currentcolor;
+}
+
 .dnb-anchor--contrast {
   color: var(--color-white);
 }

package/components/anchor/style/themes/dnb-anchor-theme-sbanken.min.css

@@ -1 +1 @@
-@charset "UTF-8";.dnb-anchor{--anchor-underline-thickness:0.125rem;color:var(--sb-color-gray-dark-3);font-weight:var(--sb-font-weight-bold);padding:calc((var(--line-height-basis) - 1.2em)/2) .25em;-webkit-text-decoration-color:var(--sb-color-green-dark);text-decoration-color:var(--sb-color-green-dark)}.dnb-anchor:hover{background-color:var(--sb-color-green-dark);transition:none}.dnb-anchor:active,.dnb-anchor:hover{border-radius:.5rem;color:var(--sb-color-text)}.dnb-anchor:active{background-color:var(--sb-color-green)}.dnb-anchor.focus-visible{background-color:var(--sb-color-blue-light-3);border-radius:.25rem;color:var(--sb-color-blue-dark)}.dnb-anchor:focus-visible{background-color:var(--sb-color-blue-light-3);border-radius:.25rem;color:var(--sb-color-blue-dark)}.dnb-anchor.focus-visible.dnb-anchor--icon-left{margin-left:0}.dnb-anchor:focus-visible.dnb-anchor--icon-left{margin-left:0}.dnb-anchor.focus-visible.dnb-anchor--icon-left .dnb-icon{margin-left:0}.dnb-anchor:focus-visible.dnb-anchor--icon-left .dnb-icon{margin-left:0}.dnb-anchor.focus-visible.dnb-anchor--icon-right{margin-right:0}.dnb-anchor:focus-visible.dnb-anchor--icon-right{margin-right:0}.dnb-anchor.focus-visible.dnb-anchor--icon-right .dnb-icon{margin-right:0}.dnb-anchor:focus-visible.dnb-anchor--icon-right .dnb-icon{margin-right:0}.dnb-anchor.dnb-anchor--icon-left{margin-left:1.125em;padding-left:0}.dnb-anchor.dnb-anchor--icon-left .dnb-icon{font-size:1em;margin-left:-1.125em;margin-right:.125em}.dnb-anchor.dnb-anchor--icon-right{margin-right:1.125em;padding-right:0}.dnb-anchor.dnb-anchor--icon-right .dnb-icon{font-size:1em;margin-left:.125em;margin-right:-1.125em}.dnb-anchor:not(.dnb-anchor--no-underline):not(.dnb-anchor--has-icon):not(.anchor-hash):not(.dnb-anchor--icon-left){padding-left:0}.dnb-anchor:not(.dnb-anchor--no-underline):not(.dnb-anchor--has-icon):not(.anchor-hash):not(.dnb-anchor--icon-left):before{content:" "}.dnb-anchor:not(.dnb-anchor--no-underline):not(.dnb-anchor--has-icon):not(.anchor-hash):not(.dnb-anchor--icon-right):not(.dnb-anchor[target=_blank]){padding-right:0}.dnb-anchor:not(.dnb-anchor--no-underline):not(.dnb-anchor--has-icon):not(.anchor-hash):not(.dnb-anchor--icon-right):not(.dnb-anchor[target=_blank]):after{content:" "}.dnb-anchor--hover{background-color:var(--sb-color-green-dark);transition:none}.dnb-anchor--active,.dnb-anchor--hover{border-radius:.5rem;color:var(--sb-color-text)}.dnb-anchor--active{background-color:var(--sb-color-green)}.dnb-anchor--focus{background-color:var(--sb-color-blue-light-3);border-radius:.25rem;color:var(--sb-color-blue-dark)}.dnb-anchor--focus.dnb-anchor--icon-left,.dnb-anchor--focus.dnb-anchor--icon-left .dnb-icon{margin-left:0}.dnb-anchor--focus.dnb-anchor--icon-right,.dnb-anchor--focus.dnb-anchor--icon-right .dnb-icon{margin-right:0}.dnb-anchor--no-radius,.dnb-anchor--no-radius.focus-visible,.dnb-anchor--no-radius:active,.dnb-anchor--no-radius:hover{border-radius:0}.dnb-anchor--no-radius,.dnb-anchor--no-radius:active,.dnb-anchor--no-radius:focus-visible,.dnb-anchor--no-radius:hover{border-radius:0}.dnb-anchor--contrast{color:var(--color-white)}.dnb-anchor--contrast:hover{box-shadow:inset 100vw 100vw 0 0 var(--color-white),-.125em 0 0 0 var(--color-white),.125em 0 0 0 var(--color-white);color:var(--sb-color-text)}.dnb-anchor--contrast:active{background-color:transparent;box-shadow:inset 100vw 100vw 0 0 transparent,-.125em 0 0 0 transparent,.125em 0 0 0 transparent;color:var(--color-white)}.dnb-anchor--contrast.focus-visible{--border-color:var(--color-white);--border-width:var(--focus-ring-width);background-color:transparent;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);color:var(--color-white);outline:none}.dnb-anchor--contrast:focus-visible{--border-color:var(--color-white);--border-width:var(--focus-ring-width);background-color:transparent;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);color:var(--color-white);outline:none}
+@charset "UTF-8";.dnb-anchor{--anchor-underline-thickness:0.125rem;--anchor-background:transparent;border-radius:.5em;box-shadow:inset 100vw 100vw 0 0 var(--anchor-background);color:var(--sb-color-gray-dark-3);font-weight:var(--sb-font-weight-bold);padding:.15625em 0;-webkit-text-decoration-color:var(--sb-color-green-dark);text-decoration-color:var(--sb-color-green-dark)}.dnb-anchor--has-icon,.dnb-anchor--inline,.dnb-anchor--no-underline{box-shadow:inset 100vw 100vw 0 0 var(--anchor-background),-.25em 0 0 0 var(--anchor-background),.25em 0 0 0 var(--anchor-background)}.dnb-anchor:hover{--anchor-background:var(--sb-color-green-dark)}.dnb-anchor:active,.dnb-anchor:hover{border-radius:.5em;color:var(--sb-color-text);transition:none}.dnb-anchor:active{--anchor-background:var(--sb-color-green)}.dnb-anchor.focus-visible{background-color:var(--sb-color-blue-light-3);border-radius:.25em;color:var(--sb-color-blue-dark)}.dnb-anchor:focus-visible{background-color:var(--sb-color-blue-light-3);border-radius:.25em;color:var(--sb-color-blue-dark)}.dnb-anchor.focus-visible.dnb-anchor--icon-left{margin-left:0}.dnb-anchor:focus-visible.dnb-anchor--icon-left{margin-left:0}.dnb-anchor.focus-visible.dnb-anchor--icon-left .dnb-icon{margin-left:0}.dnb-anchor:focus-visible.dnb-anchor--icon-left .dnb-icon{margin-left:0}.dnb-anchor.focus-visible.dnb-anchor--icon-right{margin-right:0}.dnb-anchor:focus-visible.dnb-anchor--icon-right{margin-right:0}.dnb-anchor.focus-visible.dnb-anchor--icon-right .dnb-icon{margin-right:0}.dnb-anchor:focus-visible.dnb-anchor--icon-right .dnb-icon{margin-right:0}.dnb-anchor--icon-left{margin-left:1.125em}.dnb-anchor--icon-left .dnb-icon{font-size:1em;margin-left:-1.125em;margin-right:.125em}.dnb-anchor--icon-right{margin-right:1.125em}.dnb-anchor--icon-right .dnb-icon{font-size:1em;margin-left:.125em;margin-right:-1.125em}.dnb-anchor[target=_blank]:not(:empty):not(.dnb-anchor--no-icon){padding-right:.25em}.dnb-anchor[target=_blank]:not(:empty):not(.dnb-anchor--no-icon):after{background-position:100%;background-size:contain;display:inline-block;height:.9em;line-height:.9em;margin-left:0;margin-right:0;position:static;width:1.275em}.dnb-anchor:not(.dnb-anchor--no-underline):not(.dnb-anchor--has-icon):not(.anchor-hash):not(.dnb-anchor--inline):not(.dnb-anchor--no-style):not(.dnb-anchor--icon-left):before,.dnb-anchor:not(.dnb-anchor--no-underline):not(.dnb-anchor--has-icon):not(.anchor-hash):not(.dnb-anchor--inline):not(.dnb-anchor--no-style):not(.dnb-anchor--icon-right):after{content:" ";-webkit-text-decoration-color:var(--sb-color-green-dark);text-decoration-color:var(--sb-color-green-dark)}.dnb-anchor--hover{--anchor-background:var(--sb-color-green-dark)}.dnb-anchor--active,.dnb-anchor--hover{border-radius:.5em;color:var(--sb-color-text);transition:none}.dnb-anchor--active{--anchor-background:var(--sb-color-green)}.dnb-anchor--focus{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);background-color:transparent;background-color:var(--sb-color-blue-light-3);border-color:transparent;border-radius:.25em;box-shadow:0 0 0 var(--border-width) var(--border-color);color:var(--sb-color-blue-dark);outline:none;transition:none}.dnb-anchor--focus,.dnb-section .dnb-anchor--focus.dnb-anchor{text-decoration:none}.dnb-anchor--focus.dnb-anchor--icon-left,.dnb-anchor--focus.dnb-anchor--icon-left .dnb-icon{margin-left:0}.dnb-anchor--focus.dnb-anchor--icon-right,.dnb-anchor--focus.dnb-anchor--icon-right .dnb-icon{margin-right:0}.dnb-anchor--no-radius,.dnb-anchor--no-radius.focus-visible,.dnb-anchor--no-radius:active,.dnb-anchor--no-radius:hover{border-radius:0}.dnb-anchor--no-radius,.dnb-anchor--no-radius:active,.dnb-anchor--no-radius:focus-visible,.dnb-anchor--no-radius:hover{border-radius:0}.dnb-anchor--inline{-webkit-text-decoration-color:currentcolor;text-decoration-color:currentcolor}.dnb-anchor--contrast{color:var(--color-white)}.dnb-anchor--contrast:hover{box-shadow:inset 100vw 100vw 0 0 var(--color-white),-.125em 0 0 0 var(--color-white),.125em 0 0 0 var(--color-white);color:var(--sb-color-text)}.dnb-anchor--contrast:active{background-color:transparent;box-shadow:inset 100vw 100vw 0 0 transparent,-.125em 0 0 0 transparent,.125em 0 0 0 transparent;color:var(--color-white)}.dnb-anchor--contrast.focus-visible{--border-color:var(--color-white);--border-width:var(--focus-ring-width);background-color:transparent;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);color:var(--color-white);outline:none}.dnb-anchor--contrast:focus-visible{--border-color:var(--color-white);--border-width:var(--focus-ring-width);background-color:transparent;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);color:var(--color-white);outline:none}

package/components/anchor/style/themes/dnb-anchor-theme-sbanken.scss

@@ -1,24 +1,25 @@
 @use '../anchor-mixins.scss';
 
 @mixin anchorHover() {
+  --anchor-background: var(--sb-color-green-dark);
   color: var(--sb-color-text);
-  background-color: var(--sb-color-green-dark);
 
   transition: none;
-  border-radius: 0.5rem;
+  border-radius: 0.5em;
 }
 
 @mixin anchorActive() {
+  --anchor-background: var(--sb-color-green);
   color: var(--sb-color-text);
-  background-color: var(--sb-color-green);
 
-  border-radius: 0.5rem;
+  transition: none;
+  border-radius: 0.5em;
 }
 
 @mixin anchorFocus() {
   color: var(--sb-color-blue-dark);
   background-color: var(--sb-color-blue-light-3);
-  border-radius: 0.25rem;
+  border-radius: 0.25em;
 
   &.dnb-anchor--icon-left {
     margin-left: 0;
@@ -37,15 +38,28 @@
 
 .dnb-anchor {
   --anchor-underline-thickness: 0.125rem;
+  --anchor-background: transparent;
 
   // Has to use --sb-font-weight-bold to get correct weighting as --sb-font-weight-medium does nothing at the moment
   font-weight: var(--sb-font-weight-bold);
   color: var(--sb-color-gray-dark-3);
   text-decoration-color: var(--sb-color-green-dark);
-  padding: calc((var(--line-height-basis) - 1.2em) / 2) 0.25em;
+  padding: 0.15625em 0;
+  border-radius: 0.5em;
 
   $anchor-icon-gutter: 0.125em;
 
+  @include anchor-mixins.anchorBackground(var(--anchor-background), null);
+
+  &--no-underline,
+  &--has-icon,
+  &--inline {
+    @include anchor-mixins.anchorBackground(
+      var(--anchor-background),
+      0.25em
+    );
+  }
+
   &:hover {
     @include anchorHover();
   }
@@ -58,8 +72,7 @@
     @include anchorFocus();
   }
 
-  &.dnb-anchor--icon-left {
-    padding-left: 0;
+  &--icon-left {
     margin-left: 1em + $anchor-icon-gutter;
 
     .dnb-icon {
@@ -69,8 +82,7 @@
     }
   }
 
-  &.dnb-anchor--icon-right {
-    padding-right: 0;
+  &--icon-right {
     margin-right: 1em + $anchor-icon-gutter;
 
     .dnb-icon {
@@ -80,17 +92,31 @@
     }
   }
 
-  &:not(.dnb-anchor--no-underline):not(.dnb-anchor--has-icon):not(.anchor-hash) {
+  &[target='_blank']:not(:empty, .dnb-anchor--no-icon) {
+    padding-right: 0.25em;
+    &::after {
+      position: initial;
+      display: inline-block;
+      width: calc(0.9em + 0.25em + 0.125em);
+      height: 0.9em;
+      line-height: 0.9em;
+      margin-left: 0;
+      margin-right: 0;
+      background-position: right;
+      background-size: contain;
+    }
+  }
+
+  &:not(.dnb-anchor--no-underline):not(.dnb-anchor--has-icon):not(.anchor-hash):not(.dnb-anchor--inline):not(.dnb-anchor--no-style) {
     &:not(.dnb-anchor--icon-left) {
-      padding-left: 0;
       &::before {
+        text-decoration-color: var(--sb-color-green-dark);
         content: '\00a0';
       }
     }
-
-    &:not(.dnb-anchor--icon-right):not(.dnb-anchor[target='_blank']) {
-      padding-right: 0;
+    &:not(.dnb-anchor--icon-right) {
       &::after {
+        text-decoration-color: var(--sb-color-green-dark);
         content: '\00a0';
       }
     }
@@ -106,6 +132,7 @@
 }
 
 .dnb-anchor--focus {
+  @include anchor-mixins.anchorFocusStyle();
   @include anchorFocus();
 }
 
@@ -113,6 +140,10 @@
   @include anchor-mixins.resetBorderRadius();
 }
 
+.dnb-anchor--inline {
+  text-decoration-color: currentcolor;
+}
+
 // TODO: add correct contrast styling when designs are in place
 .dnb-anchor--contrast {
   @include anchor-mixins.useAnchorContrastStyle(var(--sb-color-text));

package/components/autocomplete/Autocomplete.d.ts

@@ -77,7 +77,7 @@ export interface AutocompleteProps
    */
   show_options_sr?: string;
   /**
-   * Only for screen readers (VocieOver). The label used to announce the selected item. Defaults to `Valgt:`.
+   * Only for screen readers (VoiceOver). The label used to announce the selected item. Defaults to `Valgt:`.
    */
   selected_sr?: string;
   /**