@dnb/eufemia 10.6.0 → 10.8.0

package/cjs/components/accordion/style/themes/dnb-accordion-theme-sbanken.css

@@ -0,0 +1,124 @@
+/*
+* Accordion theme
+*
+*/
+/*
+ * Utilities
+ */
+/*
+* Button mixins
+*
+*/
+.dnb-accordion {
+  --accordion-border-width: 0;
+  --accordion-border-radius: 0;
+  --accordion-header-margin-vertical: 1rem;
+  --accordion-header-margin-vertical--description: 0.5rem;
+  --accordion-header-wrapper-margin: 1rem;
+  --accordion-header-wrapper-margin--icon-right: calc(
+    1.5rem - var(--accordion-frame-width)
+  );
+  --accordion-header-icon-gutter: 0.5rem;
+  --accordion-header-icon-margin: calc(
+    1.5rem - var(--accordion-frame-width)
+  );
+  --accordion-frame-color: transparent;
+  --accordion-frame-color--expanded: var(--sb-color-violet);
+  --accordion-frame-color--disabled: var(--sb-color-gray-dark-2);
+  --accordion-frame-width: 0.1875rem;
+  --accordion-frame-width--active: 0rem;
+  --accordion-bg: transparent;
+  --accordion-bg--expanded: var(--sb-color-violet-light-4);
+  --accordion-bg--disabled: var(--sb-color-gray-light-2);
+  --accordion-content-padding-left: calc(
+    3.5rem - var(--accordion-frame-width)
+  );
+  color: var(--sb-color-text);
+}
+.dnb-accordion__header, .dnb-accordion__content {
+  background-color: var(--accordion-bg);
+  border-left: var(--accordion-frame-width) solid var(--accordion-frame-color);
+}
+html:not([data-whatintent=touch]) .dnb-accordion__header.focus-visible[disabled] {
+  cursor: not-allowed;
+}
+html:not([data-whatintent=touch]) .dnb-accordion__header:focus-visible[disabled] {
+  cursor: not-allowed;
+}
+html:not([data-whatintent=touch]) .dnb-accordion__header.focus-visible:not([disabled]) {
+  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;
+  z-index: 1;
+  border-radius: 0.125rem;
+  background-color: var(--sb-color-blue-light-3);
+  color: var(--border-color);
+}
+html:not([data-whatintent=touch]) .dnb-accordion__header:focus-visible:not([disabled]) {
+  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;
+  z-index: 1;
+  border-radius: 0.125rem;
+  background-color: var(--sb-color-blue-light-3);
+  color: var(--border-color);
+}
+html:not([data-whatintent=touch]) .dnb-accordion__header.focus-visible:not([disabled]) .dnb-accordion__header__icon {
+  color: var(--border-color);
+}
+html:not([data-whatintent=touch]) .dnb-accordion__header:focus-visible:not([disabled]) .dnb-accordion__header__icon {
+  color: var(--border-color);
+}
+html:not([data-whatintent=touch]) .dnb-accordion__header:hover[disabled] {
+  cursor: not-allowed;
+}
+html:not([data-whatintent=touch]) .dnb-accordion__header:hover:not([disabled]) {
+  background-color: var(--sb-color-violet-light-2);
+}
+.dnb-accordion__header:active[disabled], html:not([data-whatintent=touch]) .dnb-accordion__header:active[disabled] {
+  cursor: not-allowed;
+}
+.dnb-accordion__header:active:not([disabled]), html:not([data-whatintent=touch]) .dnb-accordion__header:active:not([disabled]) {
+  background-color: var(--sb-color-white);
+  --border-color: ;
+  --border-width: 0.0625rem;
+  box-shadow: inset 0 0 0 var(--border-width) var(--border-color);
+  --border-color: var(--sb-color-violet);
+  border-left-width: var(--accordion-frame-width--active);
+  padding-left: calc(var(--accordion-frame-width) - var(--accordion-frame-width--active));
+}
+.dnb-accordion__header__icon, .dnb-accordion__header__container {
+  color: var(--sb-color-violet);
+}
+.dnb-accordion__header--icon-right {
+  --accordion-header-icon-margin: 1.5rem;
+}
+.dnb-accordion__header--icon-right + .dnb-accordion__content {
+  --accordion-content-padding-left: calc(
+    1.5rem - var(--accordion-frame-width)
+  );
+}
+.dnb-accordion__header[disabled] * {
+  color: var(--sb-color-gray-dark-2);
+}
+.dnb-accordion__content__inner {
+  margin-top: 0;
+  padding: 0 1rem 1rem var(--accordion-content-padding-left);
+}
+.dnb-accordion--expanded {
+  --accordion-bg: var(--accordion-bg--expanded);
+  --accordion-frame-color: var(--accordion-frame-color--expanded);
+  --accordion-frame-width--active: 0.125rem;
+}
+.dnb-accordion--expanded > .dnb-accordion__header {
+  font-weight: var(--sb-font-weight-bold);
+}
+.dnb-accordion--expanded > .dnb-accordion__header[disabled],
+.dnb-accordion--expanded > .dnb-accordion__header[disabled] + .dnb-accordion__content {
+  --accordion-bg: var(--accordion-bg--disabled);
+  --accordion-frame-color: var(--accordion-frame-color--disabled);
+}

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

