@dnb/eufemia 10.21.0 → 10.23.0

package/CHANGELOG.md

@@ -3,6 +3,75 @@
 All notable changes to @dnb/eufemia will be documented in this file. See
 [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [10.23.0](https://github.com/dnbexperience/eufemia/compare/v10.22.0...v10.23.0) (2024-03-19)
+
+
+### :memo: Documentation
+
+* **a11y:** add additions related to forms and best practices ([#3385](https://github.com/dnbexperience/eufemia/issues/3385)) ([416bc21](https://github.com/dnbexperience/eufemia/commit/416bc219f96fc092853fec8becd900e4d9c5b703))
+* **Field.Number:** add info about accessibility regarding step controls ([#3369](https://github.com/dnbexperience/eufemia/issues/3369)) ([9ee99dd](https://github.com/dnbexperience/eufemia/commit/9ee99dda8a9581d69cbf24b242c589a3e475bb1f))
+* **forms:** list all sub-components and API in extended features ([#3382](https://github.com/dnbexperience/eufemia/issues/3382)) ([938bf88](https://github.com/dnbexperience/eufemia/commit/938bf88da304f8cb7ea9979c4e7653765c443b7a))
+* minor spelling improvements ([#3361](https://github.com/dnbexperience/eufemia/issues/3361)) ([8ab1a92](https://github.com/dnbexperience/eufemia/commit/8ab1a922a0a755419ad8c2ff47fd594456f4f5c4))
+
+
+### :bug: Bug Fixes
+
+* **Field.Selection:** add error styling to `button` and `radio` variant ([#3389](https://github.com/dnbexperience/eufemia/issues/3389)) ([b8093c3](https://github.com/dnbexperience/eufemia/commit/b8093c3fe6f6a72ff16376cb5af162ed13c203cc))
+* **PhoneNumber:** fix `must be string` message ([#3362](https://github.com/dnbexperience/eufemia/issues/3362)) ([c92d061](https://github.com/dnbexperience/eufemia/commit/c92d061fcc8b62d85dd0ef4235e9d6d9da55bdfe))
+* **Table:** fix type error when using array of elements ([#3372](https://github.com/dnbexperience/eufemia/issues/3372)) ([a4d3126](https://github.com/dnbexperience/eufemia/commit/a4d312653005eec1fbaef32c1221462f75da3a38))
+* **Tag:** delete and backspace key press for removable tag ([#3375](https://github.com/dnbexperience/eufemia/issues/3375)) ([96e6bbf](https://github.com/dnbexperience/eufemia/commit/96e6bbf6396ef9727aed5fbe173677c33aefed81))
+
+
+### :sparkles: Features
+
+* **Anchor:** Sbanken style based on icon ([#3377](https://github.com/dnbexperience/eufemia/issues/3377)) ([7cf88a3](https://github.com/dnbexperience/eufemia/commit/7cf88a3cd1cc92badca8541ede2435bb451086d9))
+* **Breadcrumb:** implement new styles and swap out Button with Anchor for the DNB UI ([#3368](https://github.com/dnbexperience/eufemia/issues/3368)) ([c182230](https://github.com/dnbexperience/eufemia/commit/c18223052e1cb92e25c088afb2e1a850aadfb66b))
+* **Button:** refactor button css ([#3359](https://github.com/dnbexperience/eufemia/issues/3359)) ([78258c9](https://github.com/dnbexperience/eufemia/commit/78258c91ca408e78e3da3c6a63728c0c1828334f))
+* **Card:** add `filled`, `responsive` and `title` props to support a Table and a ScrollView as a child ([#3380](https://github.com/dnbexperience/eufemia/issues/3380)) ([0a419cc](https://github.com/dnbexperience/eufemia/commit/0a419cc085921c20a18efab6e153b004d5d0fa57))
+* **DatePicker:** Add partial dates ([#3346](https://github.com/dnbexperience/eufemia/issues/3346)) ([0f6a7d5](https://github.com/dnbexperience/eufemia/commit/0f6a7d55dd6981418d769d3b5f6b0fcf2d854b21))
+* **debounce:** enhance TypeScript support by returning the given function type ([#3379](https://github.com/dnbexperience/eufemia/issues/3379)) ([d689f09](https://github.com/dnbexperience/eufemia/commit/d689f0927a70b2f4aeaefe780d4a669c0937a859))
+* **debounce:** return async function if one was given as the input ([#3366](https://github.com/dnbexperience/eufemia/issues/3366)) ([00cd860](https://github.com/dnbexperience/eufemia/commit/00cd860726830327e3cc52fe9f05e3faac839822))
+* **Form.SubmitButton:** add submit indicator support ([#3370](https://github.com/dnbexperience/eufemia/issues/3370)) ([5f3101d](https://github.com/dnbexperience/eufemia/commit/5f3101df3ad9ddfca6fb2c9b9785bf0614ed396e))
+* **Form.SubmitIndicator:** add indicator for async operations ([#3367](https://github.com/dnbexperience/eufemia/issues/3367)) ([e32ea40](https://github.com/dnbexperience/eufemia/commit/e32ea408a896f9fa08c34219065c0a6c4edeb542))
+* **forms:** implement support for async form submission and autosave feature ([c023c32](https://github.com/dnbexperience/eufemia/commit/c023c32aabc710b8fbcbbbf0db6a01b474bd4fed))
+* **forms:** implement support for async form submission and autosave feature ([#3378](https://github.com/dnbexperience/eufemia/issues/3378)) ([5bfbe30](https://github.com/dnbexperience/eufemia/commit/5bfbe30d65f1d5a2acfdf4c2ec360050018ece97))
+* **FormStatus:** remove hover color, so it does not change its color anymore ([#3351](https://github.com/dnbexperience/eufemia/issues/3351)) ([245f327](https://github.com/dnbexperience/eufemia/commit/245f327f5d3797817f1f9da30681ae77efef6916))
+* **Radio, Checkbox:** enlarge bounding area (clickable/touchable area) ([#3352](https://github.com/dnbexperience/eufemia/issues/3352)) ([667726b](https://github.com/dnbexperience/eufemia/commit/667726bf7e357ada7cc52c194d7c4a5560a897da))
+* show error in console when Eufemia CSS and JS versions do not match ([#3371](https://github.com/dnbexperience/eufemia/issues/3371)) ([a5ef0bd](https://github.com/dnbexperience/eufemia/commit/a5ef0bd158d3381cc7b34949820556efe5e5282a))
+* **Tag:** add variants clickable, addable and removable (deprecate `onDelete`) ([#3364](https://github.com/dnbexperience/eufemia/issues/3364)) ([6131139](https://github.com/dnbexperience/eufemia/commit/61311390d29304e897b21849077bad8fa86f44bc))
+* **useData:** enhance data update and sync logic ([a947ffa](https://github.com/dnbexperience/eufemia/commit/a947ffa660caeca789e08c1adf823d89d9f0506f))
+* **useData:** support data handling without id when nested inside Form.Handler ([#3393](https://github.com/dnbexperience/eufemia/issues/3393)) ([4eecc5e](https://github.com/dnbexperience/eufemia/commit/4eecc5e7ce9421fa0c40d1aee1db10571f6cc112))
+* **useError:** add support to use it without an id when nested inside Form.Handler ([#3394](https://github.com/dnbexperience/eufemia/issues/3394)) ([02b95d1](https://github.com/dnbexperience/eufemia/commit/02b95d127cf2c453804e7d708226c7ba04d74c96))
+* **useFieldProps:** add support for data-attributes and replace `ariaAttributes` with `htmlAttributes` ([#3383](https://github.com/dnbexperience/eufemia/issues/3383)) ([55bb817](https://github.com/dnbexperience/eufemia/commit/55bb81736152f5bbfa48fdbbeac1152fea92198f))
+* **useFieldProps:** rename useDataValue to useFieldProps ([#3381](https://github.com/dnbexperience/eufemia/issues/3381)) ([123a543](https://github.com/dnbexperience/eufemia/commit/123a54322cc61b74a8ba211896f47b59c8abcbe0))
+
+## [10.22.0](https://github.com/dnbexperience/eufemia/compare/v10.21.0...v10.22.0) (2024-02-28)
+
+
+### :memo: Documentation
+
+* **GlobalStatus:** update number of statuses ([#3334](https://github.com/dnbexperience/eufemia/issues/3334)) ([092aa25](https://github.com/dnbexperience/eufemia/commit/092aa259f0d180c188f8035d0c88ed9185e51292))
+
+
+### :bug: Bug Fixes
+
+* **Blockquote:** Reduce padding-bottom for tablet and desktop (Sbanken) ([#3340](https://github.com/dnbexperience/eufemia/issues/3340)) ([af0d901](https://github.com/dnbexperience/eufemia/commit/af0d901fd0ef9c16370a3a180fce2e1a7b5f4b43))
+* **Breadcrumb:** variant multiple no longer same as default ([#3345](https://github.com/dnbexperience/eufemia/issues/3345)) ([ac708e0](https://github.com/dnbexperience/eufemia/commit/ac708e0ad92b63bfad90daa7b4b9c3ff0f9fe0e1))
+* **Card:** fix overflow/scroll issue on small screen widths ([#3341](https://github.com/dnbexperience/eufemia/issues/3341)) ([a0d4a10](https://github.com/dnbexperience/eufemia/commit/a0d4a101f3508a06d1badd7178be5aad57032fc4))
+* **Form.ButtonRow:** add support for correct auto placement below a Card ([#3337](https://github.com/dnbexperience/eufemia/issues/3337)) ([ced0bd7](https://github.com/dnbexperience/eufemia/commit/ced0bd76e8f888c22e046a3888728f46f17fb6bd))
+* **Form.useData:** add support for StrictMode ([#3348](https://github.com/dnbexperience/eufemia/issues/3348)) ([d905e54](https://github.com/dnbexperience/eufemia/commit/d905e54dab83b67a531de3d756e77a39c95ce810))
+* **FormLabel:** align width to fit content instead of being stretched 100% on clickable labels ([#3338](https://github.com/dnbexperience/eufemia/issues/3338)) ([c7f1a4a](https://github.com/dnbexperience/eufemia/commit/c7f1a4a21a6d66540de4944a632797094fbea5dc))
+* **HeightAnimation:** enhance calculation of height ([#3335](https://github.com/dnbexperience/eufemia/issues/3335)) ([e1a9859](https://github.com/dnbexperience/eufemia/commit/e1a98590a9278f9f7e7956f3865f315208a88de9))
+* **ProgressIndicator:** align label spacing when size is `small` and use span instead of divs to support inline elements ([#3344](https://github.com/dnbexperience/eufemia/issues/3344)) ([196bc7f](https://github.com/dnbexperience/eufemia/commit/196bc7fae184c5a9177a38893556bbd23b2c3b48))
+
+
+### :sparkles: Features
+
+* **Button, Theme:** style on dark background ([#3339](https://github.com/dnbexperience/eufemia/issues/3339)) ([29e6549](https://github.com/dnbexperience/eufemia/commit/29e654922cb0faeed384ae363ef33b5031370d17))
+* **debounceAsync:** add async debounce function support ([#3343](https://github.com/dnbexperience/eufemia/issues/3343)) ([9759275](https://github.com/dnbexperience/eufemia/commit/9759275aab427876a2ecaf3d362254febb6f64cc))
+* **Table:** accordion multiple rows and Sbanken styling ([#3289](https://github.com/dnbexperience/eufemia/issues/3289)) ([e7b7c5f](https://github.com/dnbexperience/eufemia/commit/e7b7c5fcc1d527c5d343ce5590c9afc838326d5f))
+* **TypeScript:** upgrade internal TypeScript version with a few alignments ([#3350](https://github.com/dnbexperience/eufemia/issues/3350)) ([047f81a](https://github.com/dnbexperience/eufemia/commit/047f81a7e0d33c3d5ad6b84a5aa1b9b3054e0937))
+
 ## [10.21.0](https://github.com/dnbexperience/eufemia/compare/v10.20.0...v10.21.0) (2024-02-21)
 
 

package/cjs/components/accordion/Accordion.js

@@ -153,7 +153,7 @@ function Accordion(_ref) {
     let expandedState = expanded;
     const extendedProps = (0, _componentHelper.extendPropsWithContext)(props, _defaultProps.accordionDefaultProps, context, nestedContext, {
       skeleton: globalContext === null || globalContext === void 0 ? void 0 : globalContext.skeleton
-    }, globalContext.Accordion, globalContext.translation.Accordion);
+    }, globalContext.Accordion, globalContext.translation['Accordion']);
     if (expandedState === undefined && globalContext.Accordion) {
       if (globalContext.Accordion.expanded) {
         expandedState = extendedProps.expanded;

package/cjs/components/accordion/Accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_componentHelper","_SpacingHelper","_AccordionGroup","_AccordionHeader2","_AccordionContent","_AccordionContext","_AccordionProviderContext","_Context","_AccordionStore","_defaultProps","_AccordionHeader","_excluded","_excluded2","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","Accordion","_ref","variant","icon_size","restOfProps","props","context","useContext","AccordionProviderContext","group","id","useRef","makeUniqueId","current","store","Store","previousExpanded","setPreviousExpanded","useState","expanded","setExpanded","getInitialExpandedState","thisInstance","_id","handleDisabledClick","callOnChange","callOnChangeHandler","close","setExpandedState","state","useEffect","window","AccordionStore","addInstance","onInit","_window","_window$__dnbAccordio","removeInstance","flush_remembered_state","flush","expanded_id","expanded_ssr","remember_state","storedExpanded","getState","changeOpened","saveState","e","preventDefault","_len","params","Array","_key","onChange","_window2","_window2$__dnbAccordi","event","dispatchCustomElementEvent","createElement","Consumer","globalContext","nestedContext","expandedState","extendedProps","extendPropsWithContext","accordionDefaultProps","skeleton","translation","className","class","_className","prerender","prevent_rerender","prevent_rerender_conditional","single_container","disabled","no_animation","_expanded_ssr","children","_group","title","description","left_component","icon","icon_position","on_change","on_state_update","contentRef","restOfExtendedProps","mainParams","classnames","createSpacingClasses","onClick","validateDOMAttributes","extendedPropsForContext","accordionContext","Provider","findElementInChildren","cur","type","AccordionHeader","AccordionContent","defaultProps","Group","rememberWarning","expandedId","setExpandedId","instanceIDs","storedData","getData","currentIDs","includes","fallbackId","instance","AccordionGroup","Header","Content","_supportsSpacingProps","_default","exports"],"sources":["../../../../src/components/accordion/Accordion.tsx"],"sourcesContent":["/**\n * Web Accordion Component\n *\n */\n\nimport React, {\n  useContext,\n  useState,\n  useEffect,\n  useRef,\n  HTMLProps,\n} from 'react'\n\nimport classnames from 'classnames'\nimport {\n  makeUniqueId,\n  findElementInChildren,\n  extendPropsWithContext,\n  validateDOMAttributes,\n  dispatchCustomElementEvent,\n} from '../../shared/component-helper'\nimport { createSpacingClasses } from '../space/SpacingHelper'\n\nimport type { ButtonIconPosition } from '../Button'\nimport type { HeadingLevel } from '../Heading'\nimport type { IconIcon, IconSize } from '../Icon'\nimport type { SkeletonShow } from '../Skeleton'\nimport type { SpacingProps } from '../space/types'\n\nimport AccordionGroup from './AccordionGroup'\nimport AccordionHeader from './AccordionHeader'\nimport AccordionContent from './AccordionContent'\nimport AccordionContext from './AccordionContext'\nimport AccordionProviderContext from './AccordionProviderContext'\nimport Context from '../../shared/Context'\n\nimport { AccordionStore, Store, rememberWarning } from './AccordionStore'\nimport { accordionDefaultProps } from './defaultProps'\n\nexport type AccordionVariant = 'plain' | 'default' | 'outlined' | 'filled'\n\nexport type AccordionHeading = boolean | React.ReactNode\n\nexport type AccordionIcon =\n  | IconIcon\n  | {\n      closed?: React.ReactNode | ((...args: any[]) => any)\n      /**\n       * If set to `true` the accordion will be expanded as its initial state.\n       */\n      expanded?: React.ReactNode | ((...args: any[]) => any)\n    }\n\nexport type AccordionAttributes = string | Record<string, unknown>\n\nexport type AccordionIconPosition = ButtonIconPosition\n\nexport type AccordionProps = Omit<React.HTMLProps<HTMLElement>, 'ref'> &\n  SpacingProps & {\n    /**\n     * A title as a string or React element. It will be used as the button text.\n     */\n    title?: React.ReactNode\n    description?: React.ReactNode\n    /**\n     * If set to `true` the accordion will be expanded as its initial state.\n     */\n    expanded?: boolean\n    /**\n     * If set to `true`, the open and close animation will be omitted.\n     */\n    no_animation?: boolean\n    /**\n     * If set to `true` the accordion will be expanded during SSR. Can be potentially useful for SEO, although it will disturb client hydration, where React expects the same state. But that&#39;s mainly a technical aspect to consider.\n     */\n    expanded_ssr?: boolean\n    /**\n     */\n    prerender?: boolean\n    /**\n     * If set to `true` the accordion component will not re-render its content – can be useful for widgets you don&#39;t have control of storing the temporary state during an interaction.\n     */\n    prevent_rerender?: boolean\n    /**\n     * Use this prop together with `prevent_rerender` – and if it is to `true`, the accordion component will re-render if the children are a new React element and does not match the previous one anymore.\n     */\n    prevent_rerender_conditional?: boolean\n    /**\n     * If set to `true`, it will remember a changed state initiated by the user. It requires a unique `id`. It will store the sate in the local storage.\n     */\n    remember_state?: boolean\n    /**\n     * Send along a custom React Ref for `.dnb-accordion__content`.\n     */\n    contentRef?: React.MutableRefObject<unknown>\n    /**\n     * If set to `true`, the saved (remembered) will be removed and the initial component state will be used and set.\n     */\n    flush_remembered_state?: boolean\n    /**\n     * If set to `true`, a group of accordions will be wrapped to sidebar looking menu for medium and larger screens.\n     */\n    single_container?: boolean\n    /**\n     * Defines the used styling. As of now, only `outlined` is available. Use `plain` for no styles. It defaults to `outlined`.\n     */\n    variant?: AccordionVariant\n    /**\n     * Will add a React element on the left side of the `title`, inside `AccordionHeaderContainer`.\n     */\n    left_component?: React.ReactNode\n    /**\n     * If set to `true`, the accordion button will be disabled (dimmed).\n     */\n    disabled?: boolean\n    /**\n     * If set to `true`, an overlaying skeleton with animation will be shown.\n     */\n    skeleton?: SkeletonShow\n    /**\n     * A unique `id` that will be used on the button element. If you use `remember_state`, an id is required.\n     */\n    id?: string\n    group?: string\n    /**\n     * Gives you the option to replace the used `button` element. Provide a React element, including a string (HTML element). Defaults to a `div` with all the needed accessibility features included.\n     */\n    element?: React.ReactNode\n    /**\n     * If set to `true`, level 2 (h2) will be used. You can provide your own HTML heading (`h3`), or provide a `heading_level` property.\n     */\n    heading?: AccordionHeading\n    /**\n     * If `heading` is set to `true`, you can provide a numeric value to define a different heading level. Defaults to `2`.\n     */\n    heading_level?: HeadingLevel\n    /**\n     * Will replace the `chevron` icon. The icon will still rotate (by CSS). You can use an object to use two different icons, one for the closed state and one for the expanded state `{ closed, expanded }`.\n     */\n    icon?: AccordionIcon\n    /**\n     * Will set the placement of the icon. Defaults to `left`.\n     */\n    icon_position?: AccordionIconPosition\n    /**\n     * Define a different icon size. Defaults to `medium` (1.5rem).\n     */\n    icon_size?: IconSize\n    attributes?: AccordionAttributes\n    class?: string\n    className?: string\n    children?: React.ReactNode\n    /**\n     * Will be called by user click interaction. Returns an object with a boolean state `expanded` inside `{ expanded, id, event, ...event }`.\n     */\n    on_change?: (...args: any[]) => any\n    on_state_update?: (...args: any[]) => any\n  }\n\nfunction Accordion({\n  variant = 'outlined',\n  icon_size = 'medium',\n  ...restOfProps\n}: AccordionProps) {\n  const props = { variant, icon_size, ...restOfProps }\n\n  const context = useContext(AccordionProviderContext)\n\n  const group = props.group || context?.group\n  const id = useRef(props.id || makeUniqueId()).current\n\n  const store = new Store({ id: props.id, group })\n\n  // States ordered last here to make sure that the getInitialExpandedState have access to the store\n  const [previousExpanded, setPreviousExpanded] = useState(props.expanded)\n  const [expanded, setExpanded] = useState<boolean>(\n    getInitialExpandedState()\n  )\n\n  // replacement for getDerivedStateFromProps\n  if (props.expanded !== previousExpanded) {\n    setExpanded(props.expanded !== undefined ? props.expanded : false)\n    setPreviousExpanded(props.expanded)\n  }\n\n  const thisInstance = {\n    _id: id,\n    context,\n    handleDisabledClick,\n    callOnChange,\n    callOnChangeHandler,\n    close,\n    setExpandedState,\n    state: { expanded, group },\n    props,\n    store,\n  }\n\n  // Constructor\n  useEffect(() => {\n    if (group && typeof window !== 'undefined') {\n      window['__dnbAccordion'] = window['__dnbAccordion'] || {}\n      window['__dnbAccordion'][group] =\n        window['__dnbAccordion'][group] || new AccordionStore(group)\n\n      window['__dnbAccordion'][group].addInstance(thisInstance)\n    }\n\n    if (context && typeof context?.onInit === 'function') {\n      context.onInit(thisInstance)\n    }\n\n    return () => {\n      if (group && typeof window !== 'undefined') {\n        window?.['__dnbAccordion'][group]?.removeInstance(thisInstance)\n      }\n    }\n  }, [])\n\n  // componentDidUpdate\n  useEffect(() => {\n    if (context.flush_remembered_state) {\n      store.flush()\n      setExpanded(props.expanded)\n    }\n\n    if (context?.expanded_id && context.expanded_id === props.id) {\n      setExpanded(true)\n    }\n  }, [context.flush_remembered_state, context.expanded_id])\n\n  // Gets the initial expanded sate, to prevent the opening and closing of Accordion\n  // That happens when if we put this logic in a useEffect that runs after the initial expanded state is set\n  // Since useEffect runs after every render\n  function getInitialExpandedState() {\n    if (props.expanded_ssr || context?.expanded_ssr) {\n      return typeof window === 'undefined'\n    }\n\n    if (props.remember_state || context.remember_state) {\n      const storedExpanded = store.getState()\n\n      if (props.expanded && storedExpanded === false) {\n        return false\n      }\n\n      if (storedExpanded) {\n        return true\n      }\n    }\n\n    return props.expanded !== undefined\n      ? props.expanded\n      : context?.expanded !== undefined\n      ? context.expanded\n      : false\n  }\n\n  function setExpandedState(expanded: boolean) {\n    setExpanded(expanded)\n  }\n\n  function close() {\n    changeOpened(false)\n  }\n\n  function changeOpened(expanded: boolean) {\n    setExpanded(expanded)\n\n    // check if a event exists, because, then it's a user click\n    if (props.remember_state || context.remember_state) {\n      store.saveState(expanded)\n    }\n  }\n\n  function handleDisabledClick(e: React.MouseEvent<HTMLElement>) {\n    e.preventDefault()\n    return false\n  }\n\n  function callOnChangeHandler(...params: any[]) {\n    callOnChange(...params)\n    if (context?.onChange) {\n      context?.onChange(...params)\n    }\n    if (group && typeof window !== 'undefined') {\n      window?.['__dnbAccordion'][group]?.onChange(...params)\n    }\n  }\n\n  function callOnChange(...params: any[]) {\n    const { expanded, event } = params[0]\n\n    changeOpened(expanded)\n\n    dispatchCustomElementEvent(thisInstance, 'on_change', {\n      expanded,\n      event,\n    })\n  }\n\n  return (\n    <Context.Consumer>\n      {(globalContext) => (\n        <AccordionContext.Consumer>\n          {(nestedContext) => {\n            // use only the props from context, who are available here anyway\n            let expandedState = expanded\n\n            const extendedProps = extendPropsWithContext(\n              props,\n              accordionDefaultProps,\n              context, // group context\n              nestedContext as Record<string, unknown>, // internal context\n              { skeleton: globalContext?.skeleton },\n              globalContext.Accordion, // global context\n              globalContext.translation.Accordion\n            )\n\n            if (expandedState === undefined && globalContext.Accordion) {\n              if (globalContext.Accordion.expanded) {\n                expandedState = extendedProps.expanded\n              }\n            }\n\n            const {\n              variant,\n              className,\n              class: _className,\n              prerender,\n              prevent_rerender,\n              prevent_rerender_conditional,\n              single_container,\n              remember_state,\n              disabled,\n              skeleton,\n              no_animation,\n              expanded_ssr: _expanded_ssr, // eslint-disable-line\n              children,\n\n              id: _id, // eslint-disable-line\n              group: _group, // eslint-disable-line\n              // expanded: _expanded, // eslint-disable-line\n\n              title, // eslint-disable-line\n              description, // eslint-disable-line\n              left_component, // eslint-disable-line\n              icon, // eslint-disable-line\n              icon_position, // eslint-disable-line\n              icon_size, // eslint-disable-line\n              on_change, // eslint-disable-line\n              on_state_update, // eslint-disable-line\n\n              contentRef, // eslint-disable-line\n\n              ...restOfExtendedProps\n            } = extendedProps\n\n            const mainParams = {\n              id,\n              className: classnames(\n                'dnb-accordion',\n                expandedState && 'dnb-accordion--expanded',\n                variant && `dnb-accordion__variant--${variant}`,\n                prerender && 'dnb-accordion--prerender',\n                createSpacingClasses(extendedProps),\n                className,\n                _className\n              ),\n            } as HTMLProps<HTMLDivElement>\n\n            if (disabled) {\n              mainParams.onClick = handleDisabledClick\n            }\n\n            // to remove spacing props\n            validateDOMAttributes(props, restOfExtendedProps)\n\n            const extendedPropsForContext = extendPropsWithContext(\n              props,\n              accordionDefaultProps,\n              { expanded, group },\n              context\n            )\n\n            const accordionContext = {\n              ...extendedPropsForContext,\n              id,\n              expanded: expandedState,\n              prerender: prerender,\n              prevent_rerender: prevent_rerender,\n              prevent_rerender_conditional: prevent_rerender_conditional,\n              single_container: single_container,\n              remember_state: remember_state,\n              disabled: disabled,\n              skeleton: skeleton,\n              no_animation: no_animation,\n              callOnChange: callOnChangeHandler,\n            }\n\n            return (\n              <AccordionContext.Provider value={accordionContext}>\n                <div {...mainParams}>\n                  {findElementInChildren(\n                    children,\n                    (cur) => cur.type === AccordionHeader\n                  ) ? null : (\n                    <AccordionHeader />\n                  )}\n                  {findElementInChildren(\n                    children,\n                    (cur) => cur.type === AccordionContent\n                  ) ? (\n                    children\n                  ) : (\n                    <AccordionContent>{children}</AccordionContent>\n                  )}\n                </div>\n              </AccordionContext.Provider>\n            )\n          }}\n        </AccordionContext.Consumer>\n      )}\n    </Context.Consumer>\n  )\n}\n// TEMPORARY SOLUTION (defaultProps will be deprecated at one point). Needs to replacement with default prop parameters for example \"({expanded: null})\"\n// Only solved this way to prevent tests from failing, for when expanded is undefined instead of null\nAccordion.defaultProps = accordionDefaultProps\n\nexport type GroupProps = AccordionProps & {\n  allow_close_all?: boolean\n  expanded_id?: string\n}\n\nconst Group = (props: GroupProps) => {\n  if (props.remember_state && !props.id) {\n    rememberWarning('accordion group')\n  }\n\n  const [expandedId, setExpandedId] = useState<string | null>(null)\n\n  const instanceIDs = useRef<string[]>([])\n\n  const group = props?.id\n    ? props.id\n    : !props.group\n    ? '#' + makeUniqueId()\n    : undefined\n\n  const store = new Store({ group })\n\n  // Set stored expanded_id on mount\n  useEffect(() => {\n    const storedData = store.getData()\n    const currentIDs = instanceIDs?.current\n\n    if (!storedData?.id) {\n      return\n    }\n\n    if (currentIDs.includes(storedData?.id)) {\n      return\n    }\n\n    // 1. get the fallback id\n    const fallbackId = currentIDs[0]\n\n    if (!fallbackId) {\n      return\n    }\n\n    // 2. set the fallback ids\n    setExpandedId(fallbackId)\n  }, [])\n\n  // Store and reset fallback id\n  useEffect(() => {\n    if (!expandedId) {\n      return\n    }\n\n    // 3. save the fallback id\n    store.saveState(true, expandedId)\n\n    // 4. and reset the fallback id\n    setExpandedId(null)\n  }, [expandedId])\n\n  function onInit(instance) {\n    if (\n      instance.props.id &&\n      !instanceIDs.current.includes(instance.props.id)\n    ) {\n      instanceIDs.current.push(instance.props.id)\n    }\n  }\n\n  return (\n    <AccordionGroup\n      onInit={onInit}\n      {...props}\n      group={group}\n      expanded_id={expandedId || props.expanded_id}\n    />\n  )\n}\n\nAccordion.Provider = AccordionGroup\nAccordion.Header = AccordionHeader\nAccordion.Content = AccordionContent\n\nAccordion.Group = Group\n\nGroup.Store = (group: string, id: string = null) => {\n  return new Store({ group, id })\n}\n\nAccordion.Store = (id: string) => {\n  return new Store({ id })\n}\n\nAccordion._supportsSpacingProps = true\n\nexport default Accordion\n"],"mappings":";;;;;;;AAKA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAQA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,gBAAA,GAAAH,OAAA;AAOA,IAAAI,cAAA,GAAAJ,OAAA;AAQA,IAAAK,eAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,iBAAA,GAAAJ,sBAAA,CAAAF,OAAA;AACA,IAAAO,iBAAA,GAAAL,sBAAA,CAAAF,OAAA;AACA,IAAAQ,iBAAA,GAAAN,sBAAA,CAAAF,OAAA;AACA,IAAAS,yBAAA,GAAAP,sBAAA,CAAAF,OAAA;AACA,IAAAU,QAAA,GAAAR,sBAAA,CAAAF,OAAA;AAEA,IAAAW,eAAA,GAAAX,OAAA;AACA,IAAAY,aAAA,GAAAZ,OAAA;AAAsD,IAAAa,gBAAA;AAAA,MAAAC,SAAA;EAAAC,UAAA;AAAA,SAAAb,uBAAAc,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAArB,wBAAAiB,GAAA,EAAAI,WAAA,SAAAA,WAAA,IAAAJ,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAQ,KAAA,GAAAL,wBAAA,CAAAC,WAAA,OAAAI,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAT,GAAA,YAAAQ,KAAA,CAAAE,GAAA,CAAAV,GAAA,SAAAW,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAhB,GAAA,QAAAgB,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAnB,GAAA,EAAAgB,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAf,GAAA,EAAAgB,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAhB,GAAA,CAAAgB,GAAA,SAAAL,MAAA,CAAAT,OAAA,GAAAF,GAAA,MAAAQ,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAArB,GAAA,EAAAW,MAAA,YAAAA,MAAA;AAAA,SAAAW,SAAA,IAAAA,QAAA,GAAAT,MAAA,CAAAU,MAAA,GAAAV,MAAA,CAAAU,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAV,GAAA,IAAAa,MAAA,QAAAhB,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAU,MAAA,EAAAb,GAAA,KAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,gBAAAS,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAH,SAAA;AAAA,SAAAI,QAAAC,MAAA,EAAAC,cAAA,QAAAC,IAAA,GAAArB,MAAA,CAAAqB,IAAA,CAAAF,MAAA,OAAAnB,MAAA,CAAAsB,qBAAA,QAAAC,OAAA,GAAAvB,MAAA,CAAAsB,qBAAA,CAAAH,MAAA,GAAAC,cAAA,KAAAG,OAAA,GAAAA,OAAA,CAAAC,MAAA,WAAAC,GAAA,WAAAzB,MAAA,CAAAE,wBAAA,CAAAiB,MAAA,EAAAM,GAAA,EAAAC,UAAA,OAAAL,IAAA,CAAAM,IAAA,CAAAV,KAAA,CAAAI,IAAA,EAAAE,OAAA,YAAAF,IAAA;AAAA,SAAAO,cAAAhB,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,WAAAF,SAAA,CAAAD,CAAA,IAAAC,SAAA,CAAAD,CAAA,QAAAA,CAAA,OAAAK,OAAA,CAAAlB,MAAA,CAAAgB,MAAA,OAAAa,OAAA,WAAA1B,GAAA,IAAA2B,eAAA,CAAAlB,MAAA,EAAAT,GAAA,EAAAa,MAAA,CAAAb,GAAA,SAAAH,MAAA,CAAA+B,yBAAA,GAAA/B,MAAA,CAAAgC,gBAAA,CAAApB,MAAA,EAAAZ,MAAA,CAAA+B,yBAAA,CAAAf,MAAA,KAAAE,OAAA,CAAAlB,MAAA,CAAAgB,MAAA,GAAAa,OAAA,WAAA1B,GAAA,IAAAH,MAAA,CAAAC,cAAA,CAAAW,MAAA,EAAAT,GAAA,EAAAH,MAAA,CAAAE,wBAAA,CAAAc,MAAA,EAAAb,GAAA,iBAAAS,MAAA;AAAA,SAAAkB,gBAAA3C,GAAA,EAAAgB,GAAA,EAAA8B,KAAA,IAAA9B,GAAA,GAAA+B,cAAA,CAAA/B,GAAA,OAAAA,GAAA,IAAAhB,GAAA,IAAAa,MAAA,CAAAC,cAAA,CAAAd,GAAA,EAAAgB,GAAA,IAAA8B,KAAA,EAAAA,KAAA,EAAAP,UAAA,QAAAS,YAAA,QAAAC,QAAA,oBAAAjD,GAAA,CAAAgB,GAAA,IAAA8B,KAAA,WAAA9C,GAAA;AAAA,SAAA+C,eAAAG,GAAA,QAAAlC,GAAA,GAAAmC,YAAA,CAAAD,GAAA,2BAAAlC,GAAA,gBAAAA,GAAA,GAAAoC,MAAA,CAAApC,GAAA;AAAA,SAAAmC,aAAAE,KAAA,EAAAC,IAAA,eAAAD,KAAA,iBAAAA,KAAA,kBAAAA,KAAA,MAAAE,IAAA,GAAAF,KAAA,CAAAG,MAAA,CAAAC,WAAA,OAAAF,IAAA,KAAAG,SAAA,QAAAC,GAAA,GAAAJ,IAAA,CAAApC,IAAA,CAAAkC,KAAA,EAAAC,IAAA,2BAAAK,GAAA,sBAAAA,GAAA,YAAAC,SAAA,4DAAAN,IAAA,gBAAAF,MAAA,GAAAS,MAAA,EAAAR,KAAA;AAAA,SAAAS,yBAAAjC,MAAA,EAAAkC,QAAA,QAAAlC,MAAA,yBAAAJ,MAAA,GAAAuC,6BAAA,CAAAnC,MAAA,EAAAkC,QAAA,OAAA/C,GAAA,EAAAU,CAAA,MAAAb,MAAA,CAAAsB,qBAAA,QAAA8B,gBAAA,GAAApD,MAAA,CAAAsB,qBAAA,CAAAN,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAAuC,gBAAA,CAAArC,MAAA,EAAAF,CAAA,MAAAV,GAAA,GAAAiD,gBAAA,CAAAvC,CAAA,OAAAqC,QAAA,CAAAG,OAAA,CAAAlD,GAAA,uBAAAH,MAAA,CAAAI,SAAA,CAAAkD,oBAAA,CAAAhD,IAAA,CAAAU,MAAA,EAAAb,GAAA,aAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,cAAAS,MAAA;AAAA,SAAAuC,8BAAAnC,MAAA,EAAAkC,QAAA,QAAAlC,MAAA,yBAAAJ,MAAA,WAAA2C,UAAA,GAAAvD,MAAA,CAAAqB,IAAA,CAAAL,MAAA,OAAAb,GAAA,EAAAU,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAA0C,UAAA,CAAAxC,MAAA,EAAAF,CAAA,MAAAV,GAAA,GAAAoD,UAAA,CAAA1C,CAAA,OAAAqC,QAAA,CAAAG,OAAA,CAAAlD,GAAA,kBAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,YAAAS,MAAA;AA0HtD,SAAS4C,SAASA,CAAAC,IAAA,EAIC;EAAA,IAJA;MACjBC,OAAO,GAAG,UAAU;MACpBC,SAAS,GAAG;IAEE,CAAC,GAAAF,IAAA;IADZG,WAAW,GAAAX,wBAAA,CAAAQ,IAAA,EAAAxE,SAAA;EAEd,MAAM4E,KAAK,GAAAjC,aAAA;IAAK8B,OAAO;IAAEC;EAAS,GAAKC,WAAW,CAAE;EAEpD,MAAME,OAAO,GAAG,IAAAC,iBAAU,EAACC,iCAAwB,CAAC;EAEpD,MAAMC,KAAK,GAAGJ,KAAK,CAACI,KAAK,KAAIH,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEG,KAAK;EAC3C,MAAMC,EAAE,GAAG,IAAAC,aAAM,EAACN,KAAK,CAACK,EAAE,IAAI,IAAAE,6BAAY,EAAC,CAAC,CAAC,CAACC,OAAO;EAErD,MAAMC,KAAK,GAAG,IAAIC,qBAAK,CAAC;IAAEL,EAAE,EAAEL,KAAK,CAACK,EAAE;IAAED;EAAM,CAAC,CAAC;EAGhD,MAAM,CAACO,gBAAgB,EAAEC,mBAAmB,CAAC,GAAG,IAAAC,eAAQ,EAACb,KAAK,CAACc,QAAQ,CAAC;EACxE,MAAM,CAACA,QAAQ,EAAEC,WAAW,CAAC,GAAG,IAAAF,eAAQ,EACtCG,uBAAuB,CAAC,CAC1B,CAAC;EAGD,IAAIhB,KAAK,CAACc,QAAQ,KAAKH,gBAAgB,EAAE;IACvCI,WAAW,CAACf,KAAK,CAACc,QAAQ,KAAK9B,SAAS,GAAGgB,KAAK,CAACc,QAAQ,GAAG,KAAK,CAAC;IAClEF,mBAAmB,CAACZ,KAAK,CAACc,QAAQ,CAAC;EACrC;EAEA,MAAMG,YAAY,GAAG;IACnBC,GAAG,EAAEb,EAAE;IACPJ,OAAO;IACPkB,mBAAmB;IACnBC,YAAY;IACZC,mBAAmB;IACnBC,KAAK;IACLC,gBAAgB;IAChBC,KAAK,EAAE;MAAEV,QAAQ;MAAEV;IAAM,CAAC;IAC1BJ,KAAK;IACLS;EACF,CAAC;EAGD,IAAAgB,gBAAS,EAAC,MAAM;IACd,IAAIrB,KAAK,IAAI,OAAOsB,MAAM,KAAK,WAAW,EAAE;MAC1CA,MAAM,CAAC,gBAAgB,CAAC,GAAGA,MAAM,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC;MACzDA,MAAM,CAAC,gBAAgB,CAAC,CAACtB,KAAK,CAAC,GAC7BsB,MAAM,CAAC,gBAAgB,CAAC,CAACtB,KAAK,CAAC,IAAI,IAAIuB,8BAAc,CAACvB,KAAK,CAAC;MAE9DsB,MAAM,CAAC,gBAAgB,CAAC,CAACtB,KAAK,CAAC,CAACwB,WAAW,CAACX,YAAY,CAAC;IAC3D;IAEA,IAAIhB,OAAO,IAAI,QAAOA,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAE4B,MAAM,MAAK,UAAU,EAAE;MACpD5B,OAAO,CAAC4B,MAAM,CAACZ,YAAY,CAAC;IAC9B;IAEA,OAAO,MAAM;MACX,IAAIb,KAAK,IAAI,OAAOsB,MAAM,KAAK,WAAW,EAAE;QAAA,IAAAI,OAAA,EAAAC,qBAAA;QAC1C,CAAAD,OAAA,GAAAJ,MAAM,cAAAI,OAAA,wBAAAC,qBAAA,GAAND,OAAA,CAAS,gBAAgB,CAAC,CAAC1B,KAAK,CAAC,cAAA2B,qBAAA,uBAAjCA,qBAAA,CAAmCC,cAAc,CAACf,YAAY,CAAC;MACjE;IACF,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAGN,IAAAQ,gBAAS,EAAC,MAAM;IACd,IAAIxB,OAAO,CAACgC,sBAAsB,EAAE;MAClCxB,KAAK,CAACyB,KAAK,CAAC,CAAC;MACbnB,WAAW,CAACf,KAAK,CAACc,QAAQ,CAAC;IAC7B;IAEA,IAAIb,OAAO,aAAPA,OAAO,eAAPA,OAAO,CAAEkC,WAAW,IAAIlC,OAAO,CAACkC,WAAW,KAAKnC,KAAK,CAACK,EAAE,EAAE;MAC5DU,WAAW,CAAC,IAAI,CAAC;IACnB;EACF,CAAC,EAAE,CAACd,OAAO,CAACgC,sBAAsB,EAAEhC,OAAO,CAACkC,WAAW,CAAC,CAAC;EAKzD,SAASnB,uBAAuBA,CAAA,EAAG;IACjC,IAAIhB,KAAK,CAACoC,YAAY,IAAInC,OAAO,aAAPA,OAAO,eAAPA,OAAO,CAAEmC,YAAY,EAAE;MAC/C,OAAO,OAAOV,MAAM,KAAK,WAAW;IACtC;IAEA,IAAI1B,KAAK,CAACqC,cAAc,IAAIpC,OAAO,CAACoC,cAAc,EAAE;MAClD,MAAMC,cAAc,GAAG7B,KAAK,CAAC8B,QAAQ,CAAC,CAAC;MAEvC,IAAIvC,KAAK,CAACc,QAAQ,IAAIwB,cAAc,KAAK,KAAK,EAAE;QAC9C,OAAO,KAAK;MACd;MAEA,IAAIA,cAAc,EAAE;QAClB,OAAO,IAAI;MACb;IACF;IAEA,OAAOtC,KAAK,CAACc,QAAQ,KAAK9B,SAAS,GAC/BgB,KAAK,CAACc,QAAQ,GACd,CAAAb,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEa,QAAQ,MAAK9B,SAAS,GAC/BiB,OAAO,CAACa,QAAQ,GAChB,KAAK;EACX;EAEA,SAASS,gBAAgBA,CAACT,QAAiB,EAAE;IAC3CC,WAAW,CAACD,QAAQ,CAAC;EACvB;EAEA,SAASQ,KAAKA,CAAA,EAAG;IACfkB,YAAY,CAAC,KAAK,CAAC;EACrB;EAEA,SAASA,YAAYA,CAAC1B,QAAiB,EAAE;IACvCC,WAAW,CAACD,QAAQ,CAAC;IAGrB,IAAId,KAAK,CAACqC,cAAc,IAAIpC,OAAO,CAACoC,cAAc,EAAE;MAClD5B,KAAK,CAACgC,SAAS,CAAC3B,QAAQ,CAAC;IAC3B;EACF;EAEA,SAASK,mBAAmBA,CAACuB,CAAgC,EAAE;IAC7DA,CAAC,CAACC,cAAc,CAAC,CAAC;IAClB,OAAO,KAAK;EACd;EAEA,SAAStB,mBAAmBA,CAAA,EAAmB;IAAA,SAAAuB,IAAA,GAAA3F,SAAA,CAAAC,MAAA,EAAf2F,MAAM,OAAAC,KAAA,CAAAF,IAAA,GAAAG,IAAA,MAAAA,IAAA,GAAAH,IAAA,EAAAG,IAAA;MAANF,MAAM,CAAAE,IAAA,IAAA9F,SAAA,CAAA8F,IAAA;IAAA;IACpC3B,YAAY,CAAC,GAAGyB,MAAM,CAAC;IACvB,IAAI5C,OAAO,aAAPA,OAAO,eAAPA,OAAO,CAAE+C,QAAQ,EAAE;MACrB/C,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAE+C,QAAQ,CAAC,GAAGH,MAAM,CAAC;IAC9B;IACA,IAAIzC,KAAK,IAAI,OAAOsB,MAAM,KAAK,WAAW,EAAE;MAAA,IAAAuB,QAAA,EAAAC,qBAAA;MAC1C,CAAAD,QAAA,GAAAvB,MAAM,cAAAuB,QAAA,wBAAAC,qBAAA,GAAND,QAAA,CAAS,gBAAgB,CAAC,CAAC7C,KAAK,CAAC,cAAA8C,qBAAA,uBAAjCA,qBAAA,CAAmCF,QAAQ,CAAC,GAAGH,MAAM,CAAC;IACxD;EACF;EAEA,SAASzB,YAAYA,CAAA,EAAmB;IACtC,MAAM;MAAEN,QAAQ;MAAEqC;IAAM,CAAC,GAAAlG,SAAA,CAAAC,MAAA,QAAA8B,SAAA,GAAA/B,SAAA,GAAY;IAErCuF,YAAY,CAAC1B,QAAQ,CAAC;IAEtB,IAAAsC,2CAA0B,EAACnC,YAAY,EAAE,WAAW,EAAE;MACpDH,QAAQ;MACRqC;IACF,CAAC,CAAC;EACJ;EAEA,OACE/I,MAAA,CAAAoB,OAAA,CAAA6H,aAAA,CAACrI,QAAA,CAAAQ,OAAO,CAAC8H,QAAQ,QACbC,aAAa,IACbnJ,MAAA,CAAAoB,OAAA,CAAA6H,aAAA,CAACvI,iBAAA,CAAAU,OAAgB,CAAC8H,QAAQ,QACtBE,aAAa,IAAK;IAElB,IAAIC,aAAa,GAAG3C,QAAQ;IAE5B,MAAM4C,aAAa,GAAG,IAAAC,uCAAsB,EAC1C3D,KAAK,EACL4D,mCAAqB,EACrB3D,OAAO,EACPuD,aAAa,EACb;MAAEK,QAAQ,EAAEN,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEM;IAAS,CAAC,EACrCN,aAAa,CAAC5D,SAAS,EACvB4D,aAAa,CAACO,WAAW,CAACnE,SAC5B,CAAC;IAED,IAAI8D,aAAa,KAAKzE,SAAS,IAAIuE,aAAa,CAAC5D,SAAS,EAAE;MAC1D,IAAI4D,aAAa,CAAC5D,SAAS,CAACmB,QAAQ,EAAE;QACpC2C,aAAa,GAAGC,aAAa,CAAC5C,QAAQ;MACxC;IACF;IAEA,MAAM;QACJjB,OAAO;QACPkE,SAAS;QACTC,KAAK,EAAEC,UAAU;QACjBC,SAAS;QACTC,gBAAgB;QAChBC,4BAA4B;QAC5BC,gBAAgB;QAChBhC,cAAc;QACdiC,QAAQ;QACRT,QAAQ;QACRU,YAAY;QACZnC,YAAY,EAAEoC,aAAa;QAC3BC,QAAQ;QAERpE,EAAE,EAAEa,GAAG;QACPd,KAAK,EAAEsE,MAAM;QAGbC,KAAK;QACLC,WAAW;QACXC,cAAc;QACdC,IAAI;QACJC,aAAa;QACbjF,SAAS;QACTkF,SAAS;QACTC,eAAe;QAEfC;MAGF,CAAC,GAAGxB,aAAa;MADZyB,mBAAmB,GAAA/F,wBAAA,CACpBsE,aAAa,EAAArI,UAAA;IAEjB,MAAM+J,UAAU,GAAG;MACjB/E,EAAE;MACF0D,SAAS,EAAE,IAAAsB,mBAAU,EACnB,eAAe,EAIf,IAAAC,mCAAoB,EAAC5B,aAAa,CAAC,EACnCK,SAAS,EACTE,UAAU,EALVR,aAAa,IAAI,yBAAyB,EAC1C5D,OAAO,IAAK,2BAA0BA,OAAQ,EAAC,EAC/CqE,SAAS,IAAI,0BAIf;IACF,CAA8B;IAE9B,IAAII,QAAQ,EAAE;MACZc,UAAU,CAACG,OAAO,GAAGpE,mBAAmB;IAC1C;IAGA,IAAAqE,sCAAqB,EAACxF,KAAK,EAAEmF,mBAAmB,CAAC;IAEjD,MAAMM,uBAAuB,GAAG,IAAA9B,uCAAsB,EACpD3D,KAAK,EACL4D,mCAAqB,EACrB;MAAE9C,QAAQ;MAAEV;IAAM,CAAC,EACnBH,OACF,CAAC;IAED,MAAMyF,gBAAgB,GAAA3H,aAAA,CAAAA,aAAA,KACjB0H,uBAAuB;MAC1BpF,EAAE;MACFS,QAAQ,EAAE2C,aAAa;MACvBS,SAAS,EAAEA,SAAS;MACpBC,gBAAgB,EAAEA,gBAAgB;MAClCC,4BAA4B,EAAEA,4BAA4B;MAC1DC,gBAAgB,EAAEA,gBAAgB;MAClChC,cAAc,EAAEA,cAAc;MAC9BiC,QAAQ,EAAEA,QAAQ;MAClBT,QAAQ,EAAEA,QAAQ;MAClBU,YAAY,EAAEA,YAAY;MAC1BnD,YAAY,EAAEC;IAAmB,EAClC;IAED,OACEjH,MAAA,CAAAoB,OAAA,CAAA6H,aAAA,CAACvI,iBAAA,CAAAU,OAAgB,CAACmK,QAAQ;MAACvH,KAAK,EAAEsH;IAAiB,GACjDtL,MAAA,CAAAoB,OAAA,CAAA6H,aAAA,QAAS+B,UAAU,EAChB,IAAAQ,sCAAqB,EACpBnB,QAAQ,EACPoB,GAAG,IAAKA,GAAG,CAACC,IAAI,KAAKC,yBACxB,CAAC,GAAG,IAAI,GAAA5K,gBAAA,KAAAA,gBAAA,GACNf,MAAA,CAAAoB,OAAA,CAAA6H,aAAA,CAACzI,iBAAA,CAAAY,OAAe,MAAE,CAAC,CACpB,EACA,IAAAoK,sCAAqB,EACpBnB,QAAQ,EACPoB,GAAG,IAAKA,GAAG,CAACC,IAAI,KAAKE,yBACxB,CAAC,GACCvB,QAAQ,GAERrK,MAAA,CAAAoB,OAAA,CAAA6H,aAAA,CAACxI,iBAAA,CAAAW,OAAgB,QAAEiJ,QAA2B,CAE7C,CACoB,CAAC;EAEhC,CACyB,CAEb,CAAC;AAEvB;AAGA9E,SAAS,CAACsG,YAAY,GAAGrC,mCAAqB;AAO9C,MAAMsC,KAAK,GAAIlG,KAAiB,IAAK;EACnC,IAAIA,KAAK,CAACqC,cAAc,IAAI,CAACrC,KAAK,CAACK,EAAE,EAAE;IACrC,IAAA8F,+BAAe,EAAC,iBAAiB,CAAC;EACpC;EAEA,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAG,IAAAxF,eAAQ,EAAgB,IAAI,CAAC;EAEjE,MAAMyF,WAAW,GAAG,IAAAhG,aAAM,EAAW,EAAE,CAAC;EAExC,MAAMF,KAAK,GAAGJ,KAAK,aAALA,KAAK,eAALA,KAAK,CAAEK,EAAE,GACnBL,KAAK,CAACK,EAAE,GACR,CAACL,KAAK,CAACI,KAAK,GACZ,GAAG,GAAG,IAAAG,6BAAY,EAAC,CAAC,GACpBvB,SAAS;EAEb,MAAMyB,KAAK,GAAG,IAAIC,qBAAK,CAAC;IAAEN;EAAM,CAAC,CAAC;EAGlC,IAAAqB,gBAAS,EAAC,MAAM;IACd,MAAM8E,UAAU,GAAG9F,KAAK,CAAC+F,OAAO,CAAC,CAAC;IAClC,MAAMC,UAAU,GAAGH,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAE9F,OAAO;IAEvC,IAAI,EAAC+F,UAAU,aAAVA,UAAU,eAAVA,UAAU,CAAElG,EAAE,GAAE;MACnB;IACF;IAEA,IAAIoG,UAAU,CAACC,QAAQ,CAACH,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAElG,EAAE,CAAC,EAAE;MACvC;IACF;IAGA,MAAMsG,UAAU,GAAGF,UAAU,CAAC,CAAC,CAAC;IAEhC,IAAI,CAACE,UAAU,EAAE;MACf;IACF;IAGAN,aAAa,CAACM,UAAU,CAAC;EAC3B,CAAC,EAAE,EAAE,CAAC;EAGN,IAAAlF,gBAAS,EAAC,MAAM;IACd,IAAI,CAAC2E,UAAU,EAAE;MACf;IACF;IAGA3F,KAAK,CAACgC,SAAS,CAAC,IAAI,EAAE2D,UAAU,CAAC;IAGjCC,aAAa,CAAC,IAAI,CAAC;EACrB,CAAC,EAAE,CAACD,UAAU,CAAC,CAAC;EAEhB,SAASvE,MAAMA,CAAC+E,QAAQ,EAAE;IACxB,IACEA,QAAQ,CAAC5G,KAAK,CAACK,EAAE,IACjB,CAACiG,WAAW,CAAC9F,OAAO,CAACkG,QAAQ,CAACE,QAAQ,CAAC5G,KAAK,CAACK,EAAE,CAAC,EAChD;MACAiG,WAAW,CAAC9F,OAAO,CAAC1C,IAAI,CAAC8I,QAAQ,CAAC5G,KAAK,CAACK,EAAE,CAAC;IAC7C;EACF;EAEA,OACEjG,MAAA,CAAAoB,OAAA,CAAA6H,aAAA,CAAC1I,eAAA,CAAAa,OAAc,EAAAoB,QAAA;IACbiF,MAAM,EAAEA;EAAO,GACX7B,KAAK;IACTI,KAAK,EAAEA,KAAM;IACb+B,WAAW,EAAEiE,UAAU,IAAIpG,KAAK,CAACmC;EAAY,EAC9C,CAAC;AAEN,CAAC;AAEDxC,SAAS,CAACgG,QAAQ,GAAGkB,uBAAc;AACnClH,SAAS,CAACmH,MAAM,GAAGf,yBAAe;AAClCpG,SAAS,CAACoH,OAAO,GAAGf,yBAAgB;AAEpCrG,SAAS,CAACuG,KAAK,GAAGA,KAAK;AAEvBA,KAAK,CAACxF,KAAK,GAAG,UAACN,KAAa,EAAwB;EAAA,IAAtBC,EAAU,GAAApD,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAA+B,SAAA,GAAA/B,SAAA,MAAG,IAAI;EAC7C,OAAO,IAAIyD,qBAAK,CAAC;IAAEN,KAAK;IAAEC;EAAG,CAAC,CAAC;AACjC,CAAC;AAEDV,SAAS,CAACe,KAAK,GAAIL,EAAU,IAAK;EAChC,OAAO,IAAIK,qBAAK,CAAC;IAAEL;EAAG,CAAC,CAAC;AAC1B,CAAC;AAEDV,SAAS,CAACqH,qBAAqB,GAAG,IAAI;AAAA,IAAAC,QAAA,GAEvBtH,SAAS;AAAAuH,OAAA,CAAA1L,OAAA,GAAAyL,QAAA"}
+{"version":3,"file":"Accordion.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_componentHelper","_SpacingHelper","_AccordionGroup","_AccordionHeader2","_AccordionContent","_AccordionContext","_AccordionProviderContext","_Context","_AccordionStore","_defaultProps","_AccordionHeader","_excluded","_excluded2","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","Accordion","_ref","variant","icon_size","restOfProps","props","context","useContext","AccordionProviderContext","group","id","useRef","makeUniqueId","current","store","Store","previousExpanded","setPreviousExpanded","useState","expanded","setExpanded","getInitialExpandedState","thisInstance","_id","handleDisabledClick","callOnChange","callOnChangeHandler","close","setExpandedState","state","useEffect","window","AccordionStore","addInstance","onInit","_window","_window$__dnbAccordio","removeInstance","flush_remembered_state","flush","expanded_id","expanded_ssr","remember_state","storedExpanded","getState","changeOpened","saveState","e","preventDefault","_len","params","Array","_key","onChange","_window2","_window2$__dnbAccordi","event","dispatchCustomElementEvent","createElement","Consumer","globalContext","nestedContext","expandedState","extendedProps","extendPropsWithContext","accordionDefaultProps","skeleton","translation","className","class","_className","prerender","prevent_rerender","prevent_rerender_conditional","single_container","disabled","no_animation","_expanded_ssr","children","_group","title","description","left_component","icon","icon_position","on_change","on_state_update","contentRef","restOfExtendedProps","mainParams","classnames","createSpacingClasses","onClick","validateDOMAttributes","extendedPropsForContext","accordionContext","Provider","findElementInChildren","cur","type","AccordionHeader","AccordionContent","defaultProps","Group","rememberWarning","expandedId","setExpandedId","instanceIDs","storedData","getData","currentIDs","includes","fallbackId","instance","AccordionGroup","Header","Content","_supportsSpacingProps","_default","exports"],"sources":["../../../../src/components/accordion/Accordion.tsx"],"sourcesContent":["/**\n * Web Accordion Component\n *\n */\n\nimport React, {\n  useContext,\n  useState,\n  useEffect,\n  useRef,\n  HTMLProps,\n} from 'react'\n\nimport classnames from 'classnames'\nimport {\n  makeUniqueId,\n  findElementInChildren,\n  extendPropsWithContext,\n  validateDOMAttributes,\n  dispatchCustomElementEvent,\n} from '../../shared/component-helper'\nimport { createSpacingClasses } from '../space/SpacingHelper'\n\nimport type { ButtonIconPosition } from '../Button'\nimport type { HeadingLevel } from '../Heading'\nimport type { IconIcon, IconSize } from '../Icon'\nimport type { SkeletonShow } from '../Skeleton'\nimport type { SpacingProps } from '../space/types'\n\nimport AccordionGroup from './AccordionGroup'\nimport AccordionHeader from './AccordionHeader'\nimport AccordionContent from './AccordionContent'\nimport AccordionContext from './AccordionContext'\nimport AccordionProviderContext from './AccordionProviderContext'\nimport Context from '../../shared/Context'\n\nimport { AccordionStore, Store, rememberWarning } from './AccordionStore'\nimport { accordionDefaultProps } from './defaultProps'\n\nexport type AccordionVariant = 'plain' | 'default' | 'outlined' | 'filled'\n\nexport type AccordionHeading = boolean | React.ReactNode\n\nexport type AccordionIcon =\n  | IconIcon\n  | {\n      closed?: React.ReactNode | ((...args: any[]) => any)\n      /**\n       * If set to `true` the accordion will be expanded as its initial state.\n       */\n      expanded?: React.ReactNode | ((...args: any[]) => any)\n    }\n\nexport type AccordionAttributes = string | Record<string, unknown>\n\nexport type AccordionIconPosition = ButtonIconPosition\n\nexport type AccordionProps = Omit<React.HTMLProps<HTMLElement>, 'ref'> &\n  SpacingProps & {\n    /**\n     * A title as a string or React element. It will be used as the button text.\n     */\n    title?: React.ReactNode\n    description?: React.ReactNode\n    /**\n     * If set to `true` the accordion will be expanded as its initial state.\n     */\n    expanded?: boolean\n    /**\n     * If set to `true`, the open and close animation will be omitted.\n     */\n    no_animation?: boolean\n    /**\n     * If set to `true` the accordion will be expanded during SSR. Can be potentially useful for SEO, although it will disturb client hydration, where React expects the same state. But that&#39;s mainly a technical aspect to consider.\n     */\n    expanded_ssr?: boolean\n    /**\n     */\n    prerender?: boolean\n    /**\n     * If set to `true` the accordion component will not re-render its content – can be useful for widgets you don&#39;t have control of storing the temporary state during an interaction.\n     */\n    prevent_rerender?: boolean\n    /**\n     * Use this prop together with `prevent_rerender` – and if it is to `true`, the accordion component will re-render if the children are a new React element and does not match the previous one anymore.\n     */\n    prevent_rerender_conditional?: boolean\n    /**\n     * If set to `true`, it will remember a changed state initiated by the user. It requires a unique `id`. It will store the sate in the local storage.\n     */\n    remember_state?: boolean\n    /**\n     * Send along a custom React Ref for `.dnb-accordion__content`.\n     */\n    contentRef?: React.MutableRefObject<unknown>\n    /**\n     * If set to `true`, the saved (remembered) will be removed and the initial component state will be used and set.\n     */\n    flush_remembered_state?: boolean\n    /**\n     * If set to `true`, a group of accordions will be wrapped to sidebar looking menu for medium and larger screens.\n     */\n    single_container?: boolean\n    /**\n     * Defines the used styling. As of now, only `outlined` is available. Use `plain` for no styles. It defaults to `outlined`.\n     */\n    variant?: AccordionVariant\n    /**\n     * Will add a React element on the left side of the `title`, inside `AccordionHeaderContainer`.\n     */\n    left_component?: React.ReactNode\n    /**\n     * If set to `true`, the accordion button will be disabled (dimmed).\n     */\n    disabled?: boolean\n    /**\n     * If set to `true`, an overlaying skeleton with animation will be shown.\n     */\n    skeleton?: SkeletonShow\n    /**\n     * A unique `id` that will be used on the button element. If you use `remember_state`, an id is required.\n     */\n    id?: string\n    group?: string\n    /**\n     * Gives you the option to replace the used `button` element. Provide a React element, including a string (HTML element). Defaults to a `div` with all the needed accessibility features included.\n     */\n    element?: React.ReactNode\n    /**\n     * If set to `true`, level 2 (h2) will be used. You can provide your own HTML heading (`h3`), or provide a `heading_level` property.\n     */\n    heading?: AccordionHeading\n    /**\n     * If `heading` is set to `true`, you can provide a numeric value to define a different heading level. Defaults to `2`.\n     */\n    heading_level?: HeadingLevel\n    /**\n     * Will replace the `chevron` icon. The icon will still rotate (by CSS). You can use an object to use two different icons, one for the closed state and one for the expanded state `{ closed, expanded }`.\n     */\n    icon?: AccordionIcon\n    /**\n     * Will set the placement of the icon. Defaults to `left`.\n     */\n    icon_position?: AccordionIconPosition\n    /**\n     * Define a different icon size. Defaults to `medium` (1.5rem).\n     */\n    icon_size?: IconSize\n    attributes?: AccordionAttributes\n    class?: string\n    className?: string\n    children?: React.ReactNode\n    /**\n     * Will be called by user click interaction. Returns an object with a boolean state `expanded` inside `{ expanded, id, event, ...event }`.\n     */\n    on_change?: (...args: any[]) => any\n    on_state_update?: (...args: any[]) => any\n  }\n\nfunction Accordion({\n  variant = 'outlined',\n  icon_size = 'medium',\n  ...restOfProps\n}: AccordionProps) {\n  const props = { variant, icon_size, ...restOfProps }\n\n  const context = useContext(AccordionProviderContext)\n\n  const group = props.group || context?.group\n  const id = useRef(props.id || makeUniqueId()).current\n\n  const store = new Store({ id: props.id, group })\n\n  // States ordered last here to make sure that the getInitialExpandedState have access to the store\n  const [previousExpanded, setPreviousExpanded] = useState(props.expanded)\n  const [expanded, setExpanded] = useState<boolean>(\n    getInitialExpandedState()\n  )\n\n  // replacement for getDerivedStateFromProps\n  if (props.expanded !== previousExpanded) {\n    setExpanded(props.expanded !== undefined ? props.expanded : false)\n    setPreviousExpanded(props.expanded)\n  }\n\n  const thisInstance = {\n    _id: id,\n    context,\n    handleDisabledClick,\n    callOnChange,\n    callOnChangeHandler,\n    close,\n    setExpandedState,\n    state: { expanded, group },\n    props,\n    store,\n  }\n\n  // Constructor\n  useEffect(() => {\n    if (group && typeof window !== 'undefined') {\n      window['__dnbAccordion'] = window['__dnbAccordion'] || {}\n      window['__dnbAccordion'][group] =\n        window['__dnbAccordion'][group] || new AccordionStore(group)\n\n      window['__dnbAccordion'][group].addInstance(thisInstance)\n    }\n\n    if (context && typeof context?.onInit === 'function') {\n      context.onInit(thisInstance)\n    }\n\n    return () => {\n      if (group && typeof window !== 'undefined') {\n        window?.['__dnbAccordion'][group]?.removeInstance(thisInstance)\n      }\n    }\n  }, [])\n\n  // componentDidUpdate\n  useEffect(() => {\n    if (context.flush_remembered_state) {\n      store.flush()\n      setExpanded(props.expanded)\n    }\n\n    if (context?.expanded_id && context.expanded_id === props.id) {\n      setExpanded(true)\n    }\n  }, [context.flush_remembered_state, context.expanded_id])\n\n  // Gets the initial expanded sate, to prevent the opening and closing of Accordion\n  // That happens when if we put this logic in a useEffect that runs after the initial expanded state is set\n  // Since useEffect runs after every render\n  function getInitialExpandedState() {\n    if (props.expanded_ssr || context?.expanded_ssr) {\n      return typeof window === 'undefined'\n    }\n\n    if (props.remember_state || context.remember_state) {\n      const storedExpanded = store.getState()\n\n      if (props.expanded && storedExpanded === false) {\n        return false\n      }\n\n      if (storedExpanded) {\n        return true\n      }\n    }\n\n    return props.expanded !== undefined\n      ? props.expanded\n      : context?.expanded !== undefined\n      ? context.expanded\n      : false\n  }\n\n  function setExpandedState(expanded: boolean) {\n    setExpanded(expanded)\n  }\n\n  function close() {\n    changeOpened(false)\n  }\n\n  function changeOpened(expanded: boolean) {\n    setExpanded(expanded)\n\n    // check if a event exists, because, then it's a user click\n    if (props.remember_state || context.remember_state) {\n      store.saveState(expanded)\n    }\n  }\n\n  function handleDisabledClick(e: React.MouseEvent<HTMLElement>) {\n    e.preventDefault()\n    return false\n  }\n\n  function callOnChangeHandler(...params: any[]) {\n    callOnChange(...params)\n    if (context?.onChange) {\n      context?.onChange(...params)\n    }\n    if (group && typeof window !== 'undefined') {\n      window?.['__dnbAccordion'][group]?.onChange(...params)\n    }\n  }\n\n  function callOnChange(...params: any[]) {\n    const { expanded, event } = params[0]\n\n    changeOpened(expanded)\n\n    dispatchCustomElementEvent(thisInstance, 'on_change', {\n      expanded,\n      event,\n    })\n  }\n\n  return (\n    <Context.Consumer>\n      {(globalContext) => (\n        <AccordionContext.Consumer>\n          {(nestedContext) => {\n            // use only the props from context, who are available here anyway\n            let expandedState = expanded\n\n            const extendedProps = extendPropsWithContext(\n              props,\n              accordionDefaultProps,\n              context, // group context\n              nestedContext as Record<string, unknown>, // internal context\n              { skeleton: globalContext?.skeleton },\n              globalContext.Accordion, // global context\n              globalContext.translation['Accordion']\n            )\n\n            if (expandedState === undefined && globalContext.Accordion) {\n              if (globalContext.Accordion.expanded) {\n                expandedState = extendedProps.expanded\n              }\n            }\n\n            const {\n              variant,\n              className,\n              class: _className,\n              prerender,\n              prevent_rerender,\n              prevent_rerender_conditional,\n              single_container,\n              remember_state,\n              disabled,\n              skeleton,\n              no_animation,\n              expanded_ssr: _expanded_ssr, // eslint-disable-line\n              children,\n\n              id: _id, // eslint-disable-line\n              group: _group, // eslint-disable-line\n              // expanded: _expanded, // eslint-disable-line\n\n              title, // eslint-disable-line\n              description, // eslint-disable-line\n              left_component, // eslint-disable-line\n              icon, // eslint-disable-line\n              icon_position, // eslint-disable-line\n              icon_size, // eslint-disable-line\n              on_change, // eslint-disable-line\n              on_state_update, // eslint-disable-line\n\n              contentRef, // eslint-disable-line\n\n              ...restOfExtendedProps\n            } = extendedProps\n\n            const mainParams = {\n              id,\n              className: classnames(\n                'dnb-accordion',\n                expandedState && 'dnb-accordion--expanded',\n                variant && `dnb-accordion__variant--${variant}`,\n                prerender && 'dnb-accordion--prerender',\n                createSpacingClasses(extendedProps),\n                className,\n                _className\n              ),\n            } as HTMLProps<HTMLDivElement>\n\n            if (disabled) {\n              mainParams.onClick = handleDisabledClick\n            }\n\n            // to remove spacing props\n            validateDOMAttributes(props, restOfExtendedProps)\n\n            const extendedPropsForContext = extendPropsWithContext(\n              props,\n              accordionDefaultProps,\n              { expanded, group },\n              context\n            )\n\n            const accordionContext = {\n              ...extendedPropsForContext,\n              id,\n              expanded: expandedState,\n              prerender: prerender,\n              prevent_rerender: prevent_rerender,\n              prevent_rerender_conditional: prevent_rerender_conditional,\n              single_container: single_container,\n              remember_state: remember_state,\n              disabled: disabled,\n              skeleton: skeleton,\n              no_animation: no_animation,\n              callOnChange: callOnChangeHandler,\n            }\n\n            return (\n              <AccordionContext.Provider value={accordionContext}>\n                <div {...mainParams}>\n                  {findElementInChildren(\n                    children,\n                    (cur) => cur.type === AccordionHeader\n                  ) ? null : (\n                    <AccordionHeader />\n                  )}\n                  {findElementInChildren(\n                    children,\n                    (cur) => cur.type === AccordionContent\n                  ) ? (\n                    children\n                  ) : (\n                    <AccordionContent>{children}</AccordionContent>\n                  )}\n                </div>\n              </AccordionContext.Provider>\n            )\n          }}\n        </AccordionContext.Consumer>\n      )}\n    </Context.Consumer>\n  )\n}\n// TEMPORARY SOLUTION (defaultProps will be deprecated at one point). Needs to replacement with default prop parameters for example \"({expanded: null})\"\n// Only solved this way to prevent tests from failing, for when expanded is undefined instead of null\nAccordion.defaultProps = accordionDefaultProps\n\nexport type GroupProps = AccordionProps & {\n  allow_close_all?: boolean\n  expanded_id?: string\n}\n\nconst Group = (props: GroupProps) => {\n  if (props.remember_state && !props.id) {\n    rememberWarning('accordion group')\n  }\n\n  const [expandedId, setExpandedId] = useState<string | null>(null)\n\n  const instanceIDs = useRef<string[]>([])\n\n  const group = props?.id\n    ? props.id\n    : !props.group\n    ? '#' + makeUniqueId()\n    : undefined\n\n  const store = new Store({ group })\n\n  // Set stored expanded_id on mount\n  useEffect(() => {\n    const storedData = store.getData()\n    const currentIDs = instanceIDs?.current\n\n    if (!storedData?.id) {\n      return\n    }\n\n    if (currentIDs.includes(storedData?.id)) {\n      return\n    }\n\n    // 1. get the fallback id\n    const fallbackId = currentIDs[0]\n\n    if (!fallbackId) {\n      return\n    }\n\n    // 2. set the fallback ids\n    setExpandedId(fallbackId)\n  }, [])\n\n  // Store and reset fallback id\n  useEffect(() => {\n    if (!expandedId) {\n      return\n    }\n\n    // 3. save the fallback id\n    store.saveState(true, expandedId)\n\n    // 4. and reset the fallback id\n    setExpandedId(null)\n  }, [expandedId])\n\n  function onInit(instance) {\n    if (\n      instance.props.id &&\n      !instanceIDs.current.includes(instance.props.id)\n    ) {\n      instanceIDs.current.push(instance.props.id)\n    }\n  }\n\n  return (\n    <AccordionGroup\n      onInit={onInit}\n      {...props}\n      group={group}\n      expanded_id={expandedId || props.expanded_id}\n    />\n  )\n}\n\nAccordion.Provider = AccordionGroup\nAccordion.Header = AccordionHeader\nAccordion.Content = AccordionContent\n\nAccordion.Group = Group\n\nGroup.Store = (group: string, id: string = null) => {\n  return new Store({ group, id })\n}\n\nAccordion.Store = (id: string) => {\n  return new Store({ id })\n}\n\nAccordion._supportsSpacingProps = true\n\nexport default Accordion\n"],"mappings":"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"}

package/cjs/components/accordion/AccordionContext.d.ts

@@ -14,5 +14,5 @@ export type AccordionContextProps = AccordionProps & SkeletonContextProps & {
         event: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>;
     }) => void;
 };
-declare const AccordionContext: React.Context<AccordionContextProps>;
+declare const AccordionContext: React.Context<any>;
 export default AccordionContext;

package/cjs/components/accordion/AccordionGroup.js

@@ -40,7 +40,7 @@ const AccordionGroup = props => {
       event
     });
   }
-  const extendedProps = (0, _componentHelper.extendPropsWithContext)(props, _defaultProps.accordionDefaultProps, context.Accordion, context.getTranslation(props).Accordion);
+  const extendedProps = (0, _componentHelper.extendPropsWithContext)(props, _defaultProps.accordionDefaultProps, context.Accordion, context.getTranslation(props)['Accordion']);
   const {
       expanded,
       expanded_id,

package/cjs/components/accordion/AccordionGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionGroup.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_componentHelper","_SpacingHelper","_Context","_AccordionProviderContext","_defaultProps","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","AccordionGroup","props","context","useContext","Context","id","makeUniqueId","thisInstance","_id","onChangeHandler","event","dispatchCustomElementEvent","expanded","extendedProps","extendPropsWithContext","accordionDefaultProps","Accordion","getTranslation","expanded_id","prerender","prevent_rerender","single_container","contentRef","allow_close_all","remember_state","flush_remembered_state","disabled","group","onInit","className","class","_className","children","restOfExtendedProps","classes","classnames","createSpacingClasses","isTrue","params","validateDOMAttributes","contextForProvider","onChange","createElement","Provider","role","_supportsSpacingProps","_default","exports"],"sources":["../../../../src/components/accordion/AccordionGroup.tsx"],"sourcesContent":["/**\n * Web AccordionGroup Component\n *\n */\n\nimport React, { useContext } from 'react'\n\nimport classnames from 'classnames'\nimport {\n  isTrue,\n  makeUniqueId,\n  extendPropsWithContext,\n  validateDOMAttributes,\n  dispatchCustomElementEvent,\n} from '../../shared/component-helper'\nimport { createSpacingClasses } from '../space/SpacingHelper'\n\nimport Context from '../../shared/Context'\nimport AccordionGroupContext from './AccordionProviderContext'\n\nimport type { GroupProps } from './Accordion'\nimport { accordionDefaultProps } from './defaultProps'\n\nexport type AccordionGroupProps = React.HTMLProps<HTMLElement> &\n  GroupProps & {\n    onInit?: (...args: any[]) => any\n  }\n\nconst AccordionGroup = (props: AccordionGroupProps) => {\n  const context = useContext(Context)\n  const id = props.id || makeUniqueId()\n\n  const thisInstance = {\n    _id: id,\n    props,\n    context,\n    onChangeHandler,\n  }\n\n  function onChangeHandler(event) {\n    dispatchCustomElementEvent(thisInstance, 'on_change', {\n      id: event.id,\n      expanded: event.expanded,\n      event,\n    })\n  }\n\n  // use only the props from context, who are available here anyway\n  const extendedProps = extendPropsWithContext(\n    props,\n    accordionDefaultProps,\n    context.Accordion,\n    context.getTranslation(props).Accordion\n  )\n\n  const {\n    expanded, // eslint-disable-line\n    expanded_id, // eslint-disable-line\n    prerender, // eslint-disable-line\n    prevent_rerender, // eslint-disable-line\n    single_container, // eslint-disable-line\n    contentRef, // eslint-disable-line\n    allow_close_all, // eslint-disable-line\n    remember_state, // eslint-disable-line\n    flush_remembered_state, // eslint-disable-line\n    disabled, // eslint-disable-line\n    group, // eslint-disable-line\n    onInit, // eslint-disable-line\n    className,\n    class: _className,\n\n    id: _id, // eslint-disable-line\n    children, // eslint-disable-line\n\n    ...restOfExtendedProps\n  } = extendedProps\n\n  const classes = classnames(\n    'dnb-accordion-group',\n    isTrue(single_container) && 'dnb-accordion-group--single-container',\n    createSpacingClasses(extendedProps),\n    className,\n    _className\n  )\n\n  const params = {\n    ...restOfExtendedProps,\n  }\n\n  // also used for code markup simulation\n  validateDOMAttributes(props, params)\n\n  if (!extendedProps?.group && isTrue(props.single_container)) {\n    extendedProps.group = makeUniqueId()\n  }\n\n  const contextForProvider = {\n    ...extendedProps,\n    id,\n    onChange: onChangeHandler,\n  }\n\n  return (\n    <AccordionGroupContext.Provider value={contextForProvider}>\n      <div className={classes}>\n        <span\n          id={id}\n          className=\"dnb-accordion-group__shell\"\n          role=\"group\"\n          {...params}\n        >\n          <span className=\"dnb-accordion-group__children\">{children}</span>\n        </span>\n      </div>\n    </AccordionGroupContext.Provider>\n  )\n}\n\nAccordionGroup._supportsSpacingProps = true\n\nexport default AccordionGroup\n"],"mappings":"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"}
+{"version":3,"file":"AccordionGroup.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_componentHelper","_SpacingHelper","_Context","_AccordionProviderContext","_defaultProps","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","AccordionGroup","props","context","useContext","Context","id","makeUniqueId","thisInstance","_id","onChangeHandler","event","dispatchCustomElementEvent","expanded","extendedProps","extendPropsWithContext","accordionDefaultProps","Accordion","getTranslation","expanded_id","prerender","prevent_rerender","single_container","contentRef","allow_close_all","remember_state","flush_remembered_state","disabled","group","onInit","className","class","_className","children","restOfExtendedProps","classes","classnames","createSpacingClasses","isTrue","params","validateDOMAttributes","contextForProvider","onChange","createElement","Provider","role","_supportsSpacingProps","_default","exports"],"sources":["../../../../src/components/accordion/AccordionGroup.tsx"],"sourcesContent":["/**\n * Web AccordionGroup Component\n *\n */\n\nimport React, { useContext } from 'react'\n\nimport classnames from 'classnames'\nimport {\n  isTrue,\n  makeUniqueId,\n  extendPropsWithContext,\n  validateDOMAttributes,\n  dispatchCustomElementEvent,\n} from '../../shared/component-helper'\nimport { createSpacingClasses } from '../space/SpacingHelper'\n\nimport Context from '../../shared/Context'\nimport AccordionGroupContext from './AccordionProviderContext'\n\nimport type { GroupProps } from './Accordion'\nimport { accordionDefaultProps } from './defaultProps'\n\nexport type AccordionGroupProps = React.HTMLProps<HTMLElement> &\n  GroupProps & {\n    onInit?: (...args: any[]) => any\n  }\n\nconst AccordionGroup = (props: AccordionGroupProps) => {\n  const context = useContext(Context)\n  const id = props.id || makeUniqueId()\n\n  const thisInstance = {\n    _id: id,\n    props,\n    context,\n    onChangeHandler,\n  }\n\n  function onChangeHandler(event) {\n    dispatchCustomElementEvent(thisInstance, 'on_change', {\n      id: event.id,\n      expanded: event.expanded,\n      event,\n    })\n  }\n\n  // use only the props from context, who are available here anyway\n  const extendedProps = extendPropsWithContext(\n    props,\n    accordionDefaultProps,\n    context.Accordion,\n    context.getTranslation(props)['Accordion']\n  )\n\n  const {\n    expanded, // eslint-disable-line\n    expanded_id, // eslint-disable-line\n    prerender, // eslint-disable-line\n    prevent_rerender, // eslint-disable-line\n    single_container, // eslint-disable-line\n    contentRef, // eslint-disable-line\n    allow_close_all, // eslint-disable-line\n    remember_state, // eslint-disable-line\n    flush_remembered_state, // eslint-disable-line\n    disabled, // eslint-disable-line\n    group, // eslint-disable-line\n    onInit, // eslint-disable-line\n    className,\n    class: _className,\n\n    id: _id, // eslint-disable-line\n    children, // eslint-disable-line\n\n    ...restOfExtendedProps\n  } = extendedProps\n\n  const classes = classnames(\n    'dnb-accordion-group',\n    isTrue(single_container) && 'dnb-accordion-group--single-container',\n    createSpacingClasses(extendedProps),\n    className,\n    _className\n  )\n\n  const params = {\n    ...restOfExtendedProps,\n  }\n\n  // also used for code markup simulation\n  validateDOMAttributes(props, params)\n\n  if (!extendedProps?.group && isTrue(props.single_container)) {\n    extendedProps.group = makeUniqueId()\n  }\n\n  const contextForProvider = {\n    ...extendedProps,\n    id,\n    onChange: onChangeHandler,\n  }\n\n  return (\n    <AccordionGroupContext.Provider value={contextForProvider}>\n      <div className={classes}>\n        <span\n          id={id}\n          className=\"dnb-accordion-group__shell\"\n          role=\"group\"\n          {...params}\n        >\n          <span className=\"dnb-accordion-group__children\">{children}</span>\n        </span>\n      </div>\n    </AccordionGroupContext.Provider>\n  )\n}\n\nAccordionGroup._supportsSpacingProps = true\n\nexport default AccordionGroup\n"],"mappings":"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"}

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

@@ -3,12 +3,11 @@
  *
  */
 import React from 'react';
-import { ElementIsType } from '../../elements/Element';
 import type { IconIcon } from '../icon/Icon';
 import type { SkeletonShow } from '../skeleton/Skeleton';
-import type { SpacingProps } from '../../shared/types';
+import type { DynamicElement, SpacingProps } from '../../shared/types';
 export type AnchorProps = {
-    element?: ElementIsType;
+    element?: DynamicElement<HTMLAnchorElement | AnchorAllProps>;
     href?: string;
     to?: string;
     targetBlankTitle?: string;

package/cjs/components/anchor/Anchor.js

@@ -11,7 +11,6 @@ exports.scrollToHashHandler = scrollToHashHandler;
 var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _Element = _interopRequireDefault(require("../../elements/Element"));
-var _shared = require("../../shared");
 var _Context = _interopRequireDefault(require("../../shared/Context"));
 var _componentHelper = require("../../shared/component-helper");
 var _helpers = require("../../shared/helpers");
@@ -50,32 +49,19 @@ function AnchorInstance(localProps) {
       targetBlankTitle
     } = allProps,
     rest = _objectWithoutProperties(allProps, _excluded);
-  const theme = (0, _shared.useTheme)();
-  const iconSpacer = theme !== null && theme !== void 0 && theme.isSbanken ? ' ' : '';
   const attributes = rest;
   const internalId = id || 'id' + (0, _componentHelper.makeUniqueId)();
   const as = element || 'a';
-  let prefix;
-  let suffix;
   const href = allProps.href || allProps.to;
-  const showLaunchIcon = opensNewTab(allProps.target, href);
-  const showTooltip = (tooltip || showLaunchIcon) && !allProps.title;
-  if (showLaunchIcon && !omitClass) {
-    suffix = _react.default.createElement(_react.default.Fragment, null, iconSpacer, _IconPrimary || (_IconPrimary = _react.default.createElement(_IconPrimary2.default, {
-      className: "dnb-anchor__launch-icon",
-      icon: _icons.launch
-    })));
-  }
-  if (icon) {
-    const iconNode = pickIcon(icon) || _react.default.createElement(_IconPrimary2.default, {
-      icon: icon
-    });
-    if (iconPosition === 'left') {
-      prefix = _react.default.createElement(_react.default.Fragment, null, iconNode, iconSpacer);
-    } else if (iconPosition === 'right') {
-      suffix = _react.default.createElement(_react.default.Fragment, null, iconSpacer, iconNode);
-    }
-  }
+  const _opensNewTab = opensNewTab(allProps.target, href);
+  const showLaunchIcon = _opensNewTab && !(className !== null && className !== void 0 && className.includes('dnb-anchor--no-icon')) && !omitClass;
+  const showTooltip = (tooltip || _opensNewTab) && !allProps.title;
+  const iconNode = icon && getIcon(icon);
+  const suffix = iconPosition === 'right' && iconNode || showLaunchIcon && (_IconPrimary || (_IconPrimary = _react.default.createElement(_IconPrimary2.default, {
+    className: "dnb-anchor__launch-icon",
+    icon: _icons.launch
+  })));
+  const prefix = iconPosition === 'left' && iconNode;
   return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_Element.default, _extends({
     as: as,
     id: id,
@@ -124,6 +110,11 @@ function scrollToHashHandler(event) {
     }
   }
 }
+function getIcon(icon) {
+  return pickIcon(icon) || _react.default.createElement(_IconPrimary2.default, {
+    icon: icon
+  });
+}
 function pickIcon(icon) {
   var _icon$props, _icon$props2, _icon$props2$classNam, _icon$props3;
   return icon !== null && icon !== void 0 && (_icon$props = icon.props) !== null && _icon$props !== void 0 && _icon$props.icon || icon !== null && icon !== void 0 && (_icon$props2 = icon.props) !== null && _icon$props2 !== void 0 && (_icon$props2$classNam = _icon$props2.className) !== null && _icon$props2$classNam !== void 0 && _icon$props2$classNam.includes('dnb-icon') ? _react.default.cloneElement(icon, {

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

@@ -1 +1 @@
-{"version":3,"file":"Anchor.js","names":["_react","_interopRequireDefault","require","_classnames","_Element","_shared","_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","theme","useTheme","iconSpacer","isSbanken","attributes","internalId","makeUniqueId","as","prefix","suffix","href","to","showLaunchIcon","opensNewTab","showTooltip","title","createElement","Fragment","launchIcon","iconNode","pickIcon","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 { useTheme } from '../../shared'\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 theme = useTheme()\n  const iconSpacer = theme?.isSbanken ? ' ' : ''\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 = (\n      <>\n        {iconSpacer}\n        <IconPrimary\n          className=\"dnb-anchor__launch-icon\"\n          icon={launchIcon}\n        />\n      </>\n    )\n  }\n\n  if (icon) {\n    const iconNode = pickIcon(icon) || <IconPrimary icon={icon} />\n    if (iconPosition === 'left') {\n      prefix = (\n        <>\n          {iconNode}\n          {iconSpacer}\n        </>\n      )\n    } else if (iconPosition === 'right') {\n      suffix = (\n        <>\n          {iconSpacer}\n          {iconNode}\n        </>\n      )\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            ),\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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"}
+{"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","href","to","_opensNewTab","opensNewTab","showLaunchIcon","includes","showTooltip","title","iconNode","getIcon","suffix","createElement","launchIcon","prefix","Fragment","classnames","showDelay","targetElement","forwardRef","props","ref","_supportsSpacingProps","_default","exports","scrollToHashHandler","event","_element$pathname","currentTarget","getAttribute","document","isSamePath","startsWith","window","location","pathname","replace","split","reverse","anchorElem","getElementById","HTMLElement","scrollPadding","parseFloat","getComputedStyle","documentElement","scrollPaddingTop","top","getOffsetTop","scroll","error","console","pickIcon","_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 } 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 { DynamicElement, SpacingProps } from '../../shared/types'\n\nexport type AnchorProps = {\n  element?: DynamicElement<HTMLAnchorElement | AnchorAllProps>\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'\n\n  const href = allProps.href || allProps.to\n  const _opensNewTab = opensNewTab(allProps.target, href)\n  const showLaunchIcon =\n    _opensNewTab &&\n    !className?.includes('dnb-anchor--no-icon') &&\n    !omitClass\n  const showTooltip = (tooltip || _opensNewTab) && !allProps.title\n\n  const iconNode = icon && getIcon(icon)\n\n  const suffix =\n    (iconPosition === 'right' && iconNode) ||\n    (showLaunchIcon && (\n      <IconPrimary className=\"dnb-anchor__launch-icon\" icon={launchIcon} />\n    ))\n\n  const prefix = iconPosition === 'left' && iconNode\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            ),\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\nfunction getIcon(icon) {\n  return pickIcon(icon) || <IconPrimary icon={icon} />\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/anchor/style/anchor-mixins.scss

@@ -82,16 +82,11 @@
   @content;
 }
 
-@mixin anchorBackground($color, $overflow: 0.125em) {
-  @if $overflow {
-    --anchor-background-gutter: #{$overflow};
-    box-shadow:
-      inset 100vw 100vw 0 0 $color,
-      calc(var(--anchor-background-gutter) * -1) 0 0 0 $color,
-      var(--anchor-background-gutter) 0 0 0 $color;
-  } @else {
-    box-shadow: inset 100vw 100vw 0 0 $color;
-  }
+@mixin anchorBackground($color) {
+  box-shadow:
+    inset 100vw 100vw 0 0 $color,
+    calc(var(--anchor-background-gutter-left, 0.125rem) * -1) 0 0 0 $color,
+    var(--anchor-background-gutter-right, 0.125rem) 0 0 0 $color;
 }
 
 // other styles
@@ -187,6 +182,17 @@
   }
 }
 
+@mixin notInline() {
+  &:where(:not(.dnb-anchor--inline)) {
+    @content;
+  }
+  &:not(.dnb-anchor--inline) {
+    @include whereFallback() {
+      @content;
+    }
+  }
+}
+
 @mixin whereFallback() {
   /* stylelint-disable-next-line scss/operator-no-unspaced */
   @supports not (selector(*:where(*))) {

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

@@ -92,8 +92,7 @@ sup :where(:not(.dnb-anchor--no-style)).dnb-anchor, sub :where(:not(.dnb-anchor-
 }
 :where(:not(.dnb-anchor--no-style)).dnb-anchor.dnb-anchor--contrast:hover:where(:not(.dnb-anchor--no-hover)) {
   color: var(--anchor-color--contrast);
-  --anchor-background-gutter: 0.125em;
-  box-shadow: inset 100vw 100vw 0 0 var(--color-white), calc(var(--anchor-background-gutter) * -1) 0 0 0 var(--color-white), var(--anchor-background-gutter) 0 0 0 var(--color-white);
+  box-shadow: inset 100vw 100vw 0 0 var(--color-white), calc(var(--anchor-background-gutter-left, 0.125rem) * -1) 0 0 0 var(--color-white), var(--anchor-background-gutter-right, 0.125rem) 0 0 0 var(--color-white);
 }
 :where(:not(.dnb-anchor--no-style)).dnb-anchor.dnb-anchor--contrast:hover:not(.dnb-anchor--no-hover) {
   /* stylelint-disable-next-line scss/operator-no-unspaced */
@@ -101,15 +100,13 @@ sup :where(:not(.dnb-anchor--no-style)).dnb-anchor, sub :where(:not(.dnb-anchor-
 @supports not (selector(*:where(*))) {
   :where(:not(.dnb-anchor--no-style)).dnb-anchor.dnb-anchor--contrast:hover:not(.dnb-anchor--no-hover) {
     color: var(--anchor-color--contrast);
-    --anchor-background-gutter: 0.125em;
-    box-shadow: inset 100vw 100vw 0 0 var(--color-white), calc(var(--anchor-background-gutter) * -1) 0 0 0 var(--color-white), var(--anchor-background-gutter) 0 0 0 var(--color-white);
+    box-shadow: inset 100vw 100vw 0 0 var(--color-white), calc(var(--anchor-background-gutter-left, 0.125rem) * -1) 0 0 0 var(--color-white), var(--anchor-background-gutter-right, 0.125rem) 0 0 0 var(--color-white);
   }
 }
 :where(:not(.dnb-anchor--no-style)).dnb-anchor.dnb-anchor--contrast:active {
   color: var(--color-white);
   background-color: transparent;
-  --anchor-background-gutter: 0.125em;
-  box-shadow: inset 100vw 100vw 0 0 transparent, calc(var(--anchor-background-gutter) * -1) 0 0 0 transparent, var(--anchor-background-gutter) 0 0 0 transparent;
+  box-shadow: inset 100vw 100vw 0 0 transparent, calc(var(--anchor-background-gutter-left, 0.125rem) * -1) 0 0 0 transparent, var(--anchor-background-gutter-right, 0.125rem) 0 0 0 transparent;
 }
 :where(:not(.dnb-anchor--no-style)).dnb-anchor.dnb-anchor--contrast:focus-visible {
   color: var(--color-white);
@@ -199,8 +196,7 @@ sup :where(:not(.dnb-anchor--no-style)).dnb-anchor, sub :where(:not(.dnb-anchor-
   }
   :not(.dnb-anchor--no-style).dnb-anchor.dnb-anchor--contrast:hover:where(:not(.dnb-anchor--no-hover)) {
     color: var(--anchor-color--contrast);
-    --anchor-background-gutter: 0.125em;
-    box-shadow: inset 100vw 100vw 0 0 var(--color-white), calc(var(--anchor-background-gutter) * -1) 0 0 0 var(--color-white), var(--anchor-background-gutter) 0 0 0 var(--color-white);
+    box-shadow: inset 100vw 100vw 0 0 var(--color-white), calc(var(--anchor-background-gutter-left, 0.125rem) * -1) 0 0 0 var(--color-white), var(--anchor-background-gutter-right, 0.125rem) 0 0 0 var(--color-white);
   }
   :not(.dnb-anchor--no-style).dnb-anchor.dnb-anchor--contrast:hover:not(.dnb-anchor--no-hover) {
     /* stylelint-disable-next-line scss/operator-no-unspaced */
@@ -208,15 +204,13 @@ sup :where(:not(.dnb-anchor--no-style)).dnb-anchor, sub :where(:not(.dnb-anchor-
   @supports not (selector(*:where(*))) {
     :not(.dnb-anchor--no-style).dnb-anchor.dnb-anchor--contrast:hover:not(.dnb-anchor--no-hover) {
       color: var(--anchor-color--contrast);
-      --anchor-background-gutter: 0.125em;
-      box-shadow: inset 100vw 100vw 0 0 var(--color-white), calc(var(--anchor-background-gutter) * -1) 0 0 0 var(--color-white), var(--anchor-background-gutter) 0 0 0 var(--color-white);
+      box-shadow: inset 100vw 100vw 0 0 var(--color-white), calc(var(--anchor-background-gutter-left, 0.125rem) * -1) 0 0 0 var(--color-white), var(--anchor-background-gutter-right, 0.125rem) 0 0 0 var(--color-white);
     }
   }
   :not(.dnb-anchor--no-style).dnb-anchor.dnb-anchor--contrast:active {
     color: var(--color-white);
     background-color: transparent;
-    --anchor-background-gutter: 0.125em;
-    box-shadow: inset 100vw 100vw 0 0 transparent, calc(var(--anchor-background-gutter) * -1) 0 0 0 transparent, var(--anchor-background-gutter) 0 0 0 transparent;
+    box-shadow: inset 100vw 100vw 0 0 transparent, calc(var(--anchor-background-gutter-left, 0.125rem) * -1) 0 0 0 transparent, var(--anchor-background-gutter-right, 0.125rem) 0 0 0 transparent;
   }
   :not(.dnb-anchor--no-style).dnb-anchor.dnb-anchor--contrast:focus-visible {
     color: var(--color-white);