@helsenorge/designsystem-react 6.0.0-beta.9 → 6.0.0

package/components/Expander/Expander.js

@@ -5,7 +5,7 @@ import { useExpand as D } from "../../hooks/useExpand.js";
 import { useHover as O } from "../../hooks/useHover.js";
 import { useSticky as U } from "../../hooks/useSticky.js";
 import Z from "../Button/Button.js";
-import { Icon as x } from "../Icon/Icon.js";
+import { Icon as _ } from "../Icon/Icon.js";
 import b from "../Icons/ChevronDown.js";
 import h from "../Icons/ChevronUp.js";
 import j from "../LazyIcon/LazyIcon.js";
@@ -13,7 +13,7 @@ import e from "./styles.module.scss";
 var q = /* @__PURE__ */ ((s) => (s.small = "small", s.large = "large", s))(q || {});
 const F = (s) => {
   const {
-    title: _,
+    title: x,
     children: $,
     size: t = "small",
     color: g,
@@ -24,7 +24,7 @@ const F = (s) => {
     testId: f,
     onExpand: w,
     renderChildrenWhenClosed: R = !1
-  } = s, [n, u] = D(k, w), E = N(null), i = N(null), { isHovered: l } = O(i), { isOutsideWindow: W, isLeavingWindow: c, offsetHeight: v, contentWidth: y } = U(E, i), a = S && n && W, I = (m) => /* @__PURE__ */ r.createElement("span", { className: d(e.expander__icon, e[`expander__icon--${m}`]) }, /* @__PURE__ */ r.createElement(x, { svgIcon: n ? h : b, size: p.XSmall, isHovered: l })), X = d(
+  } = s, [n, u] = D(k, w), E = N(null), l = N(null), { isHovered: i } = O(l), { isOutsideWindow: W, isLeavingWindow: c, offsetHeight: v, contentWidth: y } = U(E, l), a = S && n && W, I = (m) => /* @__PURE__ */ r.createElement("span", { className: d(e.expander__icon, e[`expander__icon--${m}`]) }, /* @__PURE__ */ r.createElement(_, { svgIcon: n ? h : b, size: p.XSmall, isHovered: i })), X = d(
     e.expander__trigger,
     e[`expander__trigger--${t}`],
     t === "large" && e[`expander__trigger--${g || "neutral"}`],
@@ -38,18 +38,18 @@ const F = (s) => {
       type: "button",
       className: X,
       style: {
-        zIndex: l || a ? A.ExpanderTrigger : void 0,
+        zIndex: i || a ? A.ExpanderTrigger : void 0,
         width: a && y ? `${y}px` : void 0
       },
       "aria-expanded": n,
-      ref: i,
+      ref: l,
       onClick: () => u(!n),
       "data-testid": f,
       "data-analyticsid": C.Expander
     },
     t === "small" && I("left"),
-    o && /* @__PURE__ */ r.createElement("span", { className: d(e.expander__icon, e["expander__icon--left"]) }, typeof o == "string" ? /* @__PURE__ */ r.createElement(j, { iconName: o, size: p.XSmall, isHovered: l }) : /* @__PURE__ */ r.createElement(x, { svgIcon: o, size: p.XSmall, isHovered: l })),
-    _,
+    o && /* @__PURE__ */ r.createElement("span", { className: d(e.expander__icon, e["expander__icon--left"]) }, typeof o == "string" ? /* @__PURE__ */ r.createElement(j, { iconName: o, size: p.XSmall, isHovered: i }) : /* @__PURE__ */ r.createElement(_, { svgIcon: o, size: p.XSmall, isHovered: i })),
+    x,
     t === "large" && I("right")
   ), L = d(
     e.expander__button,
@@ -62,13 +62,13 @@ const F = (s) => {
       variant: "borderless",
       className: L,
       "aria-expanded": n,
-      ref: i,
+      ref: l,
       onClick: () => u(!n),
       testId: f,
       "data-analyticsid": C.Expander
     },
-    /* @__PURE__ */ r.createElement(x, { svgIcon: n ? h : b, size: p.XSmall }),
-    _
+    /* @__PURE__ */ r.createElement(_, { svgIcon: n ? h : b, size: p.XSmall }),
+    x
   ), B = () => {
     if (!R && !n)
       return null;

package/components/Expander/Expander.js.map

@@ -1 +1 @@
-{"version":3,"file":"Expander.js","sources":["../../../src/components/Expander/Expander.tsx"],"sourcesContent":["import React, { useRef } from 'react';\n\nimport classNames from 'classnames';\n\nimport { AnalyticsId, ZIndex } from '../../constants';\nimport { useExpand } from '../../hooks/useExpand';\nimport { useHover } from '../../hooks/useHover';\nimport { useSticky } from '../../hooks/useSticky';\nimport { PaletteNames } from '../../theme/palette';\nimport Button from '../Button';\nimport Icon, { IconSize, SvgIcon } from '../Icon';\nimport ChevronDown from '../Icons/ChevronDown';\nimport ChevronUp from '../Icons/ChevronUp';\nimport { IconName } from '../Icons/IconNames';\nimport LazyIcon from '../LazyIcon';\n\nimport styles from './styles.module.scss';\n\nexport enum ExpanderSize {\n  small = 'small',\n  large = 'large',\n}\n\nexport type ExpanderColors = Extract<PaletteNames, 'banana' | 'blueberry' | 'cherry' | 'kiwi' | 'neutral' | 'plum' | 'white'>;\n\ninterface ExpanderProps {\n  /** Sets the trigger title */\n  title: string;\n  /** Sets the expanded content */\n  children?: React.ReactNode;\n  /** Sets the size of the expander. Default: ExpanderSize.small */\n  size?: ExpanderSize;\n  /** Sets the background of the expander. Requires size=ExpanderSize.large. */\n  color?: ExpanderColors;\n  /** Adds an icon to the expander trigger. Requires size=ExpanderSize.large. */\n  svgIcon?: SvgIcon | IconName;\n  /** Opens or closes the expander */\n  expanded?: boolean;\n  /** Removes border to the left of the content. Requires size=ExpanderSize.small. */\n  noNestedLine?: boolean;\n  /** Stick expander trigger to top of screen while scrolling down */\n  sticky?: boolean;\n  /** Called when expander is open/closed. */\n  onExpand?: (isExpanded: boolean) => void;\n  /** Whether to render children when closed (in which case they are hidden with CSS). Default: false */\n  renderChildrenWhenClosed?: boolean;\n  /** Sets the data-testid attribute on the expander button. */\n  testId?: string;\n}\n\nconst Expander: React.FC<ExpanderProps> = props => {\n  const {\n    title,\n    children,\n    size = ExpanderSize.small,\n    color,\n    svgIcon: icon,\n    expanded = false,\n    noNestedLine = false,\n    sticky = false,\n    testId,\n    onExpand,\n    renderChildrenWhenClosed = false,\n  } = props;\n  const [isExpanded, setIsExpanded] = useExpand(expanded, onExpand);\n  const expanderRef = useRef<HTMLDivElement>(null);\n  const triggerRef = useRef<HTMLButtonElement>(null);\n  const { isHovered } = useHover(triggerRef);\n  const { isOutsideWindow, isLeavingWindow, offsetHeight, contentWidth } = useSticky(expanderRef, triggerRef);\n\n  const isSticky = sticky && isExpanded && isOutsideWindow;\n\n  const renderChevron = (align: 'left' | 'right') => (\n    <span className={classNames(styles['expander__icon'], styles[`expander__icon--${align}`])}>\n      <Icon svgIcon={isExpanded ? ChevronUp : ChevronDown} size={IconSize.XSmall} isHovered={isHovered} />\n    </span>\n  );\n\n  const triggerClassName = classNames(\n    styles['expander__trigger'],\n    styles[`expander__trigger--${size}`],\n    size === ExpanderSize.large && styles[`expander__trigger--${color || 'neutral'}`],\n    size === ExpanderSize.large && icon && styles['expander__trigger--icon'],\n    isExpanded && styles['expander__trigger--expanded'],\n    isSticky && !isLeavingWindow && styles['expander__trigger--sticky'],\n    isSticky && isLeavingWindow && styles['expander__trigger--absolute']\n  );\n\n  const renderTrigger = () => (\n    <button\n      type=\"button\"\n      className={triggerClassName}\n      style={{\n        zIndex: isHovered || isSticky ? ZIndex.ExpanderTrigger : undefined,\n        width: isSticky && contentWidth ? `${contentWidth}px` : undefined,\n      }}\n      aria-expanded={isExpanded}\n      ref={triggerRef}\n      onClick={() => setIsExpanded(!isExpanded)}\n      data-testid={testId}\n      data-analyticsid={AnalyticsId.Expander}\n    >\n      {size === ExpanderSize.small && renderChevron('left')}\n      {icon && (\n        <span className={classNames(styles['expander__icon'], styles['expander__icon--left'])}>\n          {typeof icon === 'string' ? (\n            <LazyIcon iconName={icon} size={IconSize.XSmall} isHovered={isHovered} />\n          ) : (\n            <Icon svgIcon={icon} size={IconSize.XSmall} isHovered={isHovered} />\n          )}\n        </span>\n      )}\n      {title}\n      {size === ExpanderSize.large && renderChevron('right')}\n    </button>\n  );\n\n  const buttonClassName = classNames(\n    styles['expander__button'],\n    isExpanded && styles['expander__button--expanded'],\n    isSticky && !isLeavingWindow && styles['expander__button--sticky'],\n    isSticky && isLeavingWindow && styles['expander__button--absolute']\n  );\n\n  const renderButton = () => (\n    <Button\n      variant=\"borderless\"\n      className={buttonClassName}\n      aria-expanded={isExpanded}\n      ref={triggerRef}\n      onClick={() => setIsExpanded(!isExpanded)}\n      testId={testId}\n      data-analyticsid={AnalyticsId.Expander}\n    >\n      <Icon svgIcon={isExpanded ? ChevronUp : ChevronDown} size={IconSize.XSmall} />\n      {title}\n    </Button>\n  );\n\n  const renderContent = () => {\n    if (!renderChildrenWhenClosed && !isExpanded) {\n      return null;\n    }\n\n    const contentClassName = classNames(\n      styles['expander__content'],\n      styles[`expander__content--${size}`],\n      size === ExpanderSize.large && styles[`expander__content--${color || 'neutral'}`],\n      size === ExpanderSize.large && icon && styles['expander__content--icon'],\n      isExpanded && styles['expander__content--expanded'],\n      size === ExpanderSize.small && !noNestedLine && styles['expander__content--nested-line']\n    );\n\n    return <div className={contentClassName}>{children}</div>;\n  };\n\n  return (\n    <div\n      className={styles['expander']}\n      ref={expanderRef}\n      style={{ paddingTop: isSticky && offsetHeight ? `${offsetHeight}px` : undefined }}\n    >\n      {size === ExpanderSize.large ? renderTrigger() : renderButton()}\n      {renderContent()}\n    </div>\n  );\n};\n\nexport default Expander;\n"],"names":["ExpanderSize","Expander","props","title","children","size","color","icon","expanded","noNestedLine","sticky","testId","onExpand","renderChildrenWhenClosed","isExpanded","setIsExpanded","useExpand","expanderRef","useRef","triggerRef","isHovered","useHover","isOutsideWindow","isLeavingWindow","offsetHeight","contentWidth","useSticky","isSticky","renderChevron","align","React","classNames","styles","Icon","ChevronUp","ChevronDown","IconSize","triggerClassName","renderTrigger","ZIndex","AnalyticsId","LazyIcon","buttonClassName","renderButton","Button","renderContent","contentClassName","Expander$1"],"mappings":"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"}
+{"version":3,"file":"Expander.js","sources":["../../../src/components/Expander/Expander.tsx"],"sourcesContent":["import React, { useRef } from 'react';\n\nimport classNames from 'classnames';\n\nimport { AnalyticsId, ZIndex } from '../../constants';\nimport { useExpand } from '../../hooks/useExpand';\nimport { useHover } from '../../hooks/useHover';\nimport { useSticky } from '../../hooks/useSticky';\nimport { PaletteNames } from '../../theme/palette';\nimport Button from '../Button';\nimport Icon, { IconSize, SvgIcon } from '../Icon';\nimport ChevronDown from '../Icons/ChevronDown';\nimport ChevronUp from '../Icons/ChevronUp';\nimport { IconName } from '../Icons/IconNames';\nimport LazyIcon from '../LazyIcon';\n\nimport styles from './styles.module.scss';\n\nexport enum ExpanderSize {\n  small = 'small',\n  large = 'large',\n}\n\nexport type ExpanderColors = Extract<PaletteNames, 'banana' | 'blueberry' | 'cherry' | 'kiwi' | 'neutral' | 'plum' | 'white'>;\n\ninterface ExpanderProps {\n  /** Sets the trigger title */\n  title: string;\n  /** Sets the expanded content */\n  children?: React.ReactNode;\n  /** Sets the size of the expander. Default: ExpanderSize.small */\n  size?: ExpanderSize;\n  /** Sets the background of the expander. Requires size=ExpanderSize.large. */\n  color?: ExpanderColors;\n  /** Adds an icon to the expander trigger. Requires size=ExpanderSize.large. */\n  svgIcon?: SvgIcon | IconName;\n  /** Opens or closes the expander */\n  expanded?: boolean;\n  /** Removes border to the left of the content. Requires size=ExpanderSize.small. */\n  noNestedLine?: boolean;\n  /** Stick expander trigger to top of screen while scrolling down */\n  sticky?: boolean;\n  /** Called when expander is open/closed. */\n  onExpand?: (isExpanded: boolean) => void;\n  /** Whether to render children when closed (in which case they are hidden with CSS). Default: false */\n  renderChildrenWhenClosed?: boolean;\n  /** Sets the data-testid attribute on the expander button. */\n  testId?: string;\n}\n\nconst Expander: React.FC<ExpanderProps> = props => {\n  const {\n    title,\n    children,\n    size = ExpanderSize.small,\n    color,\n    svgIcon: icon,\n    expanded = false,\n    noNestedLine = false,\n    sticky = false,\n    testId,\n    onExpand,\n    renderChildrenWhenClosed = false,\n  } = props;\n  const [isExpanded, setIsExpanded] = useExpand(expanded, onExpand);\n  const expanderRef = useRef<HTMLDivElement>(null);\n  const triggerRef = useRef<HTMLButtonElement>(null);\n  const { isHovered } = useHover(triggerRef);\n  const { isOutsideWindow, isLeavingWindow, offsetHeight, contentWidth } = useSticky(expanderRef, triggerRef);\n\n  const isSticky = sticky && isExpanded && isOutsideWindow;\n\n  const renderChevron = (align: 'left' | 'right') => (\n    <span className={classNames(styles['expander__icon'], styles[`expander__icon--${align}`])}>\n      <Icon svgIcon={isExpanded ? ChevronUp : ChevronDown} size={IconSize.XSmall} isHovered={isHovered} />\n    </span>\n  );\n\n  const triggerClassName = classNames(\n    styles['expander__trigger'],\n    styles[`expander__trigger--${size}`],\n    size === ExpanderSize.large && styles[`expander__trigger--${color || 'neutral'}`],\n    size === ExpanderSize.large && icon && styles['expander__trigger--icon'],\n    isExpanded && styles['expander__trigger--expanded'],\n    isSticky && !isLeavingWindow && styles['expander__trigger--sticky'],\n    isSticky && isLeavingWindow && styles['expander__trigger--absolute']\n  );\n\n  const renderTrigger = () => (\n    <button\n      type=\"button\"\n      className={triggerClassName}\n      style={{\n        zIndex: isHovered || isSticky ? ZIndex.ExpanderTrigger : undefined,\n        width: isSticky && contentWidth ? `${contentWidth}px` : undefined,\n      }}\n      aria-expanded={isExpanded}\n      ref={triggerRef}\n      onClick={() => setIsExpanded(!isExpanded)}\n      data-testid={testId}\n      data-analyticsid={AnalyticsId.Expander}\n    >\n      {size === ExpanderSize.small && renderChevron('left')}\n      {icon && (\n        <span className={classNames(styles['expander__icon'], styles['expander__icon--left'])}>\n          {typeof icon === 'string' ? (\n            <LazyIcon iconName={icon} size={IconSize.XSmall} isHovered={isHovered} />\n          ) : (\n            <Icon svgIcon={icon} size={IconSize.XSmall} isHovered={isHovered} />\n          )}\n        </span>\n      )}\n      {title}\n      {size === ExpanderSize.large && renderChevron('right')}\n    </button>\n  );\n\n  const buttonClassName = classNames(\n    styles['expander__button'],\n    isExpanded && styles['expander__button--expanded'],\n    isSticky && !isLeavingWindow && styles['expander__button--sticky'],\n    isSticky && isLeavingWindow && styles['expander__button--absolute']\n  );\n\n  const renderButton = () => (\n    <Button\n      variant=\"borderless\"\n      className={buttonClassName}\n      aria-expanded={isExpanded}\n      ref={triggerRef}\n      onClick={() => setIsExpanded(!isExpanded)}\n      testId={testId}\n      data-analyticsid={AnalyticsId.Expander}\n    >\n      <Icon svgIcon={isExpanded ? ChevronUp : ChevronDown} size={IconSize.XSmall} />\n      {title}\n    </Button>\n  );\n\n  const renderContent = () => {\n    if (!renderChildrenWhenClosed && !isExpanded) {\n      return null;\n    }\n\n    const contentClassName = classNames(\n      styles['expander__content'],\n      styles[`expander__content--${size}`],\n      size === ExpanderSize.large && styles[`expander__content--${color || 'neutral'}`],\n      size === ExpanderSize.large && icon && styles['expander__content--icon'],\n      isExpanded && styles['expander__content--expanded'],\n      size === ExpanderSize.small && !noNestedLine && styles['expander__content--nested-line']\n    );\n\n    return <div className={contentClassName}>{children}</div>;\n  };\n\n  return (\n    <div\n      className={styles['expander']}\n      ref={expanderRef}\n      style={{ paddingTop: isSticky && offsetHeight ? `${offsetHeight}px` : undefined }}\n    >\n      {size === ExpanderSize.large ? renderTrigger() : renderButton()}\n      {renderContent()}\n    </div>\n  );\n};\n\nexport default Expander;\n"],"names":["ExpanderSize","Expander","props","title","children","size","color","icon","expanded","noNestedLine","sticky","testId","onExpand","renderChildrenWhenClosed","isExpanded","setIsExpanded","useExpand","expanderRef","useRef","triggerRef","isHovered","useHover","isOutsideWindow","isLeavingWindow","offsetHeight","contentWidth","useSticky","isSticky","renderChevron","align","React","classNames","styles","Icon","ChevronUp","ChevronDown","IconSize","triggerClassName","renderTrigger","ZIndex","AnalyticsId","LazyIcon","buttonClassName","renderButton","Button","renderContent","contentClassName","Expander$1"],"mappings":"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"}

package/components/ExpanderHierarchy/Expander.js

@@ -1,11 +1,11 @@
 import t from "react";
-import f from "classnames";
+import i from "classnames";
 import x from "./ExpanderButton.js";
-import E from "./ExpanderHierarchy.js";
-import { getHeadingTag as l } from "./utils.js";
+import l from "./ExpanderHierarchy.js";
+import { getHeadingTag as E } from "./utils.js";
 import { isComponent as _ } from "../../utils/component.js";
 import r from "./expander.module.scss";
-const g = ({
+const u = ({
   title: m,
   htmlMarkup: a = "h2",
   level: e = 1,
@@ -15,16 +15,16 @@ const g = ({
   children: c,
   testId: d
 }) => {
-  const i = f(
+  const f = i(
     r.expander__content,
     e <= 2 && r[`expander__content--${e}`],
     e > 2 && r["expander__content--3-and-lower"]
   );
-  return /* @__PURE__ */ t.createElement("li", { className: r.expander }, /* @__PURE__ */ t.createElement(x, { htmlMarkup: a, level: e, print: o, expanded: s, onExpand: p, testId: d }, m), /* @__PURE__ */ t.createElement("div", { className: i }, t.Children.map(
+  return /* @__PURE__ */ t.createElement("li", { className: r.expander }, /* @__PURE__ */ t.createElement(x, { htmlMarkup: a, level: e, print: o, expanded: s, onExpand: p, testId: d }, m), /* @__PURE__ */ t.createElement("div", { className: f }, t.Children.map(
     c,
-    (n) => _(n, E) ? t.cloneElement(n, { htmlMarkup: l(a), level: e + 1, print: o }) : n
+    (n) => _(n, l) ? t.cloneElement(n, { htmlMarkup: E(a), level: e + 1, print: o }) : n
   )));
-}, w = g;
+}, w = u;
 export {
   w as default
 };

package/components/ExpanderHierarchy/Expander.js.map

@@ -1 +1 @@
-{"version":3,"file":"Expander.js","sources":["../../../src/components/ExpanderHierarchy/Expander.tsx"],"sourcesContent":["import React from 'react';\n\nimport classNames from 'classnames';\n\nimport ExpanderButton from './ExpanderButton';\nimport ExpanderHierarchy, { ExpanderHierarchyCommonProps, ExpanderHierarchyProps } from './ExpanderHierarchy';\nimport { getHeadingTag } from './utils';\nimport { isComponent } from '../../utils/component';\n\nimport styles from './expander.module.scss';\n\nexport interface ExpanderProps extends ExpanderHierarchyCommonProps {\n  /** Sets the trigger title */\n  title: string;\n  /** Opens or closes the expander */\n  expanded?: boolean;\n  /** Called when expander is open/closed. */\n  onExpand?: (isExpanded: boolean) => void;\n  /** Sets the expanded content */\n  children?: React.ReactNode;\n  /** Sets the data-testid attribute on the expander button. */\n  testId?: string;\n}\n\nexport type ExpanderType = React.FC<ExpanderProps>;\n\nconst Expander: ExpanderType = ({\n  title,\n  htmlMarkup = 'h2',\n  level = 1,\n  print,\n  expanded = false,\n  onExpand,\n  children,\n  testId,\n}: ExpanderProps) => {\n  const contentClasses = classNames(\n    styles.expander__content,\n    level <= 2 && styles[`expander__content--${level}`],\n    level > 2 && styles[`expander__content--3-and-lower`]\n  );\n\n  return (\n    <li className={styles.expander}>\n      <ExpanderButton htmlMarkup={htmlMarkup} level={level} print={print} expanded={expanded} onExpand={onExpand} testId={testId}>\n        {title}\n      </ExpanderButton>\n      <div className={contentClasses}>\n        {React.Children.map(children, child =>\n          isComponent<ExpanderHierarchyProps>(child, ExpanderHierarchy)\n            ? React.cloneElement(child, { htmlMarkup: getHeadingTag(htmlMarkup), level: level + 1, print })\n            : child\n        )}\n      </div>\n    </li>\n  );\n};\n\nexport default Expander;\n"],"names":["Expander","title","htmlMarkup","level","print","expanded","onExpand","children","testId","contentClasses","classNames","styles","React","ExpanderButton","isComponent","child","ExpanderHierarchy","getHeadingTag","Expander$1"],"mappings":";;;;;;;AA0BA,MAAMA,IAAyB,CAAC;AAAA,EAC9B,OAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,OAAAC,IAAQ;AAAA,EACR,OAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AACF,MAAqB;AACnB,QAAMC,IAAiBC;AAAA,IACrBC,EAAO;AAAA,IACPR,KAAS,KAAKQ,EAAO,sBAAsBR,CAAK,EAAE;AAAA,IAClDA,IAAQ,KAAKQ,EAAO,gCAAgC;AAAA,EAAA;AAIpD,SAAA,gBAAAC,EAAA,cAAC,QAAG,WAAWD,EAAO,YACnB,gBAAAC,EAAA,cAAAC,GAAA,EAAe,YAAAX,GAAwB,OAAAC,GAAc,OAAAC,GAAc,UAAAC,GAAoB,UAAAC,GAAoB,QAAAE,EAAA,GACzGP,CACH,GACA,gBAAAW,EAAA,cAAC,SAAI,WAAWH,EAAA,GACbG,EAAM,SAAS;AAAA,IAAIL;AAAA,IAAU,OAC5BO,EAAoCC,GAAOC,CAAiB,IACxDJ,EAAM,aAAaG,GAAO,EAAE,YAAYE,EAAcf,CAAU,GAAG,OAAOC,IAAQ,GAAG,OAAAC,EAAO,CAAA,IAC5FW;AAAA,EAER,CAAA,CACF;AAEJ,GAEAG,IAAelB;"}
+{"version":3,"file":"Expander.js","sources":["../../../src/components/ExpanderHierarchy/Expander.tsx"],"sourcesContent":["import React from 'react';\n\nimport classNames from 'classnames';\n\nimport ExpanderButton from './ExpanderButton';\nimport ExpanderHierarchy, { ExpanderHierarchyCommonProps, ExpanderHierarchyProps } from './ExpanderHierarchy';\nimport { getHeadingTag } from './utils';\nimport { isComponent } from '../../utils/component';\n\nimport styles from './expander.module.scss';\n\nexport interface ExpanderProps extends ExpanderHierarchyCommonProps {\n  /** Sets the trigger title */\n  title: string;\n  /** Opens or closes the expander */\n  expanded?: boolean;\n  /** Called when expander is open/closed. */\n  onExpand?: (isExpanded: boolean) => void;\n  /** Sets the expanded content */\n  children?: React.ReactNode;\n  /** Sets the data-testid attribute on the expander button. */\n  testId?: string;\n}\n\nexport type ExpanderType = React.FC<ExpanderProps>;\n\nconst Expander: ExpanderType = ({\n  title,\n  htmlMarkup = 'h2',\n  level = 1,\n  print,\n  expanded = false,\n  onExpand,\n  children,\n  testId,\n}: ExpanderProps) => {\n  const contentClasses = classNames(\n    styles.expander__content,\n    level <= 2 && styles[`expander__content--${level}`],\n    level > 2 && styles[`expander__content--3-and-lower`]\n  );\n\n  return (\n    <li className={styles.expander}>\n      <ExpanderButton htmlMarkup={htmlMarkup} level={level} print={print} expanded={expanded} onExpand={onExpand} testId={testId}>\n        {title}\n      </ExpanderButton>\n      <div className={contentClasses}>\n        {React.Children.map(children, child =>\n          isComponent<ExpanderHierarchyProps>(child, ExpanderHierarchy)\n            ? React.cloneElement(child, { htmlMarkup: getHeadingTag(htmlMarkup), level: level + 1, print })\n            : child\n        )}\n      </div>\n    </li>\n  );\n};\n\nexport default Expander;\n"],"names":["Expander","title","htmlMarkup","level","print","expanded","onExpand","children","testId","contentClasses","classNames","styles","React","ExpanderButton","isComponent","child","ExpanderHierarchy","getHeadingTag","Expander$1"],"mappings":";;;;;;;AA0BA,MAAMA,IAAyB,CAAC;AAAA,EAC9B,OAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,OAAAC,IAAQ;AAAA,EACR,OAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AACF,MAAqB;AACnB,QAAMC,IAAiBC;AAAA,IACrBC,EAAO;AAAA,IACPR,KAAS,KAAKQ,EAAO,sBAAsBR,CAAK,EAAE;AAAA,IAClDA,IAAQ,KAAKQ,EAAO,gCAAgC;AAAA,EAAA;AAIpD,SAAAC,gBAAAA,EAAA,cAAC,QAAG,WAAWD,EAAO,YACnBC,gBAAAA,EAAA,cAAAC,GAAA,EAAe,YAAAX,GAAwB,OAAAC,GAAc,OAAAC,GAAc,UAAAC,GAAoB,UAAAC,GAAoB,QAAAE,EAAA,GACzGP,CACH,GACAW,gBAAAA,EAAA,cAAC,SAAI,WAAWH,EAAA,GACbG,EAAM,SAAS;AAAA,IAAIL;AAAA,IAAU,OAC5BO,EAAoCC,GAAOC,CAAiB,IACxDJ,EAAM,aAAaG,GAAO,EAAE,YAAYE,EAAcf,CAAU,GAAG,OAAOC,IAAQ,GAAG,OAAAC,EAAO,CAAA,IAC5FW;AAAA,EAER,CAAA,CACF;AAEJ,GAEAG,IAAelB;"}

package/components/ExpanderHierarchy/ExpanderButton.js

@@ -1,5 +1,5 @@
-import o from "react";
-import a from "classnames";
+import a from "react";
+import o from "classnames";
 import { AnalyticsId as b, IconSize as h } from "../../constants.js";
 import { useExpand as w } from "../../hooks/useExpand.js";
 import { useHover as y } from "../../hooks/useHover.js";
@@ -10,22 +10,22 @@ import e from "./expander.module.scss";
 const g = ({ htmlMarkup: s = "h2", level: t = 1, print: r, expanded: d, onExpand: p, children: i, testId: c }) => {
   const { hoverRef: m, isHovered: _ } = y(), [n, x] = w(d, p), l = () => {
     x(!n);
-  }, u = s, f = a(
+  }, u = s, f = o(
     e.expander__button,
     t > 1 && e["expander__button--2-and-lower"],
     r && e["expander__button--print"]
-  ), E = a(
+  ), E = o(
     e.expander__title,
     t <= 3 && e[`expander__title--${t}`],
     t > 3 && e["expander__title--4-and-lower"],
     n && e["expander__title--expanded"],
     r && e["expander__title--print"]
-  ), C = a(
+  ), C = o(
     e.expander__icon,
     t > 1 && e["expander__icon--2-and-lower"],
     t > 2 && e["expander__icon--3-and-lower"]
   );
-  return /* @__PURE__ */ o.createElement(u, { className: E }, /* @__PURE__ */ o.createElement(
+  return /* @__PURE__ */ a.createElement(u, { className: E }, /* @__PURE__ */ a.createElement(
     "button",
     {
       type: "button",
@@ -37,7 +37,7 @@ const g = ({ htmlMarkup: s = "h2", level: t = 1, print: r, expanded: d, onExpand
       "data-analyticsid": b.ExpanderHierarchyExpander
     },
     i,
-    /* @__PURE__ */ o.createElement(I, { svgIcon: n ? H : N, isHovered: _, className: C, size: h.XSmall })
+    /* @__PURE__ */ a.createElement(I, { svgIcon: n ? H : N, isHovered: _, className: C, size: h.XSmall })
   ));
 }, T = g;
 export {

package/components/ExpanderHierarchy/ExpanderButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExpanderButton.js","sources":["../../../src/components/ExpanderHierarchy/ExpanderButton.tsx"],"sourcesContent":["import React from 'react';\n\nimport classNames from 'classnames';\n\nimport { AnalyticsId } from '../../constants';\nimport { useExpand } from '../../hooks/useExpand';\nimport { useHover } from '../../hooks/useHover';\nimport { ExpanderHierarchyCommonProps } from '../ExpanderHierarchy';\nimport Icon, { IconSize } from '../Icon';\nimport ChevronDown from '../Icons/ChevronDown';\nimport ChevronUp from '../Icons/ChevronUp';\n\nimport styles from './expander.module.scss';\n\ninterface ExpanderButtonProps extends ExpanderHierarchyCommonProps {\n  expanded: boolean;\n  onExpand?: (isExpanded: boolean) => void;\n  children: string;\n  testId?: string;\n}\n\nconst ExpanderButton: React.FC<ExpanderButtonProps> = ({ htmlMarkup = 'h2', level = 1, print, expanded, onExpand, children, testId }) => {\n  const { hoverRef, isHovered } = useHover<HTMLButtonElement>();\n  const [isExpanded, setIsExpanded] = useExpand(expanded, onExpand);\n\n  const handleClick = (): void => {\n    setIsExpanded(!isExpanded);\n  };\n\n  const CustomTag = htmlMarkup;\n\n  const buttonClasses = classNames(\n    styles.expander__button,\n    level > 1 && styles[`expander__button--2-and-lower`],\n    print && styles['expander__button--print']\n  );\n\n  const titleClasses = classNames(\n    styles.expander__title,\n    level <= 3 && styles[`expander__title--${level}`],\n    level > 3 && styles[`expander__title--4-and-lower`],\n    isExpanded && styles['expander__title--expanded'],\n    print && styles['expander__title--print']\n  );\n\n  const iconClasses = classNames(\n    styles.expander__icon,\n    level > 1 && styles[`expander__icon--2-and-lower`],\n    level > 2 && styles[`expander__icon--3-and-lower`]\n  );\n\n  return (\n    <CustomTag className={titleClasses}>\n      <button\n        type=\"button\"\n        onClick={handleClick}\n        className={buttonClasses}\n        aria-expanded={isExpanded}\n        ref={hoverRef}\n        data-testid={testId}\n        data-analyticsid={AnalyticsId.ExpanderHierarchyExpander}\n      >\n        {children}\n        <Icon svgIcon={isExpanded ? ChevronUp : ChevronDown} isHovered={isHovered} className={iconClasses} size={IconSize.XSmall} />\n      </button>\n    </CustomTag>\n  );\n};\n\nexport default ExpanderButton;\n"],"names":["ExpanderButton","htmlMarkup","level","print","expanded","onExpand","children","testId","hoverRef","isHovered","useHover","isExpanded","setIsExpanded","useExpand","handleClick","CustomTag","buttonClasses","classNames","styles","titleClasses","iconClasses","React","AnalyticsId","Icon","ChevronUp","ChevronDown","IconSize","ExpanderButton$1"],"mappings":";;;;;;;;;AAqBA,MAAMA,IAAgD,CAAC,EAAE,YAAAC,IAAa,MAAM,OAAAC,IAAQ,GAAG,OAAAC,GAAO,UAAAC,GAAU,UAAAC,GAAU,UAAAC,GAAU,QAAAC,EAAA,MAAa;AACvI,QAAM,EAAE,UAAAC,GAAU,WAAAC,EAAU,IAAIC,EAA4B,GACtD,CAACC,GAAYC,CAAa,IAAIC,EAAUT,GAAUC,CAAQ,GAE1DS,IAAc,MAAY;AAC9B,IAAAF,EAAc,CAACD,CAAU;AAAA,EAAA,GAGrBI,IAAYd,GAEZe,IAAgBC;AAAA,IACpBC,EAAO;AAAA,IACPhB,IAAQ,KAAKgB,EAAO,+BAA+B;AAAA,IACnDf,KAASe,EAAO,yBAAyB;AAAA,EAAA,GAGrCC,IAAeF;AAAA,IACnBC,EAAO;AAAA,IACPhB,KAAS,KAAKgB,EAAO,oBAAoBhB,CAAK,EAAE;AAAA,IAChDA,IAAQ,KAAKgB,EAAO,8BAA8B;AAAA,IAClDP,KAAcO,EAAO,2BAA2B;AAAA,IAChDf,KAASe,EAAO,wBAAwB;AAAA,EAAA,GAGpCE,IAAcH;AAAA,IAClBC,EAAO;AAAA,IACPhB,IAAQ,KAAKgB,EAAO,6BAA6B;AAAA,IACjDhB,IAAQ,KAAKgB,EAAO,6BAA6B;AAAA,EAAA;AAIjD,SAAA,gBAAAG,EAAA,cAACN,GAAU,EAAA,WAAWI,EACpB,GAAA,gBAAAE,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,SAASP;AAAA,MACT,WAAWE;AAAA,MACX,iBAAeL;AAAA,MACf,KAAKH;AAAA,MACL,eAAaD;AAAA,MACb,oBAAkBe,EAAY;AAAA,IAAA;AAAA,IAE7BhB;AAAA,IACD,gBAAAe,EAAA,cAACE,GAAK,EAAA,SAASZ,IAAaa,IAAYC,GAAa,WAAAhB,GAAsB,WAAWW,GAAa,MAAMM,EAAS,OAAQ,CAAA;AAAA,EAAA,CAE9H;AAEJ,GAEAC,IAAe3B;"}
+{"version":3,"file":"ExpanderButton.js","sources":["../../../src/components/ExpanderHierarchy/ExpanderButton.tsx"],"sourcesContent":["import React from 'react';\n\nimport classNames from 'classnames';\n\nimport { AnalyticsId } from '../../constants';\nimport { useExpand } from '../../hooks/useExpand';\nimport { useHover } from '../../hooks/useHover';\nimport { ExpanderHierarchyCommonProps } from '../ExpanderHierarchy';\nimport Icon, { IconSize } from '../Icon';\nimport ChevronDown from '../Icons/ChevronDown';\nimport ChevronUp from '../Icons/ChevronUp';\n\nimport styles from './expander.module.scss';\n\ninterface ExpanderButtonProps extends ExpanderHierarchyCommonProps {\n  expanded: boolean;\n  onExpand?: (isExpanded: boolean) => void;\n  children: string;\n  testId?: string;\n}\n\nconst ExpanderButton: React.FC<ExpanderButtonProps> = ({ htmlMarkup = 'h2', level = 1, print, expanded, onExpand, children, testId }) => {\n  const { hoverRef, isHovered } = useHover<HTMLButtonElement>();\n  const [isExpanded, setIsExpanded] = useExpand(expanded, onExpand);\n\n  const handleClick = (): void => {\n    setIsExpanded(!isExpanded);\n  };\n\n  const CustomTag = htmlMarkup;\n\n  const buttonClasses = classNames(\n    styles.expander__button,\n    level > 1 && styles[`expander__button--2-and-lower`],\n    print && styles['expander__button--print']\n  );\n\n  const titleClasses = classNames(\n    styles.expander__title,\n    level <= 3 && styles[`expander__title--${level}`],\n    level > 3 && styles[`expander__title--4-and-lower`],\n    isExpanded && styles['expander__title--expanded'],\n    print && styles['expander__title--print']\n  );\n\n  const iconClasses = classNames(\n    styles.expander__icon,\n    level > 1 && styles[`expander__icon--2-and-lower`],\n    level > 2 && styles[`expander__icon--3-and-lower`]\n  );\n\n  return (\n    <CustomTag className={titleClasses}>\n      <button\n        type=\"button\"\n        onClick={handleClick}\n        className={buttonClasses}\n        aria-expanded={isExpanded}\n        ref={hoverRef}\n        data-testid={testId}\n        data-analyticsid={AnalyticsId.ExpanderHierarchyExpander}\n      >\n        {children}\n        <Icon svgIcon={isExpanded ? ChevronUp : ChevronDown} isHovered={isHovered} className={iconClasses} size={IconSize.XSmall} />\n      </button>\n    </CustomTag>\n  );\n};\n\nexport default ExpanderButton;\n"],"names":["ExpanderButton","htmlMarkup","level","print","expanded","onExpand","children","testId","hoverRef","isHovered","useHover","isExpanded","setIsExpanded","useExpand","handleClick","CustomTag","buttonClasses","classNames","styles","titleClasses","iconClasses","React","AnalyticsId","Icon","ChevronUp","ChevronDown","IconSize","ExpanderButton$1"],"mappings":";;;;;;;;;AAqBA,MAAMA,IAAgD,CAAC,EAAE,YAAAC,IAAa,MAAM,OAAAC,IAAQ,GAAG,OAAAC,GAAO,UAAAC,GAAU,UAAAC,GAAU,UAAAC,GAAU,QAAAC,EAAA,MAAa;AACvI,QAAM,EAAE,UAAAC,GAAU,WAAAC,EAAU,IAAIC,EAA4B,GACtD,CAACC,GAAYC,CAAa,IAAIC,EAAUT,GAAUC,CAAQ,GAE1DS,IAAc,MAAY;AAC9B,IAAAF,EAAc,CAACD,CAAU;AAAA,EAAA,GAGrBI,IAAYd,GAEZe,IAAgBC;AAAA,IACpBC,EAAO;AAAA,IACPhB,IAAQ,KAAKgB,EAAO,+BAA+B;AAAA,IACnDf,KAASe,EAAO,yBAAyB;AAAA,EAAA,GAGrCC,IAAeF;AAAA,IACnBC,EAAO;AAAA,IACPhB,KAAS,KAAKgB,EAAO,oBAAoBhB,CAAK,EAAE;AAAA,IAChDA,IAAQ,KAAKgB,EAAO,8BAA8B;AAAA,IAClDP,KAAcO,EAAO,2BAA2B;AAAA,IAChDf,KAASe,EAAO,wBAAwB;AAAA,EAAA,GAGpCE,IAAcH;AAAA,IAClBC,EAAO;AAAA,IACPhB,IAAQ,KAAKgB,EAAO,6BAA6B;AAAA,IACjDhB,IAAQ,KAAKgB,EAAO,6BAA6B;AAAA,EAAA;AAIjD,SAAAG,gBAAAA,EAAA,cAACN,GAAU,EAAA,WAAWI,EACpB,GAAAE,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,SAASP;AAAA,MACT,WAAWE;AAAA,MACX,iBAAeL;AAAA,MACf,KAAKH;AAAA,MACL,eAAaD;AAAA,MACb,oBAAkBe,EAAY;AAAA,IAAA;AAAA,IAE7BhB;AAAA,IACDe,gBAAAA,EAAA,cAACE,GAAK,EAAA,SAASZ,IAAaa,IAAYC,GAAa,WAAAhB,GAAsB,WAAWW,GAAa,MAAMM,EAAS,OAAQ,CAAA;AAAA,EAAA,CAE9H;AAEJ,GAEAC,IAAe3B;"}

package/components/ExpanderHierarchy/ExpanderHierarchy.js

@@ -1,8 +1,8 @@
 import e from "react";
-import d from "classnames";
+import c from "classnames";
 import n from "./Expander.js";
 import { AnalyticsId as h } from "../../constants.js";
-import { isComponent as x } from "../../utils/component.js";
+import { isComponent as l } from "../../utils/component.js";
 import t from "./styles.module.scss";
 const o = ({
   htmlMarkup: s = "h2",
@@ -11,14 +11,14 @@ const o = ({
   children: i,
   testId: p
 }) => {
-  const c = d(
+  const d = c(
     t.expanderhierarchy,
     t[`expanderhierarchy--${r}`],
     r > 2 && t["expanderhierarchy--3-and-lower"]
   );
-  return /* @__PURE__ */ e.createElement("ul", { className: c, "data-testid": p, "data-analyticsid": h.ExpanderHierarchy }, e.Children.map(
+  return /* @__PURE__ */ e.createElement("ul", { className: d, "data-testid": p, "data-analyticsid": h.ExpanderHierarchy }, e.Children.map(
     i,
-    (a) => x(a, n) ? e.cloneElement(a, { htmlMarkup: s, level: r, print: m }) : a
+    (a) => l(a, n) ? e.cloneElement(a, { htmlMarkup: s, level: r, print: m }) : a
   ));
 };
 o.Expander = n;

package/components/ExpanderHierarchy/ExpanderHierarchy.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExpanderHierarchy.js","sources":["../../../src/components/ExpanderHierarchy/ExpanderHierarchy.tsx"],"sourcesContent":["import React from 'react';\n\nimport classNames from 'classnames';\n\nimport Expander, { ExpanderProps, ExpanderType } from './Expander';\nimport { HeadingTags } from './utils';\nimport { AnalyticsId } from '../../constants';\nimport { isComponent } from '../../utils/component';\n\nimport styles from './styles.module.scss';\n\nexport interface ExpanderHierarchyCommonProps {\n  /** Changes the underlying element of the expander title. Default: h2. */\n  htmlMarkup?: HeadingTags;\n  /** Expand all children when printing. */\n  print?: boolean;\n  /** Expander nesting level. Should not be set manually. */\n  level?: number;\n}\n\nexport interface ExpanderHierarchyProps extends ExpanderHierarchyCommonProps {\n  children: React.ReactNode;\n  /** Sets the data-testid attribute on the expander list. */\n  testId?: string;\n}\n\nexport interface ExpanderHierarchyCompound extends React.FC<ExpanderHierarchyProps> {\n  Expander: ExpanderType;\n}\n\nconst ExpanderHierarchy: ExpanderHierarchyCompound = ({\n  htmlMarkup = 'h2',\n  level = 1,\n  print,\n  children,\n  testId,\n}: ExpanderHierarchyProps) => {\n  const listClasses = classNames(\n    styles.expanderhierarchy,\n    styles[`expanderhierarchy--${level}`],\n    level > 2 && styles[`expanderhierarchy--3-and-lower`]\n  );\n\n  return (\n    <ul className={listClasses} data-testid={testId} data-analyticsid={AnalyticsId.ExpanderHierarchy}>\n      {React.Children.map(children, child =>\n        isComponent<ExpanderProps>(child, Expander) ? React.cloneElement(child, { htmlMarkup, level, print }) : child\n      )}\n    </ul>\n  );\n};\n\nExpanderHierarchy.Expander = Expander;\n\nexport default ExpanderHierarchy;\n"],"names":["ExpanderHierarchy","htmlMarkup","level","print","children","testId","listClasses","classNames","styles","React","AnalyticsId","child","isComponent","Expander","ExpanderHierarchy$1"],"mappings":";;;;;;AA8BA,MAAMA,IAA+C,CAAC;AAAA,EACpD,YAAAC,IAAa;AAAA,EACb,OAAAC,IAAQ;AAAA,EACR,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AACF,MAA8B;AAC5B,QAAMC,IAAcC;AAAA,IAClBC,EAAO;AAAA,IACPA,EAAO,sBAAsBN,CAAK,EAAE;AAAA,IACpCA,IAAQ,KAAKM,EAAO,gCAAgC;AAAA,EAAA;AAIpD,SAAA,gBAAAC,EAAA,cAAC,MAAG,EAAA,WAAWH,GAAa,eAAaD,GAAQ,oBAAkBK,EAAY,kBAC5E,GAAAD,EAAM,SAAS;AAAA,IAAIL;AAAA,IAAU,CAC5BO,MAAAC,EAA2BD,GAAOE,CAAQ,IAAIJ,EAAM,aAAaE,GAAO,EAAE,YAAAV,GAAY,OAAAC,GAAO,OAAAC,EAAA,CAAO,IAAIQ;AAAA,EAAA,CAE5G;AAEJ;AAEAX,EAAkB,WAAWa;AAE7B,MAAAC,IAAed;"}
+{"version":3,"file":"ExpanderHierarchy.js","sources":["../../../src/components/ExpanderHierarchy/ExpanderHierarchy.tsx"],"sourcesContent":["import React from 'react';\n\nimport classNames from 'classnames';\n\nimport Expander, { ExpanderProps, ExpanderType } from './Expander';\nimport { HeadingTags } from './utils';\nimport { AnalyticsId } from '../../constants';\nimport { isComponent } from '../../utils/component';\n\nimport styles from './styles.module.scss';\n\nexport interface ExpanderHierarchyCommonProps {\n  /** Changes the underlying element of the expander title. Default: h2. */\n  htmlMarkup?: HeadingTags;\n  /** Expand all children when printing. */\n  print?: boolean;\n  /** Expander nesting level. Should not be set manually. */\n  level?: number;\n}\n\nexport interface ExpanderHierarchyProps extends ExpanderHierarchyCommonProps {\n  children: React.ReactNode;\n  /** Sets the data-testid attribute on the expander list. */\n  testId?: string;\n}\n\nexport interface ExpanderHierarchyCompound extends React.FC<ExpanderHierarchyProps> {\n  Expander: ExpanderType;\n}\n\nconst ExpanderHierarchy: ExpanderHierarchyCompound = ({\n  htmlMarkup = 'h2',\n  level = 1,\n  print,\n  children,\n  testId,\n}: ExpanderHierarchyProps) => {\n  const listClasses = classNames(\n    styles.expanderhierarchy,\n    styles[`expanderhierarchy--${level}`],\n    level > 2 && styles[`expanderhierarchy--3-and-lower`]\n  );\n\n  return (\n    <ul className={listClasses} data-testid={testId} data-analyticsid={AnalyticsId.ExpanderHierarchy}>\n      {React.Children.map(children, child =>\n        isComponent<ExpanderProps>(child, Expander) ? React.cloneElement(child, { htmlMarkup, level, print }) : child\n      )}\n    </ul>\n  );\n};\n\nExpanderHierarchy.Expander = Expander;\n\nexport default ExpanderHierarchy;\n"],"names":["ExpanderHierarchy","htmlMarkup","level","print","children","testId","listClasses","classNames","styles","React","AnalyticsId","child","isComponent","Expander","ExpanderHierarchy$1"],"mappings":";;;;;;AA8BA,MAAMA,IAA+C,CAAC;AAAA,EACpD,YAAAC,IAAa;AAAA,EACb,OAAAC,IAAQ;AAAA,EACR,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AACF,MAA8B;AAC5B,QAAMC,IAAcC;AAAA,IAClBC,EAAO;AAAA,IACPA,EAAO,sBAAsBN,CAAK,EAAE;AAAA,IACpCA,IAAQ,KAAKM,EAAO,gCAAgC;AAAA,EAAA;AAIpD,SAAAC,gBAAAA,EAAA,cAAC,MAAG,EAAA,WAAWH,GAAa,eAAaD,GAAQ,oBAAkBK,EAAY,kBAC5E,GAAAD,EAAM,SAAS;AAAA,IAAIL;AAAA,IAAU,CAC5BO,MAAAC,EAA2BD,GAAOE,CAAQ,IAAIJ,EAAM,aAAaE,GAAO,EAAE,YAAAV,GAAY,OAAAC,GAAO,OAAAC,EAAA,CAAO,IAAIQ;AAAA,EAAA,CAE5G;AAEJ;AAEAX,EAAkB,WAAWa;AAE7B,MAAAC,IAAed;"}

package/components/ExpanderList/ExpanderList.d.ts

@@ -13,8 +13,6 @@ export type ExpanderListVariant = 'line' | 'outline' | 'fill';
 interface ExpanderListProps {
     /** Toggles accordion functionality for the expanders. */
     accordion?: boolean;
-    /** @deprecated Skal fases ut - Brukes ikke lenger. */
-    bottomBorder?: boolean;
     /** Items in the ExpanderList */
     children: React.ReactNode;
     /** Toggles padding of child elements */
@@ -25,13 +23,8 @@ interface ExpanderListProps {
     color?: ExpanderListColors;
     /** Changes the font size. */
     large?: boolean;
-    /** Opens the first item in the list. */
-    /** @deprecated Skal fases ut til fordel for å bruke expanded-prop på første ExpanderList.Expander */
-    isOpen?: boolean;
     /** Whether to render children when closed (in which case they are hidden with CSS). Default: false */
     renderChildrenWhenClosed?: boolean;
-    /** @deprecated Skal fases ut - Brukes ikke lenger. */
-    topBorder?: boolean;
     /** Stick expander trigger to top of screen while scrolling down */
     sticky?: boolean;
     /** Sets the data-testid attribute. */

package/components/ExpanderList/ExpanderList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExpanderList.d.ts","sourceRoot":"","sources":["../../../src/components/ExpanderList/ExpanderList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAS3D,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAKnD,OAAO,EAAE,cAAc,EAAoB,MAAM,0BAA0B,CAAC;AAC5E,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAIrC,MAAM,MAAM,kBAAkB,GAAG,YAAY,CAAC;AAC9C,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,yBAAyB,CAAC,aAAa,GAAG,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC;IACvH,UAAU,CAAC,EAAE,cAAc,CAAC;CAC7B;AAED,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,yBAAyB,CAAC,iBAAiB,GAAG,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;IACtI,QAAQ,EAAE,YAAY,CAAC;CACxB;AAED,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,CAAC;AAE9D,UAAU,iBAAiB;IACzB,yDAAyD;IACzD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sDAAsD;IACtD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gCAAgC;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,wCAAwC;IACxC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uDAAuD;IACvD,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,6BAA6B;IAC7B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,wCAAwC;IACxC,qGAAqG;IACrG,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,sGAAsG;IACtG,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,sDAAsD;IACtD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mEAAmE;IACnE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,2BAA2B;IAC3B,OAAO,CAAC,EAAE,mBAAmB,CAAC;CAC/B;AAED,KAAK,MAAM,CAAC,CAAC,EAAE,CAAC,IAAI,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC;AAEzC,KAAK,aAAa,GAAG,MAAM,CACzB,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,EACvC;IACE,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IAC5B,gEAAgE;IAChE,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IACjF,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;CAC1C,CACF,GACC,IAAI,CAAC,iBAAiB,EAAE,0BAA0B,GAAG,QAAQ,GAAG,SAAS,CAAC,CAAC;AA0F7E,eAAO,MAAM,YAAY,sBA+FC,CAAC;AAM3B,eAAe,YAAY,CAAC"}
+{"version":3,"file":"ExpanderList.d.ts","sourceRoot":"","sources":["../../../src/components/ExpanderList/ExpanderList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAS3D,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAKnD,OAAO,EAAE,cAAc,EAAoB,MAAM,0BAA0B,CAAC;AAC5E,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAIrC,MAAM,MAAM,kBAAkB,GAAG,YAAY,CAAC;AAC9C,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,yBAAyB,CAAC,aAAa,GAAG,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC;IACvH,UAAU,CAAC,EAAE,cAAc,CAAC;CAC7B;AAED,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,yBAAyB,CAAC,iBAAiB,GAAG,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;IACtI,QAAQ,EAAE,YAAY,CAAC;CACxB;AAED,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,CAAC;AAE9D,UAAU,iBAAiB;IACzB,yDAAyD;IACzD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gCAAgC;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,wCAAwC;IACxC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uDAAuD;IACvD,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,6BAA6B;IAC7B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,sGAAsG;IACtG,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,mEAAmE;IACnE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,2BAA2B;IAC3B,OAAO,CAAC,EAAE,mBAAmB,CAAC;CAC/B;AAED,KAAK,MAAM,CAAC,CAAC,EAAE,CAAC,IAAI,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC;AAEzC,KAAK,aAAa,GAAG,MAAM,CACzB,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,EACvC;IACE,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IAC5B,gEAAgE;IAChE,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IACjF,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;CAC1C,CACF,GACC,IAAI,CAAC,iBAAiB,EAAE,0BAA0B,GAAG,QAAQ,GAAG,SAAS,CAAC,CAAC;AA0F7E,eAAO,MAAM,YAAY,sBAyEC,CAAC;AAM3B,eAAe,YAAY,CAAC"}

package/components/ExpanderList/ExpanderList.js

@@ -1,147 +1,134 @@
-import i, { useRef as O, useState as U, useEffect as A } from "react";
-import k from "classnames";
-import { AnalyticsId as D, ZIndex as M } from "../../constants.js";
+import i, { useRef as j, useState as A, useEffect as V } from "react";
+import g from "classnames";
+import { AnalyticsId as U, ZIndex as O } from "../../constants.js";
 import { useExpand as P } from "../../hooks/useExpand.js";
 import { useHover as Z } from "../../hooks/useHover.js";
 import { useSticky as q } from "../../hooks/useSticky.js";
-import { useUuid as F } from "../../hooks/useUuid.js";
-import { mergeRefs as G } from "../../utils/refs.js";
-import { isElementInViewport as K } from "../../utils/viewport.js";
-import Q from "../Icons/ChevronDown.js";
-import X from "../Icons/ChevronUp.js";
-import { renderListHeader as Y } from "../ListHeader/ListHeader.js";
-import s from "./styles.module.scss";
-const V = i.forwardRef((l, h) => {
+import { useUuid as B } from "../../hooks/useUuid.js";
+import { mergeRefs as F } from "../../utils/refs.js";
+import { isElementInViewport as G } from "../../utils/viewport.js";
+import K from "../Icons/ChevronDown.js";
+import Q from "../Icons/ChevronUp.js";
+import { renderListHeader as X } from "../ListHeader/ListHeader.js";
+import n from "./styles.module.scss";
+const H = i.forwardRef((d, y) => {
   const {
-    id: p,
-    children: L,
-    padding: I = !0,
-    color: x = "neutral",
+    id: m,
+    children: _,
+    padding: h = !0,
+    color: L = "neutral",
     className: N = "",
     icon: w,
-    large: g = !1,
-    title: d,
-    titleHtmlMarkup: $ = "span",
-    expanded: R = !1,
-    sticky: b,
-    testId: H,
-    handleExpanderClick: W,
-    onExpand: c,
-    renderChildrenWhenClosed: f,
-    variant: r = "line"
-  } = l, [a] = P(R, c), u = O(null), E = O(null), { isHovered: y } = Z(E), { isOutsideWindow: T, isLeavingWindow: _, offsetHeight: m, contentWidth: n } = q(u, E), e = b && a && T, t = typeof d == "object", o = k(N, {
-    [s["expander-list__item--" + r]]: r,
-    [s["expander-list__item--jsx"]]: t
-  }), C = k(s["expander-list-link"], s[`expander-list-link--${x}`], {
-    [s["expander-list-link--fill"]]: r === "fill",
-    [s["expander-list-link--closed"]]: !a,
-    [s["expander-list-link--large"]]: g,
-    [s["expander-list-link--jsx"]]: t,
-    [s["expander-list-link--sticky"]]: e && !_,
-    [s["expander-list-link--absolute"]]: e && _
-  }), j = () => {
-    if (!f && !a)
+    large: l = !1,
+    title: E,
+    titleHtmlMarkup: I = "span",
+    expanded: $ = !1,
+    sticky: o,
+    testId: k,
+    handleExpanderClick: p,
+    onExpand: R,
+    renderChildrenWhenClosed: C,
+    variant: x = "line"
+  } = d, [r] = P($, R), f = j(null), s = j(null), { isHovered: t } = Z(s), { isOutsideWindow: e, isLeavingWindow: a, offsetHeight: c, contentWidth: b } = q(f, s), u = o && r && e, T = typeof E == "object", z = g(N, {
+    [n["expander-list__item--" + x]]: x,
+    [n["expander-list__item--jsx"]]: T
+  }), D = g(n["expander-list-link"], n[`expander-list-link--${L}`], {
+    [n["expander-list-link--fill"]]: x === "fill",
+    [n["expander-list-link--closed"]]: !r,
+    [n["expander-list-link--large"]]: l,
+    [n["expander-list-link--jsx"]]: T,
+    [n["expander-list-link--sticky"]]: u && !a,
+    [n["expander-list-link--absolute"]]: u && a
+  }), J = () => {
+    if (!C && !r)
       return null;
-    const J = k(
-      s["expander-list-link__main-content"],
-      a && s["expander-list-link__main-content--expanded"],
-      I ? s["expander-list-link__main-content--padding"] : ""
+    const M = g(
+      n["expander-list-link__main-content"],
+      r && n["expander-list-link__main-content--expanded"],
+      h ? n["expander-list-link__main-content--padding"] : ""
     );
-    return /* @__PURE__ */ i.createElement("div", { className: J }, L);
+    return /* @__PURE__ */ i.createElement("div", { className: M }, _);
   };
   return /* @__PURE__ */ i.createElement(
     "li",
     {
-      className: o,
-      ref: G([h, u]),
-      style: { paddingTop: e && m ? `${m}px` : void 0 }
+      className: z,
+      ref: F([y, f]),
+      style: { paddingTop: u && c ? `${c}px` : void 0 }
     },
     /* @__PURE__ */ i.createElement(
       "button",
       {
         type: "button",
-        id: p,
-        onClick: W,
-        "data-testid": H,
-        "data-analyticsid": D.ExpanderListExpander,
-        className: C,
-        ref: E,
-        "aria-expanded": a,
+        id: m,
+        onClick: p,
+        "data-testid": k,
+        "data-analyticsid": U.ExpanderListExpander,
+        className: D,
+        ref: s,
+        "aria-expanded": r,
         style: {
-          zIndex: y || e ? M.ExpanderTrigger : void 0,
-          width: e && n ? `${n}px` : void 0
+          zIndex: t || u ? O.ExpanderTrigger : void 0,
+          width: u && b ? `${b}px` : void 0
         }
       },
-      Y(d, $, y, g ? "large" : "medium", a ? X : Q, w)
+      X(E, I, t, l ? "large" : "medium", r ? Q : K, w)
     ),
-    j()
+    J()
   );
-}), z = (l) => i.isValidElement(l) && l.type === V, B = i.forwardRef((l, h) => {
+}), v = (d) => i.isValidElement(d) && d.type === H, W = i.forwardRef((d, y) => {
   const {
-    children: p,
-    childPadding: L = !0,
-    large: I,
-    isOpen: x = !1,
-    renderChildrenWhenClosed: N = !1,
-    color: w,
-    className: g = "",
-    accordion: d = !1,
-    topBorder: $ = !0,
-    bottomBorder: R = !0,
-    sticky: b = !1,
-    testId: H,
-    variant: W
-  } = l, [c, f] = U(), [r, a] = U(), u = F(), E = i.Children.count(p), y = k(s["expander-list"], g);
-  function T(n, e) {
-    f((t) => d ? { [e]: !(t != null && t[e]) } : { ...t, [e]: !(t != null && t[e]) }), a(n.currentTarget);
+    children: m,
+    childPadding: _ = !0,
+    large: h,
+    renderChildrenWhenClosed: L = !1,
+    color: N,
+    className: w = "",
+    accordion: l = !1,
+    sticky: E = !1,
+    testId: I,
+    variant: $
+  } = d, [o, k] = A(), [p, R] = A(), C = B(), x = g(n["expander-list"], w);
+  function r(s, t) {
+    k((e) => l ? { [t]: !(e != null && e[t]) } : { ...e, [t]: !(e != null && e[t]) }), R(s.currentTarget);
   }
-  const _ = (n) => k(s["expander-list__item"], {
-    [s["expander-list__item--top"]]: n === 0 && $,
-    [s["expander-list__item--no-bottom"]]: n === E - 1 && !R
-  }), m = (n) => `${u}-${n}`;
-  return A(() => {
-    d && r && !K(r) && r.scrollIntoView();
-  }, [d, r]), A(() => {
-    if (x) {
-      const n = m(0);
-      f((e) => d ? { [n]: !(e != null && e[n]) } : { ...e, [n]: !(e != null && e[n]) });
-    }
-  }, [x]), A(() => {
-    var n;
-    if (!x) {
-      const e = (n = i.Children.map(p, (t) => {
-        if (z(t))
-          return t;
-      })) == null ? void 0 : n.reduce((t, o, C) => (typeof o.props.expanded < "u" && (t[m(C)] = o.props.expanded), t), {});
-      f({ ...c, ...e });
-    }
-  }, [p]), /* @__PURE__ */ i.createElement("ul", { className: y, ref: h, "data-testid": H, "data-analyticsid": D.ExpanderList }, i.Children.map(p, (n, e) => {
-    if (z(n)) {
-      const t = m(e), o = c == null ? void 0 : c[t], C = _(e);
-      return i.cloneElement(n, {
-        id: t,
-        key: e,
-        expanded: o,
-        padding: L,
-        color: w,
-        large: I,
-        sticky: b,
-        "aria-expanded": o,
-        className: C,
-        handleExpanderClick: (j) => T(j, `${u}-${e}`),
-        renderChildrenWhenClosed: N,
-        variant: W
+  const f = (s) => `${C}-${s}`;
+  return V(() => {
+    l && p && !G(p) && p.scrollIntoView();
+  }, [l, p]), V(() => {
+    var t;
+    const s = (t = i.Children.map(m, (e) => {
+      if (v(e))
+        return e;
+    })) == null ? void 0 : t.reduce((e, a, c) => (typeof a.props.expanded < "u" && (e[f(c)] = a.props.expanded), e), {});
+    k({ ...o, ...s });
+  }, [m]), /* @__PURE__ */ i.createElement("ul", { className: x, ref: y, "data-testid": I, "data-analyticsid": U.ExpanderList }, i.Children.map(m, (s, t) => {
+    if (v(s)) {
+      const e = f(t), a = o == null ? void 0 : o[e];
+      return i.cloneElement(s, {
+        id: e,
+        key: t,
+        expanded: a,
+        padding: _,
+        color: N,
+        large: h,
+        sticky: E,
+        "aria-expanded": a,
+        className: n["expander-list__item"],
+        handleExpanderClick: (c) => r(c, `${C}-${t}`),
+        renderChildrenWhenClosed: L,
+        variant: $
       });
     }
-    return n;
+    return s;
   }));
 });
-B.displayName = "ExpanderList";
-B.Expander = V;
-V.displayName = "ExpanderList.Expander";
-const ce = B;
+W.displayName = "ExpanderList";
+W.Expander = H;
+H.displayName = "ExpanderList.Expander";
+const ce = W;
 export {
-  B as ExpanderList,
+  W as ExpanderList,
   ce as default
 };
 //# sourceMappingURL=ExpanderList.js.map