@@ -0,0 +1 @@
+.dnb-accordion{--accordion-border-width:0;--accordion-border-radius:0;--accordion-header-margin-vertical:1rem;--accordion-header-margin-vertical--description:0.5rem;--accordion-header-wrapper-margin:1rem;--accordion-header-wrapper-margin--icon-right:calc(1.5rem - var(--accordion-frame-width));--accordion-header-icon-gutter:0.5rem;--accordion-header-icon-margin:calc(1.5rem - var(--accordion-frame-width));--accordion-frame-color:transparent;--accordion-frame-color--expanded:var(--sb-color-violet);--accordion-frame-color--disabled:var(--sb-color-gray-dark-2);--accordion-frame-width:0.1875rem;--accordion-frame-width--active:0rem;--accordion-bg:transparent;--accordion-bg--expanded:var(--sb-color-violet-light-4);--accordion-bg--disabled:var(--sb-color-gray-light-2);--accordion-content-padding-left:calc(3.5rem - var(--accordion-frame-width));color:var(--sb-color-text)}.dnb-accordion__content,.dnb-accordion__header{background-color:var(--accordion-bg);border-left:var(--accordion-frame-width) solid var(--accordion-frame-color)}html:not([data-whatintent=touch]) .dnb-accordion__header.focus-visible[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-accordion__header:focus-visible[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-accordion__header.focus-visible:not([disabled]){--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);background-color:var(--sb-color-blue-light-3);border-color:transparent;border-radius:.125rem;box-shadow:0 0 0 var(--border-width) var(--border-color);color:var(--border-color);outline:none;z-index:1}html:not([data-whatintent=touch]) .dnb-accordion__header:focus-visible:not([disabled]){--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);background-color:var(--sb-color-blue-light-3);border-color:transparent;border-radius:.125rem;box-shadow:0 0 0 var(--border-width) var(--border-color);color:var(--border-color);outline:none;z-index:1}html:not([data-whatintent=touch]) .dnb-accordion__header.focus-visible:not([disabled]) .dnb-accordion__header__icon{color:var(--border-color)}html:not([data-whatintent=touch]) .dnb-accordion__header:focus-visible:not([disabled]) .dnb-accordion__header__icon{color:var(--border-color)}html:not([data-whatintent=touch]) .dnb-accordion__header:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-accordion__header:hover:not([disabled]){background-color:var(--sb-color-violet-light-2)}.dnb-accordion__header:active[disabled],html:not([data-whatintent=touch]) .dnb-accordion__header:active[disabled]{cursor:not-allowed}.dnb-accordion__header:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-accordion__header:active:not([disabled]){--border-color: ;--border-width:0.0625rem;--border-color:var(--sb-color-violet);background-color:var(--sb-color-white);border-left-width:var(--accordion-frame-width--active);box-shadow:inset 0 0 0 var(--border-width) var(--border-color);padding-left:calc(var(--accordion-frame-width) - var(--accordion-frame-width--active))}.dnb-accordion__header__container,.dnb-accordion__header__icon{color:var(--sb-color-violet)}.dnb-accordion__header--icon-right{--accordion-header-icon-margin:1.5rem}.dnb-accordion__header--icon-right+.dnb-accordion__content{--accordion-content-padding-left:calc(1.5rem - var(--accordion-frame-width))}.dnb-accordion__header[disabled] *{color:var(--sb-color-gray-dark-2)}.dnb-accordion__content__inner{margin-top:0;padding:0 1rem 1rem var(--accordion-content-padding-left)}.dnb-accordion--expanded{--accordion-bg:var(--accordion-bg--expanded);--accordion-frame-color:var(--accordion-frame-color--expanded);--accordion-frame-width--active:0.125rem}.dnb-accordion--expanded>.dnb-accordion__header{font-weight:var(--sb-font-weight-bold)}.dnb-accordion--expanded>.dnb-accordion__header[disabled],.dnb-accordion--expanded>.dnb-accordion__header[disabled]+.dnb-accordion__content{--accordion-bg:var(--accordion-bg--disabled);--accordion-frame-color:var(--accordion-frame-color--disabled)}

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

