@dnb/eufemia 10.13.0 → 10.15.0

package/cjs/components/accordion/style/themes/dnb-accordion-theme-ui.scss

@@ -1,107 +1,180 @@
 /*
-* Accordion theme
-*
-*/
+ * Accordion theme
+ *
+ */
 
 @import '../../../../style/core/utilities.scss';
-@import '../../../button/style/themes/button-mixins.scss';
 
 .dnb-accordion {
   &__header {
+    color: var(--ui-accordion-color--override, var(--ui-accordion-color));
+    background-color: var(
+      --ui-accordion-background--override,
+      var(--ui-accordion-background)
+    );
+    box-shadow: var(--ui-accordion-box-shadow);
     border: none;
-  }
-
-  &__header__icon,
-  &__header__container {
-    color: var(--color-sea-green);
-  }
-
-  &__header__description {
-    color: var(--color-black-55);
-  }
-
-  &--expanded > &__header &__header__title {
-    font-weight: var(--font-weight-medium);
-  }
 
-  // &__variant--default {
-  // }
-
-  // Variant: outlined
-  &__variant--outlined > &__header {
-    color: var(--color-black-80);
-    background-color: var(--color-white);
-
-    @include fakeBorder(var(--color-black-8), 0.0625rem, inset);
-    @include buttonFocus(var(--color-emerald-green), var(--color-white));
-    @include buttonHover(var(--color-emerald-green), var(--color-white));
-
-    @include active() {
-      color: var(--color-emerald-green);
-      background-color: var(--color-pistachio);
-
-      @include fakeBorder(var(--color-emerald-green), 0.0625rem);
+    &__description {
+      color: var(
+        --ui-accordion-description-color--override,
+        var(--ui-accordion-description-color)
+      );
     }
-  }
-
-  &__variant--outlined > &__header[disabled] {
-    background-color: var(--color-white);
 
-    @include fakeBorder(var(--color-sea-green-30), 0.0625rem);
-
-    * {
-      color: var(--color-sea-green-30);
-    }
-  }
-  &__variant--outlined#{&}--expanded > &__header {
-    color: var(--color-white);
-    background-color: var(--color-sea-green);
-
-    @include fakeBorder(transparent);
-  }
-  &__variant--outlined#{&}--expanded > &__header[disabled] {
-    background-color: var(--color-sea-green-30);
-
-    * {
-      color: var(--color-white);
+    /* 
+     * VARIANTS
+     * Each variant is mutually exclusive
+     */
+
+    // Shared variant properties
+    &--outlined,
+    &--filled {
+      // Border
+      --ui-accordion-border-inset: inset;
+      --ui-accordion-box-shadow: var(--ui-accordion-border-inset) 0 0 0
+        var(--accordion-border-width)
+        var(
+          --ui-accordion-border-color--override,
+          var(--ui-accordion-border-color)
+        );
+
+      // Disabled
+      &[disabled] {
+        --ui-accordion-color: var(--color-sea-green-30);
+        --ui-accordion-background-: var(--color-white);
+        --ui-accordion-border-color: var(--color-sea-green-30);
+        --ui-accordion-description-color: var(--ui-accordion-color);
+
+        // state = expanded
+        --ui-accordion-expanded-color: var(--color-white);
+        --ui-accordion-expanded-background: var(--color-sea-green-30);
+      }
     }
-  }
-
-  // Additional focus handling
-  html[data-whatinput='keyboard']
-    &__variant--outlined#{&}--expanded
-    > &__header:not([disabled]):not(:active):not(:hover):focus {
-    background-color: var(--color-mint-green);
 
-    * {
-      color: var(--color-emerald-green);
+    // Variant: "outlined"
+    &--outlined {
+      --ui-accordion-color: var(--color-emerald-green);
+      --ui-accordion-background: var(--color-white);
+      --ui-accordion-border-color: var(--color-black-8);
+      --ui-accordion-description-color: var(--color-black-55);
+
+      // state = expanded
+      --ui-accordion-expanded-color: var(--color-white);
+      --ui-accordion-expanded-background: var(--color-sea-green);
+      --ui-accordion-expanded-border-color: var(
+        --ui-accordion-expanded-background
+      );
+      --ui-accordion-expanded-description-color: var(
+        --ui-accordion-expanded-color
+      );
+
+      @include focus-visible() {
+        --accordion-border-width: 0.125rem;
+        --ui-accordion-border-color: var(--color-emerald-green);
+
+        // state = expanded
+        --ui-accordion-expanded-border-color: var(--color-emerald-green);
+        --ui-accordion-expanded-color: var(--color-emerald-green);
+        --ui-accordion-expanded-background: var(--color-mint-green);
+      }
+
+      @include hover() {
+        --accordion-border-width: 0.125rem;
+        --ui-accordion-color: var(--color-emerald-green);
+        --ui-accordion-background: var(--color-white);
+        --ui-accordion-border-color: var(--color-emerald-green);
+        --ui-accordion-description-color: var(--color-black-55);
+        --ui-accordion-border-inset: ;
+
+        // state = expanded
+        --ui-accordion-expanded-color: var(--ui-accordion-color);
+        --ui-accordion-expanded-background: var(--ui-accordion-background);
+        --ui-accordion-expanded-border-color: var(
+          --ui-accordion-border-color
+        );
+        --ui-accordion-expanded-description-color: var(
+          --ui-accordion-description-color
+        );
+
+        // state = after-click
+        --ui-accordion-after-click-color: var(--color-white);
+        --ui-accordion-after-click-background: var(--color-sea-green);
+        --ui-accordion-after-click-border-color: var(--color-sea-green);
+        --ui-accordion-after-click-description-color: var(--color-white);
+      }
+
+      @include active() {
+        --accordion-border-width: 0.0625rem;
+        --ui-accordion-background: var(--color-pistachio);
+        --ui-accordion-border-inset: inset;
+      }
     }
-  }
-  &__variant--outlined#{&}--expanded
-    > &__header:not([disabled]):not(:active):not(:hover):focus {
-    @include focusRing(null, var(--color-emerald-green), inset);
-  }
 
-  &__variant--outlined#{&}--expanded
-    > &__header:not(:hover):not([disabled]) {
-    * {
-      color: var(--color-white);
+    // Variant: "filled"
+    &--filled {
+      --accordion-border-width: 0.125rem;
+      --accordion-title-font-weight--expanded: var(--font-weight-basis);
+      --ui-accordion-color: var(--color-emerald-green);
+      --ui-accordion-background: var(--color-pistachio);
+      --ui-accordion-border-color: var(--color-pistachio);
+      --ui-accordion-description-color: var(--color-black-55);
+
+      @include hover() {
+        --ui-accordion-background: var(--color-white);
+      }
+
+      @include active() {
+        --ui-accordion-color: var(--color-white);
+        --ui-accordion-background: var(--color-sea-green);
+        --ui-accordion-border-color: var(--color-sea-green);
+        --ui-accordion-description-color: ar(--color-white);
+      }
+
+      @include focus-visible() {
+        --ui-accordion-border-color: var(--color-sea-green);
+      }
     }
-  }
-
-  // we have this hover variant, because of the default html focus/hover handling
-  &__variant--outlined#{&}--expanded > &__header#{&}--hover:not(:active) {
-    @include hover() {
-      color: var(--color-white);
-      background-color: var(--color-sea-green);
 
-      // NB: We may remove the border in future, but for now it gives the user a good indicator on mouse out
-      // @include fakeBorder(transparent);
-      @include fakeBorder(var(--color-sea-green));
+    /* 
+     * STATES
+     * States that can exist across all variants.
+     */
+
+    // State: "expanded"
+    &--expanded {
+      --ui-accordion-color--override: var(
+        --ui-accordion-expanded-color--override,
+        var(--ui-accordion-expanded-color)
+      );
+      --ui-accordion-background--override: var(
+        --ui-accordion-expanded-background--override,
+        var(--ui-accordion-expanded-background)
+      );
+      --ui-accordion-border-color--override: var(
+        --ui-accordion-expanded-border-color--override,
+        var(--ui-accordion-expanded-border-color)
+      );
+      --ui-accordion-description-color--override: var(
+        --ui-accordion-expanded-description-color--override,
+        var(--ui-accordion-expanded-description-color)
+      );
     }
 
-    * {
-      color: var(--color-white);
+    // State: "after-click" (after expanding but still hovering)
+    &--after-click {
+      --ui-accordion-expanded-color--override: var(
+        --ui-accordion-after-click-color
+      );
+      --ui-accordion-expanded-background--override: var(
+        --ui-accordion-after-click-background
+      );
+      --ui-accordion-expanded-border-color--override: var(
+        --ui-accordion-after-click-border-color
+      );
+      --ui-accordion-expanded-description-color--override: var(
+        --ui-accordion-after-click-description-color
+      );
     }
   }
 }

package/cjs/components/anchor/Anchor.d.ts

@@ -36,3 +36,4 @@ export declare function pickIcon(icon: any): React.DetailedReactHTMLElement<{
     key: string;
     className: string;
 }, HTMLElement>;
+export declare const opensNewTab: (target: string, href: string) => boolean;

package/cjs/components/anchor/Anchor.js

@@ -1,10 +1,11 @@
 "use strict";
+"use client";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.AnchorInstance = AnchorInstance;
-exports.default = void 0;
+exports.opensNewTab = exports.default = void 0;
 exports.pickIcon = pickIcon;
 exports.scrollToHashHandler = scrollToHashHandler;
 var _react = _interopRequireDefault(require("react"));
@@ -54,9 +55,9 @@ function AnchorInstance(localProps) {
   let prefix;
   let suffix;
   const href = allProps.href || allProps.to;
-  const showLaunchicon = allProps.target === '_blank' && !/^(mailto|tel|sms)/.test(href);
-  const showTooltip = (tooltip || showLaunchicon) && !allProps.title;
-  if (showLaunchicon) {
+  const showLaunchIcon = opensNewTab(allProps.target, href);
+  const showTooltip = (tooltip || showLaunchIcon) && !allProps.title;
+  if (showLaunchIcon && !omitClass) {
     suffix = _IconPrimary || (_IconPrimary = _react.default.createElement(_IconPrimary2.default, {
       icon: _icons.launch
     }));
@@ -74,7 +75,7 @@ function AnchorInstance(localProps) {
   return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_Element.default, _extends({
     as: as,
     id: id,
-    className: (0, _classnames.default)(className, omitClass !== true && 'dnb-anchor', prefix && 'dnb-anchor--icon-left', suffix && 'dnb-anchor--icon-right', typeof children !== 'string' && 'dnb-anchor--was-node', showLaunchicon && 'dnb-anchor--launch-icon')
+    className: (0, _classnames.default)(className, omitClass !== true && (0, _classnames.default)('dnb-anchor', prefix && 'dnb-anchor--icon-left', suffix && 'dnb-anchor--icon-right', typeof children !== 'string' && 'dnb-anchor--was-node', showLaunchIcon && 'dnb-anchor--launch-icon'))
   }, attributes, {
     innerRef: innerRef
   }), prefix, children, suffix), showTooltip && _react.default.createElement(_Tooltip.default, {
@@ -126,4 +127,6 @@ function pickIcon(icon) {
     className: (0, _classnames.default)((_icon$props3 = icon.props) === null || _icon$props3 === void 0 ? void 0 : _icon$props3.className, 'dnb-button__icon')
   }) : null;
 }
+const opensNewTab = (target, href) => target === '_blank' && !/^(mailto|tel|sms)/.test(href);
+exports.opensNewTab = opensNewTab;
 //# sourceMappingURL=Anchor.js.map

package/cjs/components/anchor/Anchor.js.map

@@ -1 +1 @@
-{"version":3,"file":"Anchor.js","names":["_react","_interopRequireDefault","require","_classnames","_Element","_Context","_componentHelper","_helpers","_IconPrimary2","_Tooltip","_icons","_IconPrimary","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","defaultProps","AnchorInstance","localProps","context","React","useContext","Context","allProps","extendPropsWithContext","skeleton","getTranslation","Anchor","inner_ref","innerRef","createRef","id","element","className","children","tooltip","icon","iconPosition","omitClass","targetBlankTitle","rest","attributes","internalId","makeUniqueId","as","prefix","suffix","href","to","showLaunchicon","test","showTooltip","title","createElement","launchIcon","iconNode","pickIcon","Fragment","classnames","showDelay","targetElement","forwardRef","props","ref","_supportsSpacingProps","_default","exports","scrollToHashHandler","event","_element$pathname","currentTarget","getAttribute","document","includes","isSamePath","startsWith","window","location","pathname","replace","split","reverse","anchorElem","getElementById","HTMLElement","scrollPadding","parseFloat","getComputedStyle","documentElement","scrollPaddingTop","top","getOffsetTop","scroll","error","console","_icon$props","_icon$props2","_icon$props2$classNam","_icon$props3","cloneElement"],"sources":["../../../../src/components/anchor/Anchor.tsx"],"sourcesContent":["/**\n * HTML Element\n *\n */\n\nimport React from 'react'\nimport classnames from 'classnames'\nimport E, { ElementProps, ElementIsType } from '../../elements/Element'\nimport Context from '../../shared/Context'\nimport {\n  makeUniqueId,\n  extendPropsWithContext,\n} from '../../shared/component-helper'\nimport { getOffsetTop } from '../../shared/helpers'\nimport IconPrimary from '../icon-primary/IconPrimary'\nimport Tooltip from '../tooltip/Tooltip'\nimport { launch as launchIcon } from '../../icons'\nimport type { IconIcon } from '../icon/Icon'\nimport type { SkeletonShow } from '../skeleton/Skeleton'\nimport type { SpacingProps } from '../../shared/types'\n\nexport type AnchorProps = {\n  element?: ElementIsType\n  href?: string\n  to?: string\n  targetBlankTitle?: string\n  target?: string\n  tooltip?: React.ReactNode\n  icon?: IconIcon\n  iconPosition?: 'left' | 'right'\n  skeleton?: SkeletonShow\n  omitClass?: boolean\n  innerRef?: React.RefObject<HTMLAnchorElement>\n\n  /** @deprecated use innerRef instead */\n  inner_ref?: React.RefObject<HTMLAnchorElement>\n}\n\nexport type AnchorAllProps = AnchorProps &\n  Omit<React.HTMLProps<HTMLAnchorElement>, 'ref'> &\n  SpacingProps\n\nconst defaultProps = {}\n\nexport function AnchorInstance(localProps: AnchorAllProps) {\n  const context = React.useContext(Context)\n  const allProps = extendPropsWithContext(\n    localProps,\n    defaultProps,\n    { skeleton: context?.skeleton },\n    context?.getTranslation(localProps as AnchorAllProps).Anchor,\n    context?.Anchor\n  )\n\n  // deprecated: inner_ref is still needed to support Button's usage of Anchor\n  if (typeof allProps.inner_ref !== 'undefined') {\n    allProps.innerRef = allProps.inner_ref\n    delete allProps.inner_ref\n  }\n\n  if (!allProps.innerRef) {\n    allProps.innerRef = React.createRef()\n  }\n\n  const {\n    id,\n    element,\n    className,\n    children,\n    tooltip,\n    icon,\n    iconPosition = 'left',\n    omitClass,\n    innerRef,\n    targetBlankTitle,\n    ...rest\n  } = allProps\n\n  const attributes = rest as ElementProps\n  const internalId = id || 'id' + makeUniqueId()\n  const as = (element || 'a') as string\n\n  let prefix: React.ReactNode\n  let suffix: React.ReactNode\n\n  const href = allProps.href || allProps.to\n  const showLaunchicon =\n    allProps.target === '_blank' && !/^(mailto|tel|sms)/.test(href)\n  const showTooltip = (tooltip || showLaunchicon) && !allProps.title\n\n  // WCAG guide: https://www.w3.org/TR/WCAG20-TECHS/G201.html\n  if (showLaunchicon) {\n    suffix = <IconPrimary icon={launchIcon} />\n  }\n\n  if (icon) {\n    const iconNode = pickIcon(icon) || <IconPrimary icon={icon} />\n    if (iconPosition === 'left') {\n      prefix = <>{iconNode} </>\n    } else if (iconPosition === 'right') {\n      suffix = <> {iconNode}</>\n    }\n  }\n\n  return (\n    <>\n      <E\n        as={as}\n        id={id}\n        className={classnames(\n          omitClass !== true && 'dnb-anchor',\n          className,\n          prefix && 'dnb-anchor--icon-left',\n          suffix && 'dnb-anchor--icon-right',\n          typeof children !== 'string' && 'dnb-anchor--was-node',\n          showLaunchicon && 'dnb-anchor--launch-icon'\n        )}\n        {...attributes}\n        innerRef={innerRef}\n      >\n        {prefix}\n        {children}\n        {suffix}\n      </E>\n\n      {showTooltip && (\n        <Tooltip\n          showDelay={100}\n          id={internalId + '-tooltip'}\n          targetElement={innerRef}\n          tooltip={tooltip}\n        >\n          {allProps.title || targetBlankTitle}\n        </Tooltip>\n      )}\n    </>\n  )\n}\n\nconst Anchor = React.forwardRef(\n  (props: AnchorAllProps, ref: React.RefObject<HTMLAnchorElement>) => {\n    return <AnchorInstance innerRef={ref} {...props} />\n  }\n)\n\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nAnchor._supportsSpacingProps = true\n\nexport default Anchor\n\nexport function scrollToHashHandler(\n  event: React.MouseEvent<HTMLAnchorElement, MouseEvent>\n) {\n  const element = event.currentTarget as HTMLAnchorElement\n  const href = element.getAttribute('href')\n\n  if (typeof document === 'undefined' || !href.includes('#')) {\n    return // stop here\n  }\n\n  /**\n   * What happens here?\n   * When `scroll-behavior: smooth;` in CSS is set,\n   * Blink/Chromium wants the user to click two times in order to actually scroll to the anchor hash.\n   * The first click, sets the hash, the second one, scrolls to it.\n   * We want Chromium browsers to scroll to the element on the first click.\n   */\n  const isSamePath =\n    href.startsWith('#') ||\n    window.location.href.includes(element.pathname?.replace(/\\/$/, ''))\n\n  // Only continue, when we are sure we are on the same page,\n  // because, the same ID may exists occasionally on the current page.\n  if (isSamePath) {\n    const id = href.split(/#/g).reverse()[0]\n    const anchorElem = document.getElementById(id)\n\n    if (anchorElem instanceof HTMLElement) {\n      try {\n        const scrollPadding = parseFloat(\n          window.getComputedStyle(document.documentElement)\n            .scrollPaddingTop\n        )\n        const top = getOffsetTop(anchorElem) - scrollPadding || 0\n\n        window.scroll({ top })\n\n        return { element: anchorElem }\n      } catch (error) {\n        console.error(error)\n      }\n    }\n  }\n}\n\nexport function pickIcon(icon) {\n  return icon?.props?.icon || icon?.props?.className?.includes('dnb-icon')\n    ? React.cloneElement(icon, {\n        key: 'button-icon-clone',\n        className: classnames(icon.props?.className, 'dnb-button__icon'),\n      })\n    : null\n}\n"],"mappings":"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"}
+{"version":3,"file":"Anchor.js","names":["_react","_interopRequireDefault","require","_classnames","_Element","_Context","_componentHelper","_helpers","_IconPrimary2","_Tooltip","_icons","_IconPrimary","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","defaultProps","AnchorInstance","localProps","context","React","useContext","Context","allProps","extendPropsWithContext","skeleton","getTranslation","Anchor","inner_ref","innerRef","createRef","id","element","className","children","tooltip","icon","iconPosition","omitClass","targetBlankTitle","rest","attributes","internalId","makeUniqueId","as","prefix","suffix","href","to","showLaunchIcon","opensNewTab","showTooltip","title","createElement","launchIcon","iconNode","pickIcon","Fragment","classnames","showDelay","targetElement","forwardRef","props","ref","_supportsSpacingProps","_default","exports","scrollToHashHandler","event","_element$pathname","currentTarget","getAttribute","document","includes","isSamePath","startsWith","window","location","pathname","replace","split","reverse","anchorElem","getElementById","HTMLElement","scrollPadding","parseFloat","getComputedStyle","documentElement","scrollPaddingTop","top","getOffsetTop","scroll","error","console","_icon$props","_icon$props2","_icon$props2$classNam","_icon$props3","cloneElement","test"],"sources":["../../../../src/components/anchor/Anchor.tsx"],"sourcesContent":["/**\n * HTML Element\n *\n */\n\nimport React from 'react'\nimport classnames from 'classnames'\nimport E, { ElementProps, ElementIsType } from '../../elements/Element'\nimport Context from '../../shared/Context'\nimport {\n  makeUniqueId,\n  extendPropsWithContext,\n} from '../../shared/component-helper'\nimport { getOffsetTop } from '../../shared/helpers'\nimport IconPrimary from '../icon-primary/IconPrimary'\nimport Tooltip from '../tooltip/Tooltip'\nimport { launch as launchIcon } from '../../icons'\nimport type { IconIcon } from '../icon/Icon'\nimport type { SkeletonShow } from '../skeleton/Skeleton'\nimport type { SpacingProps } from '../../shared/types'\n\nexport type AnchorProps = {\n  element?: ElementIsType\n  href?: string\n  to?: string\n  targetBlankTitle?: string\n  target?: string\n  tooltip?: React.ReactNode\n  icon?: IconIcon\n  iconPosition?: 'left' | 'right'\n  skeleton?: SkeletonShow\n  omitClass?: boolean\n  innerRef?: React.RefObject<HTMLAnchorElement>\n\n  /** @deprecated use innerRef instead */\n  inner_ref?: React.RefObject<HTMLAnchorElement>\n}\n\nexport type AnchorAllProps = AnchorProps &\n  Omit<React.HTMLProps<HTMLAnchorElement>, 'ref'> &\n  SpacingProps\n\nconst defaultProps = {}\n\nexport function AnchorInstance(localProps: AnchorAllProps) {\n  const context = React.useContext(Context)\n  const allProps = extendPropsWithContext(\n    localProps,\n    defaultProps,\n    { skeleton: context?.skeleton },\n    context?.getTranslation(localProps as AnchorAllProps).Anchor,\n    context?.Anchor\n  )\n\n  // deprecated: inner_ref is still needed to support Button's usage of Anchor\n  if (typeof allProps.inner_ref !== 'undefined') {\n    allProps.innerRef = allProps.inner_ref\n    delete allProps.inner_ref\n  }\n\n  if (!allProps.innerRef) {\n    allProps.innerRef = React.createRef()\n  }\n\n  const {\n    id,\n    element,\n    className,\n    children,\n    tooltip,\n    icon,\n    iconPosition = 'left',\n    omitClass,\n    innerRef,\n    targetBlankTitle,\n    ...rest\n  } = allProps\n\n  const attributes = rest as ElementProps\n  const internalId = id || 'id' + makeUniqueId()\n  const as = (element || 'a') as string\n\n  let prefix: React.ReactNode\n  let suffix: React.ReactNode\n\n  const href = allProps.href || allProps.to\n  const showLaunchIcon = opensNewTab(allProps.target, href)\n  const showTooltip = (tooltip || showLaunchIcon) && !allProps.title\n\n  // WCAG guide: https://www.w3.org/TR/WCAG20-TECHS/G201.html\n  if (showLaunchIcon && !omitClass) {\n    suffix = <IconPrimary icon={launchIcon} />\n  }\n\n  if (icon) {\n    const iconNode = pickIcon(icon) || <IconPrimary icon={icon} />\n    if (iconPosition === 'left') {\n      prefix = <>{iconNode} </>\n    } else if (iconPosition === 'right') {\n      suffix = <> {iconNode}</>\n    }\n  }\n\n  return (\n    <>\n      <E\n        as={as}\n        id={id}\n        className={classnames(\n          omitClass !== true &&\n            classnames(\n              'dnb-anchor',\n              prefix && 'dnb-anchor--icon-left',\n              suffix && 'dnb-anchor--icon-right',\n              typeof children !== 'string' && 'dnb-anchor--was-node',\n              showLaunchIcon && 'dnb-anchor--launch-icon'\n            ),\n          className\n        )}\n        {...attributes}\n        innerRef={innerRef}\n      >\n        {prefix}\n        {children}\n        {suffix}\n      </E>\n\n      {showTooltip && (\n        <Tooltip\n          showDelay={100}\n          id={internalId + '-tooltip'}\n          targetElement={innerRef}\n          tooltip={tooltip}\n        >\n          {allProps.title || targetBlankTitle}\n        </Tooltip>\n      )}\n    </>\n  )\n}\n\nconst Anchor = React.forwardRef(\n  (props: AnchorAllProps, ref: React.RefObject<HTMLAnchorElement>) => {\n    return <AnchorInstance innerRef={ref} {...props} />\n  }\n)\n\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nAnchor._supportsSpacingProps = true\n\nexport default Anchor\n\nexport function scrollToHashHandler(\n  event: React.MouseEvent<HTMLAnchorElement, MouseEvent>\n) {\n  const element = event.currentTarget as HTMLAnchorElement\n  const href = element.getAttribute('href')\n\n  if (typeof document === 'undefined' || !href.includes('#')) {\n    return // stop here\n  }\n\n  /**\n   * What happens here?\n   * When `scroll-behavior: smooth;` in CSS is set,\n   * Blink/Chromium wants the user to click two times in order to actually scroll to the anchor hash.\n   * The first click, sets the hash, the second one, scrolls to it.\n   * We want Chromium browsers to scroll to the element on the first click.\n   */\n  const isSamePath =\n    href.startsWith('#') ||\n    window.location.href.includes(element.pathname?.replace(/\\/$/, ''))\n\n  // Only continue, when we are sure we are on the same page,\n  // because, the same ID may exists occasionally on the current page.\n  if (isSamePath) {\n    const id = href.split(/#/g).reverse()[0]\n    const anchorElem = document.getElementById(id)\n\n    if (anchorElem instanceof HTMLElement) {\n      try {\n        const scrollPadding = parseFloat(\n          window.getComputedStyle(document.documentElement)\n            .scrollPaddingTop\n        )\n        const top = getOffsetTop(anchorElem) - scrollPadding || 0\n\n        window.scroll({ top })\n\n        return { element: anchorElem }\n      } catch (error) {\n        console.error(error)\n      }\n    }\n  }\n}\n\nexport function pickIcon(icon) {\n  return icon?.props?.icon || icon?.props?.className?.includes('dnb-icon')\n    ? React.cloneElement(icon, {\n        key: 'button-icon-clone',\n        className: classnames(icon.props?.className, 'dnb-button__icon'),\n      })\n    : null\n}\n\nexport const opensNewTab = (target: string, href: string): boolean =>\n  target === '_blank' && !/^(mailto|tel|sms)/.test(href)\n"],"mappings":"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"}

package/cjs/components/autocomplete/Autocomplete.d.ts

@@ -124,6 +124,10 @@ export interface AutocompleteProps
    * Use `true` to not remove the typed value on input blur, if it is invalid. By default, the typed value will disappear / replaced by a selected value from the data list during the input field blur. Defaults to `false`.
    */
   keep_value?: boolean;
+  /**
+   * Use `true` to not remove selected item on input blur, when the input value is empty. Defaults to `false`.
+   */
+  keep_selection?: boolean;
   /**
    * Like `keep_value` – but would not reset to the selected value during input field blur. Also, the selected value would still be kept. Defaults to `false`.
    */