@@ -0,0 +1,125 @@
+/*
+* Accordion theme
+*
+*/
+
+@import '../../../../style/core/utilities.scss';
+@import '../../../button/style/themes/button-mixins.scss';
+
+.dnb-accordion {
+  --accordion-border-width: 0;
+  --accordion-border-radius: 0;
+
+  // vertical spacing
+  --accordion-header-margin-vertical: 1rem;
+  --accordion-header-margin-vertical--description: 0.5rem;
+
+  // header
+  --accordion-header-wrapper-margin: 1rem;
+  --accordion-header-wrapper-margin--icon-right: calc(
+    1.5rem - var(--accordion-frame-width)
+  );
+
+  // icon
+  --accordion-header-icon-gutter: 0.5rem;
+  --accordion-header-icon-margin: calc(
+    1.5rem - var(--accordion-frame-width)
+  );
+
+  // frame (left border on expand)
+  --accordion-frame-color: transparent;
+  --accordion-frame-color--expanded: var(--sb-color-violet);
+  --accordion-frame-color--disabled: var(--sb-color-gray-dark-2);
+  --accordion-frame-width: 0.1875rem;
+  --accordion-frame-width--active: 0rem;
+
+  // background
+  --accordion-bg: transparent;
+  --accordion-bg--expanded: var(--sb-color-violet-light-4);
+  --accordion-bg--disabled: var(--sb-color-gray-light-2);
+
+  // other
+  --accordion-content-padding-left: calc(
+    3.5rem - var(--accordion-frame-width)
+  );
+
+  color: var(--sb-color-text);
+
+  &__header,
+  &__content {
+    background-color: var(--accordion-bg);
+    border-left: var(--accordion-frame-width) solid
+      var(--accordion-frame-color);
+  }
+
+  &__header {
+    @include focus-visible() {
+      @include focusRing('always');
+      z-index: 1;
+      border-radius: 0.125rem;
+      background-color: var(--sb-color-blue-light-3);
+      color: var(--border-color);
+
+      .dnb-accordion__header__icon {
+        color: var(--border-color);
+      }
+    }
+    @include hover() {
+      background-color: var(--sb-color-violet-light-2);
+    }
+
+    @include active() {
+      background-color: var(--sb-color-white);
+      @include fakeBorder(null, null, inset);
+      // must be set after fakeBorder()
+      --border-color: var(--sb-color-violet);
+      border-left-width: var(--accordion-frame-width--active);
+      padding-left: calc(
+        var(--accordion-frame-width) - var(--accordion-frame-width--active)
+      );
+    }
+
+    &__icon,
+    &__container {
+      color: var(--sb-color-violet);
+    }
+
+    &--icon-right {
+      --accordion-header-icon-margin: 1.5rem;
+      + .dnb-accordion__content {
+        --accordion-content-padding-left: calc(
+          1.5rem - var(--accordion-frame-width)
+        );
+      }
+    }
+
+    // disabled
+    &[disabled] {
+      * {
+        color: var(--sb-color-gray-dark-2);
+      }
+    }
+  }
+
+  &__content__inner {
+    margin-top: 0;
+    padding: 0 1rem 1rem var(--accordion-content-padding-left);
+  }
+
+  &--expanded {
+    --accordion-bg: var(--accordion-bg--expanded);
+    --accordion-frame-color: var(--accordion-frame-color--expanded);
+    --accordion-frame-width--active: 0.125rem;
+
+    > .dnb-accordion__header {
+      font-weight: var(--sb-font-weight-bold);
+    }
+
+    // disabled
+    > .dnb-accordion__header[disabled],
+    > .dnb-accordion__header[disabled] + .dnb-accordion__content {
+      --accordion-bg: var(--accordion-bg--disabled);
+      --accordion-frame-color: var(--accordion-frame-color--disabled);
+    }
+  }
+}

package/cjs/components/anchor/Anchor.js

@@ -64,7 +64,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', typeof children !== 'string' && 'dnb-anchor--has-icon', prefix && 'dnb-anchor--icon-left', suffix && 'dnb-anchor--icon-right', allProps.target === '_blank' && (typeof children !== 'string' || suffix) && 'dnb-anchor--no-icon')
+    className: (0, _classnames.default)(className, suffix && 'dnb-anchor--icon-right' + (allProps.target === '_blank' ? " dnb-anchor--no-icon" : ""), omitClass !== true && 'dnb-anchor', typeof children !== 'string' && 'dnb-anchor--has-icon', prefix && 'dnb-anchor--icon-left')
   }, attributes, {
     innerRef: innerRef
   }), prefix, children, suffix), showTooltip && _react.default.createElement(_Tooltip.default, {

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

@@ -1 +1 @@
-{"version":3,"file":"Anchor.js","names":["_react","_interopRequireDefault","require","_classnames","_Element","_Context","_componentHelper","_helpers","_IconPrimary","_Tooltip","_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","showTooltip","title","as","prefix","suffix","iconNode","createElement","Fragment","classnames","showDelay","targetElement","forwardRef","props","ref","_default","exports","scrollToHashHandler","e","_element$pathname","currentTarget","href","getAttribute","document","includes","isSamePath","startsWith","window","location","pathname","replace","split","reverse","anchorElem","getElementById","HTMLElement","preventDefault","scrollPadding","parseFloat","getComputedStyle","documentElement","scrollPaddingTop","top","getOffsetTop","scroll"],"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 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\n  const internalId = id || 'id' + makeUniqueId()\n\n  // WCAG guide: https://www.w3.org/TR/WCAG20-TECHS/G201.html\n  const showTooltip =\n    tooltip || (allProps.target === '_blank' && !allProps.title)\n\n  const as = (element || 'a') as string\n\n  let prefix\n  let suffix\n  if (icon) {\n    const iconNode =\n      typeof icon === 'string' ? <IconPrimary icon={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\n          // because we then don't want to distract the link out\n          // we make sure we hide the icon\n          allProps.target === '_blank' &&\n            (typeof children !== 'string' || suffix) &&\n            'dnb-anchor--no-icon',\n          typeof children !== 'string' && 'dnb-anchor--has-icon',\n          prefix && 'dnb-anchor--icon-left',\n          suffix && 'dnb-anchor--icon-right'\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\nexport default Anchor\n\nexport function scrollToHashHandler(\n  e: React.MouseEvent<HTMLAnchorElement, MouseEvent>\n) {\n  const element = e.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, srollts to it.\n   * We want Chromium browsers to scorll 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      e.preventDefault()\n\n      const scrollPadding = parseFloat(\n        window.getComputedStyle(document.documentElement).scrollPaddingTop\n      )\n      const top = getOffsetTop(anchorElem) - scrollPadding || 0\n\n      window.scroll({ top })\n    }\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"Anchor.js","names":["_react","_interopRequireDefault","require","_classnames","_Element","_Context","_componentHelper","_helpers","_IconPrimary","_Tooltip","_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","showTooltip","title","as","prefix","suffix","iconNode","createElement","Fragment","classnames","showDelay","targetElement","forwardRef","props","ref","_default","exports","scrollToHashHandler","e","_element$pathname","currentTarget","href","getAttribute","document","includes","isSamePath","startsWith","window","location","pathname","replace","split","reverse","anchorElem","getElementById","HTMLElement","preventDefault","scrollPadding","parseFloat","getComputedStyle","documentElement","scrollPaddingTop","top","getOffsetTop","scroll"],"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 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\n  const internalId = id || 'id' + makeUniqueId()\n\n  // WCAG guide: https://www.w3.org/TR/WCAG20-TECHS/G201.html\n  const showTooltip =\n    tooltip || (allProps.target === '_blank' && !allProps.title)\n\n  const as = (element || 'a') as string\n\n  let prefix\n  let suffix\n  if (icon) {\n    const iconNode =\n      typeof icon === 'string' ? <IconPrimary icon={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\n          // because we then don't want to distract the link out\n          // we make sure we hide the icon\n          allProps.target === '_blank' && suffix && 'dnb-anchor--no-icon',\n          typeof children !== 'string' && 'dnb-anchor--has-icon',\n          prefix && 'dnb-anchor--icon-left',\n          suffix && 'dnb-anchor--icon-right'\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\nexport default Anchor\n\nexport function scrollToHashHandler(\n  e: React.MouseEvent<HTMLAnchorElement, MouseEvent>\n) {\n  const element = e.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, srollts to it.\n   * We want Chromium browsers to scorll 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      e.preventDefault()\n\n      const scrollPadding = parseFloat(\n        window.getComputedStyle(document.documentElement).scrollPaddingTop\n      )\n      const top = getOffsetTop(anchorElem) - scrollPadding || 0\n\n      window.scroll({ top })\n    }\n  }\n}\n"],"mappings":"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"}

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

@@ -105,7 +105,9 @@
 
 @mixin anchorBackground($color, $overflow: 0.125em) {
   @if $overflow {
-    box-shadow: inset 100vw 100vw 0 0 $color, -$overflow 0 0 0 $color,
+    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;
@@ -164,7 +166,9 @@
 
     background-image: inherit;
 
-    transition: transform 0.3s ease-out, filter 1s ease-in-out;
+    transition:
+      transform 0.3s ease-out,
+      filter 1s ease-in-out;
     transform-origin: bottom;
   }
 
@@ -200,7 +204,9 @@
     }
   }
 
-  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] & {

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

@@ -107,7 +107,9 @@
     }
   }
 
-  &: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--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 {
         text-decoration-color: var(--sb-color-green-dark);

package/cjs/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;
   /**

package/cjs/components/autocomplete/Autocomplete.js

@@ -25,7 +25,7 @@ var _DrawerListProvider = _interopRequireDefault(require("../../fragments/drawer
 var _DrawerListHelpers = require("../../fragments/drawer-list/DrawerListHelpers");
 var _IconPrimary, _AlignmentHelper;
 const _excluded = ["fillDataIfEmpty"],
-  _excluded2 = ["title", "placeholder", "label", "label_direction", "label_sr_only", "icon", "icon_size", "input_icon", "size", "align_autocomplete", "fixed_position", "status", "status_state", "status_props", "status_no_animation", "globalStatus", "suffix", "scrollable", "focusable", "keep_open", "keep_value", "keep_value_and_selection", "show_clear_button", "prevent_close", "no_animation", "no_scroll_animation", "show_submit_button", "submit_element", "input_element", "options_render", "prevent_selection", "max_height", "default_value", "search_numbers", "search_in_word_index", "show_options_sr", "selected_sr", "submit_button_title", "submit_button_icon", "portal_class", "drawer_class", "input_ref", "className", "class", "disabled", "stretch", "skeleton", "triangle_position", "icon_position", "skip_portal", "mode", "data", "children", "direction", "id", "opened", "value", "input_value", "indicator_label", "no_options", "show_all", "aria_live_options", "disable_highlighting", "ariaLiveDelay"];
+  _excluded2 = ["title", "placeholder", "label", "label_direction", "label_sr_only", "icon", "icon_size", "input_icon", "size", "align_autocomplete", "fixed_position", "status", "status_state", "status_props", "status_no_animation", "globalStatus", "suffix", "scrollable", "focusable", "keep_open", "keep_value", "keep_value_and_selection", "show_clear_button", "prevent_close", "no_animation", "no_scroll_animation", "show_submit_button", "submit_element", "input_element", "options_render", "prevent_selection", "max_height", "default_value", "search_numbers", "search_in_word_index", "show_options_sr", "selected_sr", "submit_button_title", "submit_button_icon", "portal_class", "drawer_class", "input_ref", "className", "class", "disabled", "stretch", "skeleton", "triangle_position", "icon_position", "skip_portal", "independent_width", "mode", "data", "children", "direction", "id", "opened", "value", "input_value", "indicator_label", "no_options", "show_all", "aria_live_options", "disable_highlighting", "ariaLiveDelay"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -1280,6 +1280,7 @@ class AutocompleteInstance extends _react.default.PureComponent {
         triangle_position,
         icon_position,
         skip_portal,
+        independent_width,
         mode: _mode,
         data: _data,
         children: _children,
@@ -1469,7 +1470,8 @@ class AutocompleteInstance extends _react.default.PureComponent {
       on_hide: this.onHideHandler,
       on_pre_change: this.onPreChangeHandler,
       on_key_down: this.onReserveActivityHandler,
-      onMouseDown: this.onReserveActivityHandler
+      onMouseDown: this.onReserveActivityHandler,
+      independent_width: independent_width
     })), suffix && _react.default.createElement(_Suffix.default, {
       className: "dnb-autocomplete__suffix",
       id: id + '-suffix',