@helsenorge/designsystem-react 13.0.0-beta.2 → 13.0.0-beta.4

package/components/HelpBubble/index.js

@@ -1,94 +1,93 @@
+import { n as AnalyticsId, s as LanguageLocales } from "../../constants2.js";
+import "../../usePseudoClasses.js";
+import "../../grid.js";
+import "../../palette.js";
+import "../../spacers.js";
+import "../../theme.js";
+import "../../color.js";
+import "../../spacing.js";
+import "../../currys.js";
+import "../../Icon.js";
+import "../../ArrowUpRight.js";
+import { t as AnchorLink_default } from "../../AnchorLink.js";
+import { r as useLanguage } from "../../language.js";
+import "../../refs.js";
+import "../../useBreakpoint.js";
+import "../../useIsMobileBreakpoint.js";
+import "../../accessibility.js";
+import "../../X.js";
+import { t as Close_default } from "../../Close.js";
+import "../../floating-ui.react.js";
+import { n as PopOverVariant, t as PopOver_default } from "../../PopOver.js";
+import React from "react";
+import cn from "classnames";
 import { jsx, jsxs } from "react/jsx-runtime";
-import React__default from "react";
-import classNames from "classnames";
-import { LanguageLocales, AnalyticsId } from "../../constants.js";
-import { useLanguage } from "../../utils/language.js";
-import { A as AnchorLink } from "../../AnchorLink.js";
-import { C as Close } from "../../Close.js";
-import { a as PopOverVariant, P as PopOver } from "../../PopOver.js";
 import styles from "./styles.module.scss";
-const ariaLabel = "Hjelpetekst";
-const nbNO = {
-  ariaLabel
-};
+var HN_Designsystem_HelpBubble_nb_NO_default = { ariaLabel: "Hjelpetekst" };
 const getResources = (language) => {
-  switch (language) {
-    case LanguageLocales.NORWEGIAN:
-    default:
-      return nbNO;
-  }
+	switch (language) {
+		case LanguageLocales.NORWEGIAN:
+		default: return HN_Designsystem_HelpBubble_nb_NO_default;
+	}
 };
 const HelpBubbleVariant = PopOverVariant;
-const HelpBubble = React__default.forwardRef((props, ref) => {
-  const {
-    ariaLabelledById,
-    children,
-    className = "",
-    noCloseButton,
-    linkText = "Mer hjelp",
-    linkUrl,
-    linkTarget,
-    onLinkClick,
-    onClose,
-    closeAriaLabel,
-    // Props passed on to PopOver
-    showBubble,
-    helpBubbleId,
-    variant,
-    controllerRef,
-    resources,
-    testId
-  } = props;
-  const { language } = useLanguage(LanguageLocales.NORWEGIAN);
-  if (!showBubble) {
-    return null;
-  }
-  const defaultResources = getResources(language);
-  const mergedResources = {
-    ...defaultResources,
-    ...resources,
-    ariaLabel: props.ariaLabel ?? (resources == null ? void 0 : resources.ariaLabel) ?? defaultResources.ariaLabel
-  };
-  const helpBubbleClasses = classNames(styles.helpbubble, className);
-  const contentClasses = classNames(styles.helpbubble__content);
-  const renderLink = () => {
-    if (onLinkClick && linkText) {
-      return /* @__PURE__ */ jsx("button", { className: styles.helpbubble__link, onClick: onLinkClick, type: "button", children: linkText });
-    } else if (linkUrl && linkText) {
-      return /* @__PURE__ */ jsx(AnchorLink, { href: linkUrl, target: linkTarget, children: linkText });
-    }
-  };
-  const renderCloseButton = () => {
-    if (noCloseButton) {
-      return;
-    }
-    return /* @__PURE__ */ jsx(Close, { small: true, color: "plum", onClick: onClose, ariaLabel: closeAriaLabel, className: styles.helpbubble__close });
-  };
-  return /* @__PURE__ */ jsx(
-    PopOver,
-    {
-      ariaLabel: mergedResources.ariaLabel,
-      ariaLabelledById,
-      id: helpBubbleId,
-      variant,
-      controllerRef,
-      role: "dialog",
-      ref,
-      show: showBubble,
-      testId,
-      children: /* @__PURE__ */ jsxs("div", { className: helpBubbleClasses, "data-analyticsid": AnalyticsId.HelpBubble, children: [
-        renderCloseButton(),
-        /* @__PURE__ */ jsxs("div", { className: contentClasses, children: [
-          children,
-          renderLink()
-        ] })
-      ] })
-    }
-  );
+var HelpBubble = React.forwardRef((props, ref) => {
+	const { ariaLabelledById, children, className = "", noCloseButton, linkText = "Mer hjelp", linkUrl, linkTarget, onLinkClick, onClose, closeAriaLabel, showBubble, helpBubbleId, variant, controllerRef, resources, testId } = props;
+	const { language } = useLanguage(LanguageLocales.NORWEGIAN);
+	if (!showBubble) return null;
+	const defaultResources = getResources(language);
+	const mergedResources = {
+		...defaultResources,
+		...resources,
+		ariaLabel: props.ariaLabel ?? resources?.ariaLabel ?? defaultResources.ariaLabel
+	};
+	const helpBubbleClasses = cn(styles.helpbubble, className);
+	const contentClasses = cn(styles.helpbubble__content);
+	const renderLink = () => {
+		if (onLinkClick && linkText) return /* @__PURE__ */ jsx("button", {
+			className: styles.helpbubble__link,
+			onClick: onLinkClick,
+			type: "button",
+			children: linkText
+		});
+		else if (linkUrl && linkText) return /* @__PURE__ */ jsx(AnchorLink_default, {
+			href: linkUrl,
+			target: linkTarget,
+			children: linkText
+		});
+	};
+	const renderCloseButton = () => {
+		if (noCloseButton) return;
+		return /* @__PURE__ */ jsx(Close_default, {
+			small: true,
+			color: "plum",
+			onClick: onClose,
+			ariaLabel: closeAriaLabel,
+			className: styles.helpbubble__close
+		});
+	};
+	return /* @__PURE__ */ jsx(PopOver_default, {
+		ariaLabel: mergedResources.ariaLabel,
+		ariaLabelledById,
+		id: helpBubbleId,
+		variant,
+		controllerRef,
+		role: "dialog",
+		ref,
+		show: showBubble,
+		testId,
+		children: /* @__PURE__ */ jsxs("div", {
+			className: helpBubbleClasses,
+			"data-analyticsid": AnalyticsId.HelpBubble,
+			children: [renderCloseButton(), /* @__PURE__ */ jsxs("div", {
+				className: contentClasses,
+				children: [children, renderLink()]
+			})]
+		})
+	});
 });
 HelpBubble.displayName = "HelpBubble";
-export {
-  HelpBubbleVariant,
-  HelpBubble as default
-};
-//# sourceMappingURL=index.js.map
+var HelpBubble_default = HelpBubble;
+export { HelpBubbleVariant, HelpBubble_default as default };
+
+//# sourceMappingURL=index.js.map

package/components/HelpBubble/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/HelpBubble/resourceHelper.ts","../../../src/components/HelpBubble/HelpBubble.tsx"],"sourcesContent":["import { LanguageLocales } from '../../constants';\nimport nbNO from '../../resources/HN.Designsystem.HelpBubble.nb-NO.json';\nimport { HNDesignsystemHelpBubble } from '../../resources/Resources';\n\nexport const getResources = (language: LanguageLocales): HNDesignsystemHelpBubble => {\n  switch (language) {\n    case LanguageLocales.NORWEGIAN:\n    default:\n      return nbNO;\n  }\n};\n","import React from 'react';\n\nimport classNames from 'classnames';\n\nimport { AnalyticsId, LanguageLocales } from '../../constants';\nimport { HNDesignsystemHelpBubble } from '../../resources/Resources';\nimport { useLanguage } from '../../utils/language';\nimport AnchorLink, { AnchorLinkTargets } from '../AnchorLink';\nimport Close from '../Close';\nimport PopOver, { PopOverProps, PopOverVariant } from '../PopOver';\nimport { getResources } from './resourceHelper';\n\nimport styles from './styles.module.scss';\n\nexport const HelpBubbleVariant = PopOverVariant;\n\nexport interface HelpBubbleProps extends Pick<PopOverProps, 'children' | 'variant' | 'controllerRef' | 'role'> {\n  /** Sets aria-label of the bubble. */\n  ariaLabel?: string;\n  /** Sets aria-labelledby of the bubble. */\n  ariaLabelledById?: string;\n  /** Id of the HelpBubble */\n  helpBubbleId?: string;\n  /** Content shown inside HelpBubble. */\n  children: React.ReactNode;\n  /** Ref for the element the HelpBubble is placed upon */\n  controllerRef: React.RefObject<HTMLElement | SVGSVGElement>;\n  /** Adds custom classes to the element. */\n  className?: string;\n  /** Determines the placement of the helpbubble. Default: automatic positioning. */\n  variant?: keyof typeof HelpBubbleVariant;\n  /** Show the bubble. Default: false. */\n  showBubble?: boolean;\n  /** Hide the close button in the bubble. */\n  noCloseButton?: boolean;\n  /** Visible text on the link. */\n  linkText?: string;\n  /** Url the link leads to */\n  linkUrl?: string;\n  /** Sets the target type of the link. _blank adds an arrow icon at the end of the link */\n  linkTarget?: AnchorLinkTargets;\n  /** Function is called when link is clicked */\n  onLinkClick?: () => void;\n  /** Function is called when user clicks the button */\n  onClose?: () => void;\n  /** aria-label to be passed onto Close */\n  closeAriaLabel?: string;\n  /** Resources for the component */\n  resources?: Partial<HNDesignsystemHelpBubble>;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n}\n\nconst HelpBubble = React.forwardRef<HTMLDivElement | SVGSVGElement, HelpBubbleProps>((props, ref) => {\n  const {\n    ariaLabelledById,\n    children,\n    className = '',\n    noCloseButton,\n    linkText = 'Mer hjelp',\n    linkUrl,\n    linkTarget,\n    onLinkClick,\n    onClose,\n    closeAriaLabel,\n    // Props passed on to PopOver\n    showBubble,\n    helpBubbleId,\n    variant,\n    controllerRef,\n    resources,\n    testId,\n  } = props;\n\n  const { language } = useLanguage<LanguageLocales>(LanguageLocales.NORWEGIAN);\n\n  if (!showBubble) {\n    return null;\n  }\n\n  const defaultResources = getResources(language);\n  const mergedResources: HNDesignsystemHelpBubble = {\n    ...defaultResources,\n    ...resources,\n    ariaLabel: props.ariaLabel ?? resources?.ariaLabel ?? defaultResources.ariaLabel,\n  };\n\n  const helpBubbleClasses = classNames(styles.helpbubble, className);\n  const contentClasses = classNames(styles.helpbubble__content);\n\n  const renderLink = (): JSX.Element | undefined => {\n    if (onLinkClick && linkText) {\n      return (\n        <button className={styles.helpbubble__link} onClick={onLinkClick} type=\"button\">\n          {linkText}\n        </button>\n      );\n    } else if (linkUrl && linkText) {\n      return (\n        <AnchorLink href={linkUrl} target={linkTarget}>\n          {linkText}\n        </AnchorLink>\n      );\n    }\n  };\n\n  const renderCloseButton = (): JSX.Element | undefined => {\n    if (noCloseButton) {\n      return;\n    }\n    return <Close small color=\"plum\" onClick={onClose} ariaLabel={closeAriaLabel} className={styles.helpbubble__close} />;\n  };\n\n  return (\n    <PopOver\n      ariaLabel={mergedResources.ariaLabel}\n      ariaLabelledById={ariaLabelledById}\n      id={helpBubbleId}\n      variant={variant}\n      controllerRef={controllerRef}\n      role=\"dialog\"\n      ref={ref}\n      show={showBubble}\n      testId={testId}\n    >\n      <div className={helpBubbleClasses} data-analyticsid={AnalyticsId.HelpBubble}>\n        {renderCloseButton()}\n        <div className={contentClasses}>\n          {children}\n          {renderLink()}\n        </div>\n      </div>\n    </PopOver>\n  );\n});\n\nHelpBubble.displayName = 'HelpBubble';\n\nexport default HelpBubble;\n"],"names":["React"],"mappings":";;;;;;;;;;;;;AAIO,MAAM,eAAe,CAAC,aAAwD;AACnF,UAAQ,UAAA;AAAA,IACN,KAAK,gBAAgB;AAAA,IACrB;AACE,aAAO;AAAA,EAAA;AAEb;ACIO,MAAM,oBAAoB;AAuCjC,MAAM,aAAaA,eAAM,WAA4D,CAAC,OAAO,QAAQ;AACnG,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACE;AAEJ,QAAM,EAAE,SAAA,IAAa,YAA6B,gBAAgB,SAAS;AAE3E,MAAI,CAAC,YAAY;AACf,WAAO;AAAA,EACT;AAEA,QAAM,mBAAmB,aAAa,QAAQ;AAC9C,QAAM,kBAA4C;AAAA,IAChD,GAAG;AAAA,IACH,GAAG;AAAA,IACH,WAAW,MAAM,cAAa,uCAAW,cAAa,iBAAiB;AAAA,EAAA;AAGzE,QAAM,oBAAoB,WAAW,OAAO,YAAY,SAAS;AACjE,QAAM,iBAAiB,WAAW,OAAO,mBAAmB;AAE5D,QAAM,aAAa,MAA+B;AAChD,QAAI,eAAe,UAAU;AAC3B,aACE,oBAAC,YAAO,WAAW,OAAO,kBAAkB,SAAS,aAAa,MAAK,UACpE,UAAA,SAAA,CACH;AAAA,IAEJ,WAAW,WAAW,UAAU;AAC9B,iCACG,YAAA,EAAW,MAAM,SAAS,QAAQ,YAChC,UAAA,UACH;AAAA,IAEJ;AAAA,EACF;AAEA,QAAM,oBAAoB,MAA+B;AACvD,QAAI,eAAe;AACjB;AAAA,IACF;AACA,WAAO,oBAAC,OAAA,EAAM,OAAK,MAAC,OAAM,QAAO,SAAS,SAAS,WAAW,gBAAgB,WAAW,OAAO,kBAAA,CAAmB;AAAA,EACrH;AAEA,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,gBAAgB;AAAA,MAC3B;AAAA,MACA,IAAI;AAAA,MACJ;AAAA,MACA;AAAA,MACA,MAAK;AAAA,MACL;AAAA,MACA,MAAM;AAAA,MACN;AAAA,MAEA,+BAAC,OAAA,EAAI,WAAW,mBAAmB,oBAAkB,YAAY,YAC9D,UAAA;AAAA,QAAA,kBAAA;AAAA,QACD,qBAAC,OAAA,EAAI,WAAW,gBACb,UAAA;AAAA,UAAA;AAAA,UACA,WAAA;AAAA,QAAW,EAAA,CACd;AAAA,MAAA,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;AAED,WAAW,cAAc;"}
+{"version":3,"file":"index.js","names":["mergedResources: HNDesignsystemHelpBubble"],"sources":["../../../src/resources/HN.Designsystem.HelpBubble.nb-NO.json","../../../src/components/HelpBubble/resourceHelper.ts","../../../src/components/HelpBubble/HelpBubble.tsx","../../../src/components/HelpBubble/index.ts"],"sourcesContent":["{\n  \"ariaLabel\": \"Hjelpetekst\"\n}\n","import { LanguageLocales } from '../../constants';\nimport nbNO from '../../resources/HN.Designsystem.HelpBubble.nb-NO.json';\nimport { HNDesignsystemHelpBubble } from '../../resources/Resources';\n\nexport const getResources = (language: LanguageLocales): HNDesignsystemHelpBubble => {\n  switch (language) {\n    case LanguageLocales.NORWEGIAN:\n    default:\n      return nbNO;\n  }\n};\n","import React from 'react';\n\nimport classNames from 'classnames';\n\nimport { AnalyticsId, LanguageLocales } from '../../constants';\nimport { HNDesignsystemHelpBubble } from '../../resources/Resources';\nimport { useLanguage } from '../../utils/language';\nimport AnchorLink, { AnchorLinkTargets } from '../AnchorLink';\nimport Close from '../Close';\nimport PopOver, { PopOverProps, PopOverVariant } from '../PopOver';\nimport { getResources } from './resourceHelper';\n\nimport styles from './styles.module.scss';\n\nexport const HelpBubbleVariant = PopOverVariant;\n\nexport interface HelpBubbleProps extends Pick<PopOverProps, 'children' | 'variant' | 'controllerRef' | 'role'> {\n  /** Sets aria-label of the bubble. */\n  ariaLabel?: string;\n  /** Sets aria-labelledby of the bubble. */\n  ariaLabelledById?: string;\n  /** Id of the HelpBubble */\n  helpBubbleId?: string;\n  /** Content shown inside HelpBubble. */\n  children: React.ReactNode;\n  /** Ref for the element the HelpBubble is placed upon */\n  controllerRef: React.RefObject<HTMLElement | SVGSVGElement>;\n  /** Adds custom classes to the element. */\n  className?: string;\n  /** Determines the placement of the helpbubble. Default: automatic positioning. */\n  variant?: keyof typeof HelpBubbleVariant;\n  /** Show the bubble. Default: false. */\n  showBubble?: boolean;\n  /** Hide the close button in the bubble. */\n  noCloseButton?: boolean;\n  /** Visible text on the link. */\n  linkText?: string;\n  /** Url the link leads to */\n  linkUrl?: string;\n  /** Sets the target type of the link. _blank adds an arrow icon at the end of the link */\n  linkTarget?: AnchorLinkTargets;\n  /** Function is called when link is clicked */\n  onLinkClick?: () => void;\n  /** Function is called when user clicks the button */\n  onClose?: () => void;\n  /** aria-label to be passed onto Close */\n  closeAriaLabel?: string;\n  /** Resources for the component */\n  resources?: Partial<HNDesignsystemHelpBubble>;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n}\n\nconst HelpBubble = React.forwardRef<HTMLDivElement | SVGSVGElement, HelpBubbleProps>((props, ref) => {\n  const {\n    ariaLabelledById,\n    children,\n    className = '',\n    noCloseButton,\n    linkText = 'Mer hjelp',\n    linkUrl,\n    linkTarget,\n    onLinkClick,\n    onClose,\n    closeAriaLabel,\n    // Props passed on to PopOver\n    showBubble,\n    helpBubbleId,\n    variant,\n    controllerRef,\n    resources,\n    testId,\n  } = props;\n\n  const { language } = useLanguage<LanguageLocales>(LanguageLocales.NORWEGIAN);\n\n  if (!showBubble) {\n    return null;\n  }\n\n  const defaultResources = getResources(language);\n  const mergedResources: HNDesignsystemHelpBubble = {\n    ...defaultResources,\n    ...resources,\n    ariaLabel: props.ariaLabel ?? resources?.ariaLabel ?? defaultResources.ariaLabel,\n  };\n\n  const helpBubbleClasses = classNames(styles.helpbubble, className);\n  const contentClasses = classNames(styles.helpbubble__content);\n\n  const renderLink = (): JSX.Element | undefined => {\n    if (onLinkClick && linkText) {\n      return (\n        <button className={styles.helpbubble__link} onClick={onLinkClick} type=\"button\">\n          {linkText}\n        </button>\n      );\n    } else if (linkUrl && linkText) {\n      return (\n        <AnchorLink href={linkUrl} target={linkTarget}>\n          {linkText}\n        </AnchorLink>\n      );\n    }\n  };\n\n  const renderCloseButton = (): JSX.Element | undefined => {\n    if (noCloseButton) {\n      return;\n    }\n    return <Close small color=\"plum\" onClick={onClose} ariaLabel={closeAriaLabel} className={styles.helpbubble__close} />;\n  };\n\n  return (\n    <PopOver\n      ariaLabel={mergedResources.ariaLabel}\n      ariaLabelledById={ariaLabelledById}\n      id={helpBubbleId}\n      variant={variant}\n      controllerRef={controllerRef}\n      role=\"dialog\"\n      ref={ref}\n      show={showBubble}\n      testId={testId}\n    >\n      <div className={helpBubbleClasses} data-analyticsid={AnalyticsId.HelpBubble}>\n        {renderCloseButton()}\n        <div className={contentClasses}>\n          {children}\n          {renderLink()}\n        </div>\n      </div>\n    </PopOver>\n  );\n});\n\nHelpBubble.displayName = 'HelpBubble';\n\nexport default HelpBubble;\n","import HelpBubble from './HelpBubble';\nexport * from './HelpBubble';\nexport default HelpBubble;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;ACIA,MAAa,gBAAgB,aAAwD;AACnF,SAAQ,UAAR;EACE,KAAK,gBAAgB;EACrB,QACE,QAAO;;;ACMb,MAAa,oBAAoB;AAuCjC,IAAM,aAAa,MAAM,YAA6D,OAAO,QAAQ;CACnG,MAAM,EACJ,kBACA,UACA,YAAY,IACZ,eACA,WAAW,aACX,SACA,YACA,aACA,SACA,gBAEA,YACA,cACA,SACA,eACA,WACA,WACE;CAEJ,MAAM,EAAE,aAAa,YAA6B,gBAAgB,UAAU;AAE5E,KAAI,CAAC,WACH,QAAO;CAGT,MAAM,mBAAmB,aAAa,SAAS;CAC/C,MAAMA,kBAA4C;EAChD,GAAG;EACH,GAAG;EACH,WAAW,MAAM,aAAa,WAAW,aAAa,iBAAiB;EACxE;CAED,MAAM,oBAAoB,GAAW,OAAO,YAAY,UAAU;CAClE,MAAM,iBAAiB,GAAW,OAAO,oBAAoB;CAE7D,MAAM,mBAA4C;AAChD,MAAI,eAAe,SACjB,QACE,oBAAC,UAAA;GAAO,WAAW,OAAO;GAAkB,SAAS;GAAa,MAAK;aACpE;IACM;WAEF,WAAW,SACpB,QACE,oBAAC,oBAAA;GAAW,MAAM;GAAS,QAAQ;aAChC;IACU;;CAKnB,MAAM,0BAAmD;AACvD,MAAI,cACF;AAEF,SAAO,oBAAC,eAAA;GAAM,OAAA;GAAM,OAAM;GAAO,SAAS;GAAS,WAAW;GAAgB,WAAW,OAAO;IAAqB;;AAGvH,QACE,oBAAC,iBAAA;EACC,WAAW,gBAAgB;EACT;EAClB,IAAI;EACK;EACM;EACf,MAAK;EACA;EACL,MAAM;EACE;YAER,qBAAC,OAAA;GAAI,WAAW;GAAmB,oBAAkB,YAAY;cAC9D,mBAAmB,EACpB,qBAAC,OAAA;IAAI,WAAW;eACb,UACA,YAAY,CAAA;KACT,CAAA;IACF;GACE;EAEZ;AAEF,WAAW,cAAc;ACtIzB,IAAA,qBDwIe"}

package/components/HelpDrawer/index.js

@@ -1,40 +1,68 @@
+import "../../uuid.js";
+import "../../environment.js";
+import { s as LanguageLocales } from "../../constants2.js";
+import "../../usePseudoClasses.js";
+import "../../grid.js";
+import "../../palette.js";
+import "../../spacers.js";
+import "../../theme.js";
+import "../../color.js";
+import "../../Icon.js";
+import { r as useLanguage } from "../../language.js";
+import "../../refs.js";
+import "../../_rolldown_dynamic_import_helper.js";
+import "../../useIsServerSide.js";
+import "../../LazyIcon.js";
+import "../../component.js";
+import "../../useIcons.js";
+import "../../useBreakpoint.js";
+import "../../useIsMobileBreakpoint.js";
+import "../../ArrowRight.js";
+import "../../Button.js";
+import "../../accessibility.js";
+import "../../useElementList.js";
+import "../../useFocusableElements.js";
+import "../../focus.js";
+import "../../useFocusTrap.js";
+import "../../useIntersectionObserver.js";
+import "../../useIsVisible.js";
+import "../../useKeyboardEvent.js";
+import "../../useOutsideEvent.js";
+import "../../X.js";
+import "../../Close.js";
+import { t as Drawer_default } from "../../Drawer.js";
+import "../../deepContains.js";
+import "../../useReturnFocusOnUnmount.js";
+import "../../scroll.js";
+import "../../Title.js";
+import "../../Title2.js";
+import React from "react";
 import { jsx } from "react/jsx-runtime";
-import { LanguageLocales } from "../../constants.js";
-import { useLanguage } from "../../utils/language.js";
-import { D as Drawer } from "../../Drawer.js";
 import styles from "./styles.module.scss";
-const ariaLabel = "Hjelpetekst";
-const nbNO = {
-  ariaLabel
-};
+var HN_Designsystem_HelpDrawer_nb_NO_default = { ariaLabel: "Hjelpetekst" };
 const getResources = (language) => {
-  switch (language) {
-    case LanguageLocales.NORWEGIAN:
-    default:
-      return nbNO;
-  }
-};
-const HelpDrawer = (props) => {
-  var _a;
-  const { language } = useLanguage(LanguageLocales.NORWEGIAN);
-  const defaultResources = getResources(language);
-  const mergedResources = {
-    ...defaultResources,
-    ...props.resources,
-    ariaLabel: props.ariaLabel ?? ((_a = props.resources) == null ? void 0 : _a.ariaLabel) ?? defaultResources.ariaLabel
-  };
-  return /* @__PURE__ */ jsx(
-    Drawer,
-    {
-      ...props,
-      closeColor: "plum",
-      headerClasses: styles["help-drawer"],
-      desktopDirection: "left",
-      ariaLabel: mergedResources.ariaLabel
-    }
-  );
+	switch (language) {
+		case LanguageLocales.NORWEGIAN:
+		default: return HN_Designsystem_HelpDrawer_nb_NO_default;
+	}
 };
-export {
-  HelpDrawer as default
+var HelpDrawer = (props) => {
+	const { language } = useLanguage(LanguageLocales.NORWEGIAN);
+	const defaultResources = getResources(language);
+	const mergedResources = {
+		...defaultResources,
+		...props.resources,
+		ariaLabel: props.ariaLabel ?? props.resources?.ariaLabel ?? defaultResources.ariaLabel
+	};
+	return /* @__PURE__ */ jsx(Drawer_default, {
+		...props,
+		closeColor: "plum",
+		headerClasses: styles["help-drawer"],
+		desktopDirection: "left",
+		ariaLabel: mergedResources.ariaLabel
+	});
 };
-//# sourceMappingURL=index.js.map
+var HelpDrawer_default = HelpDrawer;
+export { HelpDrawer_default as default };
+
+//# sourceMappingURL=index.js.map

package/components/HelpDrawer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/HelpDrawer/resourceHelper.ts","../../../src/components/HelpDrawer/HelpDrawer.tsx"],"sourcesContent":["import { LanguageLocales } from '../../constants';\nimport nbNO from '../../resources/HN.Designsystem.HelpDrawer.nb-NO.json';\nimport { HNDesignsystemHelpDrawer } from '../../resources/Resources';\n\nexport const getResources = (language: LanguageLocales): HNDesignsystemHelpDrawer => {\n  switch (language) {\n    case LanguageLocales.NORWEGIAN:\n    default:\n      return nbNO;\n  }\n};\n","import React from 'react';\n\nimport { getResources } from './resourceHelper';\nimport { LanguageLocales } from '../../constants';\nimport { HNDesignsystemHelpDrawer } from '../../resources/Resources';\nimport { useLanguage } from '../../utils/language';\nimport Drawer, { DrawerProps } from '../Drawer';\n\nimport styles from './styles.module.scss';\n\nexport interface HelpDrawerProps\n  extends Pick<\n    DrawerProps,\n    | 'ariaLabel'\n    | 'ariaLabelledBy'\n    | 'ariaLabelCloseBtn'\n    | 'children'\n    | 'isOpen'\n    | 'onRequestClose'\n    | 'title'\n    | 'titleHtmlMarkup'\n    | 'titleId'\n    | 'zIndex'\n  > {\n  /** Resources for the component */\n  resources?: Partial<HNDesignsystemHelpDrawer>;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n}\n\nconst HelpDrawer: React.FC<HelpDrawerProps> = props => {\n  const { language } = useLanguage<LanguageLocales>(LanguageLocales.NORWEGIAN);\n  const defaultResources = getResources(language);\n  const mergedResources: HNDesignsystemHelpDrawer = {\n    ...defaultResources,\n    ...props.resources,\n    ariaLabel: props.ariaLabel ?? props.resources?.ariaLabel ?? defaultResources.ariaLabel,\n  };\n\n  return (\n    <Drawer\n      {...props}\n      closeColor={'plum'}\n      headerClasses={styles['help-drawer']}\n      desktopDirection={'left'}\n      ariaLabel={mergedResources.ariaLabel}\n    />\n  );\n};\n\nexport default HelpDrawer;\n"],"names":[],"mappings":";;;;;;;;;AAIO,MAAM,eAAe,CAAC,aAAwD;AACnF,UAAQ,UAAA;AAAA,IACN,KAAK,gBAAgB;AAAA,IACrB;AACE,aAAO;AAAA,EAAA;AAEb;ACoBA,MAAM,aAAwC,CAAA,UAAS;;AACrD,QAAM,EAAE,SAAA,IAAa,YAA6B,gBAAgB,SAAS;AAC3E,QAAM,mBAAmB,aAAa,QAAQ;AAC9C,QAAM,kBAA4C;AAAA,IAChD,GAAG;AAAA,IACH,GAAG,MAAM;AAAA,IACT,WAAW,MAAM,eAAa,WAAM,cAAN,mBAAiB,cAAa,iBAAiB;AAAA,EAAA;AAG/E,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,YAAY;AAAA,MACZ,eAAe,OAAO,aAAa;AAAA,MACnC,kBAAkB;AAAA,MAClB,WAAW,gBAAgB;AAAA,IAAA;AAAA,EAAA;AAGjC;"}
+{"version":3,"file":"index.js","names":["HelpDrawer: React.FC<HelpDrawerProps>","mergedResources: HNDesignsystemHelpDrawer"],"sources":["../../../src/resources/HN.Designsystem.HelpDrawer.nb-NO.json","../../../src/components/HelpDrawer/resourceHelper.ts","../../../src/components/HelpDrawer/HelpDrawer.tsx","../../../src/components/HelpDrawer/index.ts"],"sourcesContent":["{\n  \"ariaLabel\": \"Hjelpetekst\"\n}\n","import { LanguageLocales } from '../../constants';\nimport nbNO from '../../resources/HN.Designsystem.HelpDrawer.nb-NO.json';\nimport { HNDesignsystemHelpDrawer } from '../../resources/Resources';\n\nexport const getResources = (language: LanguageLocales): HNDesignsystemHelpDrawer => {\n  switch (language) {\n    case LanguageLocales.NORWEGIAN:\n    default:\n      return nbNO;\n  }\n};\n","import React from 'react';\n\nimport { getResources } from './resourceHelper';\nimport { LanguageLocales } from '../../constants';\nimport { HNDesignsystemHelpDrawer } from '../../resources/Resources';\nimport { useLanguage } from '../../utils/language';\nimport Drawer, { DrawerProps } from '../Drawer';\n\nimport styles from './styles.module.scss';\n\nexport interface HelpDrawerProps\n  extends Pick<\n    DrawerProps,\n    | 'ariaLabel'\n    | 'ariaLabelledBy'\n    | 'ariaLabelCloseBtn'\n    | 'children'\n    | 'isOpen'\n    | 'onRequestClose'\n    | 'title'\n    | 'titleHtmlMarkup'\n    | 'titleId'\n    | 'zIndex'\n  > {\n  /** Resources for the component */\n  resources?: Partial<HNDesignsystemHelpDrawer>;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n}\n\nconst HelpDrawer: React.FC<HelpDrawerProps> = props => {\n  const { language } = useLanguage<LanguageLocales>(LanguageLocales.NORWEGIAN);\n  const defaultResources = getResources(language);\n  const mergedResources: HNDesignsystemHelpDrawer = {\n    ...defaultResources,\n    ...props.resources,\n    ariaLabel: props.ariaLabel ?? props.resources?.ariaLabel ?? defaultResources.ariaLabel,\n  };\n\n  return (\n    <Drawer\n      {...props}\n      closeColor={'plum'}\n      headerClasses={styles['help-drawer']}\n      desktopDirection={'left'}\n      ariaLabel={mergedResources.ariaLabel}\n    />\n  );\n};\n\nexport default HelpDrawer;\n","import HelpDrawer from './HelpDrawer';\nexport * from './HelpDrawer';\nexport default HelpDrawer;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACIA,MAAa,gBAAgB,aAAwD;AACnF,SAAQ,UAAR;EACE,KAAK,gBAAgB;EACrB,QACE,QAAO;;;ACsBb,IAAMA,cAAwC,UAAS;CACrD,MAAM,EAAE,aAAa,YAA6B,gBAAgB,UAAU;CAC5E,MAAM,mBAAmB,aAAa,SAAS;CAC/C,MAAMC,kBAA4C;EAChD,GAAG;EACH,GAAG,MAAM;EACT,WAAW,MAAM,aAAa,MAAM,WAAW,aAAa,iBAAiB;EAC9E;AAED,QACE,oBAAC,gBAAA;EACC,GAAI;EACJ,YAAY;EACZ,eAAe,OAAO;EACtB,kBAAkB;EAClB,WAAW,gBAAgB;GAC3B;;AC5CN,IAAA,qBDgDe"}

package/components/HelpExpanderInline/index.js

@@ -1,16 +1,25 @@
+import { n as AnalyticsId } from "../../constants2.js";
+import "../../usePrevious.js";
+import "../../floating-ui.react.js";
+import { t as useExpand } from "../../useExpand.js";
+import { t as HelpDetails_default } from "../../HelpDetails.js";
+import React from "react";
 import { jsx } from "react/jsx-runtime";
-import React__default from "react";
-import { AnalyticsId } from "../../constants.js";
-import { useExpand } from "../../hooks/useExpand.js";
-import { H as HelpDetails } from "../../HelpDetails.js";
-const HelpExpanderInline = React__default.forwardRef(
-  ({ children, className, controllerRef, expanded = false, onExpand, testId }, ref) => {
-    const [isExpanded] = useExpand(expanded, onExpand);
-    return isExpanded && /* @__PURE__ */ jsx("div", { className, "data-testid": testId, "data-analyticsid": AnalyticsId.HelpExpanderInline, ref, children: /* @__PURE__ */ jsx(HelpDetails, { controllerRef, children }) });
-  }
-);
+var HelpExpanderInline = React.forwardRef(({ children, className, controllerRef, expanded = false, onExpand, testId }, ref) => {
+	const [isExpanded] = useExpand(expanded, onExpand);
+	return isExpanded && /* @__PURE__ */ jsx("div", {
+		className,
+		"data-testid": testId,
+		"data-analyticsid": AnalyticsId.HelpExpanderInline,
+		ref,
+		children: /* @__PURE__ */ jsx(HelpDetails_default, {
+			controllerRef,
+			children
+		})
+	});
+});
 HelpExpanderInline.displayName = "HelpExpanderInline";
-export {
-  HelpExpanderInline as default
-};
-//# sourceMappingURL=index.js.map
+var HelpExpanderInline_default = HelpExpanderInline;
+export { HelpExpanderInline_default as default };
+
+//# sourceMappingURL=index.js.map

package/components/HelpExpanderInline/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/HelpExpanderInline/HelpExpanderInline.tsx"],"sourcesContent":["import React from 'react';\n\nimport { AnalyticsId } from '../../constants';\nimport { useExpand } from '../../hooks/useExpand';\nimport HelpDetails from '../HelpDetails/HelpDetails';\n\nexport interface HelpExpanderInlineProps {\n  /** Sets the text content of the help text that appears when expanded. */\n  children: React.ReactNode;\n  /** Ref for the element that triggers the HelpExpanderInline */\n  controllerRef?: React.RefObject<HTMLButtonElement>;\n  /** Expands the component */\n  expanded?: boolean;\n  /** Called when expander is open/closed. */\n  onExpand?: (isExpanded: boolean) => void;\n  /** Classname will be applied to the button element. */\n  className?: string;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n}\n\nconst HelpExpanderInline = React.forwardRef<HTMLDivElement, HelpExpanderInlineProps>(\n  ({ children, className, controllerRef, expanded = false, onExpand, testId }, ref) => {\n    const [isExpanded] = useExpand(expanded, onExpand);\n\n    return (\n      isExpanded && (\n        <div className={className} data-testid={testId} data-analyticsid={AnalyticsId.HelpExpanderInline} ref={ref}>\n          <HelpDetails controllerRef={controllerRef}>{children}</HelpDetails>\n        </div>\n      )\n    );\n  }\n);\n\nHelpExpanderInline.displayName = 'HelpExpanderInline';\n\nexport default HelpExpanderInline;\n"],"names":["React"],"mappings":";;;;;AAqBA,MAAM,qBAAqBA,eAAM;AAAA,EAC/B,CAAC,EAAE,UAAU,WAAW,eAAe,WAAW,OAAO,UAAU,OAAA,GAAU,QAAQ;AACnF,UAAM,CAAC,UAAU,IAAI,UAAU,UAAU,QAAQ;AAEjD,WACE,cACE,oBAAC,OAAA,EAAI,WAAsB,eAAa,QAAQ,oBAAkB,YAAY,oBAAoB,KAChG,UAAA,oBAAC,aAAA,EAAY,eAA+B,UAAS,GACvD;AAAA,EAGN;AACF;AAEA,mBAAmB,cAAc;"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/HelpExpanderInline/HelpExpanderInline.tsx","../../../src/components/HelpExpanderInline/index.ts"],"sourcesContent":["import React from 'react';\n\nimport { AnalyticsId } from '../../constants';\nimport { useExpand } from '../../hooks/useExpand';\nimport HelpDetails from '../HelpDetails/HelpDetails';\n\nexport interface HelpExpanderInlineProps {\n  /** Sets the text content of the help text that appears when expanded. */\n  children: React.ReactNode;\n  /** Ref for the element that triggers the HelpExpanderInline */\n  controllerRef?: React.RefObject<HTMLButtonElement>;\n  /** Expands the component */\n  expanded?: boolean;\n  /** Called when expander is open/closed. */\n  onExpand?: (isExpanded: boolean) => void;\n  /** Classname will be applied to the button element. */\n  className?: string;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n}\n\nconst HelpExpanderInline = React.forwardRef<HTMLDivElement, HelpExpanderInlineProps>(\n  ({ children, className, controllerRef, expanded = false, onExpand, testId }, ref) => {\n    const [isExpanded] = useExpand(expanded, onExpand);\n\n    return (\n      isExpanded && (\n        <div className={className} data-testid={testId} data-analyticsid={AnalyticsId.HelpExpanderInline} ref={ref}>\n          <HelpDetails controllerRef={controllerRef}>{children}</HelpDetails>\n        </div>\n      )\n    );\n  }\n);\n\nHelpExpanderInline.displayName = 'HelpExpanderInline';\n\nexport default HelpExpanderInline;\n","import HelpExpanderInline from './HelpExpanderInline';\nexport * from './HelpExpanderInline';\nexport default HelpExpanderInline;\n"],"mappings":";;;;;;;AAqBA,IAAM,qBAAqB,MAAM,YAC9B,EAAE,UAAU,WAAW,eAAe,WAAW,OAAO,UAAU,UAAU,QAAQ;CACnF,MAAM,CAAC,cAAc,UAAU,UAAU,SAAS;AAElD,QACE,cACE,oBAAC,OAAA;EAAe;EAAW,eAAa;EAAQ,oBAAkB,YAAY;EAAyB;YACrG,oBAAC,qBAAA;GAA2B;GAAgB;IAAuB;GAC/D;EAIb;AAED,mBAAmB,cAAc;ACjCjC,IAAA,6BDmCe"}

package/components/HelpExpanderStandalone/index.js

@@ -1,50 +1,50 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import React__default from "react";
-import { AnalyticsId, IconSize } from "../../constants.js";
-import { useExpand } from "../../hooks/useExpand.js";
-import { usePseudoClasses } from "../../hooks/usePseudoClasses.js";
-import { getAriaLabelAttributes } from "../../utils/accessibility.js";
-import { mergeRefs } from "../../utils/refs.js";
-import { H as HelpDetails } from "../../HelpDetails.js";
-import { H as HelpTriggerStandalone } from "../../HelpTriggerStandalone.js";
-import { I as Icon } from "../../Icon.js";
-import ChevronDown from "../Icons/ChevronDown.js";
-import ChevronUp from "../Icons/ChevronUp.js";
+import { a as IconSize, n as AnalyticsId } from "../../constants2.js";
+import { t as usePseudoClasses } from "../../usePseudoClasses.js";
+import "../../grid.js";
+import { t as Icon_default } from "../../Icon.js";
+import { n as mergeRefs } from "../../refs.js";
+import "../../useBreakpoint.js";
+import "../../useIsMobileBreakpoint.js";
+import { n as getAriaLabelAttributes } from "../../accessibility.js";
+import "../../usePrevious.js";
+import "../../floating-ui.react.js";
+import { t as ChevronDown_default } from "../../ChevronDown.js";
+import { t as ChevronUp_default } from "../../ChevronUp.js";
+import { t as useExpand } from "../../useExpand.js";
+import { t as HelpDetails_default } from "../../HelpDetails.js";
+import "../../HelpTriggerIcon.js";
+import { t as HelpTriggerStandalone_default } from "../../HelpTriggerStandalone.js";
+import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import styles from "./styles.module.scss";
-const HelpExpanderStandalone = React__default.forwardRef(
-  ({ ariaLabel, ariaLabelledById, children, className, expanded = false, onExpand, testId, triggerText, weight = "normal" }, ref) => {
-    const ariaLabelAttributes = getAriaLabelAttributes({ label: ariaLabel, id: ariaLabelledById });
-    const [isExpanded, setIsExpanded] = useExpand(expanded, onExpand);
-    const { refObject, isHovered } = usePseudoClasses(ref);
-    return /* @__PURE__ */ jsxs("div", { className, "data-testid": testId, "data-analyticsid": AnalyticsId.HelpExpanderStandalone, children: [
-      /* @__PURE__ */ jsxs(
-        HelpTriggerStandalone,
-        {
-          className: styles["help-expander-standalone-trigger"],
-          "aria-expanded": isExpanded,
-          onClick: () => setIsExpanded(!isExpanded),
-          ref: mergeRefs([ref, refObject]),
-          weight,
-          ...ariaLabelAttributes,
-          children: [
-            triggerText,
-            /* @__PURE__ */ jsx(
-              Icon,
-              {
-                color: `var(--core-color-plum-${isHovered ? "900" : "700"})`,
-                svgIcon: isExpanded ? ChevronUp : ChevronDown,
-                size: IconSize.XXSmall
-              }
-            )
-          ]
-        }
-      ),
-      isExpanded && /* @__PURE__ */ jsx(HelpDetails, { children })
-    ] });
-  }
-);
+var HelpExpanderStandalone = React.forwardRef(({ ariaLabel, ariaLabelledById, children, className, expanded = false, onExpand, testId, triggerText, weight = "normal" }, ref) => {
+	const ariaLabelAttributes = getAriaLabelAttributes({
+		label: ariaLabel,
+		id: ariaLabelledById
+	});
+	const [isExpanded, setIsExpanded] = useExpand(expanded, onExpand);
+	const { refObject, isHovered } = usePseudoClasses(ref, false);
+	return /* @__PURE__ */ jsxs("div", {
+		className,
+		"data-testid": testId,
+		"data-analyticsid": AnalyticsId.HelpExpanderStandalone,
+		children: [/* @__PURE__ */ jsxs(HelpTriggerStandalone_default, {
+			className: styles["help-expander-standalone-trigger"],
+			"aria-expanded": isExpanded,
+			onClick: () => setIsExpanded(!isExpanded),
+			ref: mergeRefs([ref, refObject]),
+			weight,
+			...ariaLabelAttributes,
+			children: [triggerText, /* @__PURE__ */ jsx(Icon_default, {
+				color: `var(--core-color-plum-${isHovered ? "900" : "700"})`,
+				svgIcon: isExpanded ? ChevronUp_default : ChevronDown_default,
+				size: IconSize.XXSmall
+			})]
+		}), isExpanded && /* @__PURE__ */ jsx(HelpDetails_default, { children })]
+	});
+});
 HelpExpanderStandalone.displayName = "HelpExpanderStandalone";
-export {
-  HelpExpanderStandalone as default
-};
-//# sourceMappingURL=index.js.map
+var HelpExpanderStandalone_default = HelpExpanderStandalone;
+export { HelpExpanderStandalone_default as default };
+
+//# sourceMappingURL=index.js.map

package/components/HelpExpanderStandalone/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/HelpExpanderStandalone/HelpExpanderStandalone.tsx"],"sourcesContent":["import React from 'react';\n\nimport { AnalyticsId, IconSize } from '../../constants';\nimport { useExpand } from '../../hooks/useExpand';\nimport { usePseudoClasses } from '../../hooks/usePseudoClasses';\nimport { getAriaLabelAttributes } from '../../utils/accessibility';\nimport { mergeRefs } from '../../utils/refs';\nimport HelpDetails from '../HelpDetails/HelpDetails';\nimport { HelpTriggerWeights } from '../HelpTriggerIcon/HelpTriggerIcon';\nimport HelpTriggerStandalone from '../HelpTriggerStandalone';\nimport Icon from '../Icon';\nimport ChevronDown from '../Icons/ChevronDown';\nimport ChevronUp from '../Icons/ChevronUp';\n\nimport styles from './styles.module.scss';\n\nexport interface HelpExpanderStandaloneProps {\n  /** Sets aria-label of the trigger. */\n  ariaLabel?: string;\n  /** Sets aria-labelledby of the trigger. */\n  ariaLabelledById?: string;\n  /** Sets the text content of the help text that appears when expanded. */\n  children: React.ReactNode;\n  /** Expands the component */\n  expanded?: boolean;\n  /** Called when expander is open/closed. */\n  onExpand?: (isExpanded: boolean) => void;\n  /**\n   * Sets the colors of the help trigger. Default: normal.\n   */\n  weight?: HelpTriggerWeights;\n  /**\n   * Classname will be applied to the button element.\n   */\n  className?: string;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n  /** The text that will be displayed in the trigger. */\n  triggerText: string;\n}\n\nconst HelpExpanderStandalone = React.forwardRef<HTMLButtonElement, HelpExpanderStandaloneProps>(\n  ({ ariaLabel, ariaLabelledById, children, className, expanded = false, onExpand, testId, triggerText, weight = 'normal' }, ref) => {\n    const ariaLabelAttributes = getAriaLabelAttributes({ label: ariaLabel, id: ariaLabelledById });\n    const [isExpanded, setIsExpanded] = useExpand(expanded, onExpand);\n    const { refObject, isHovered } = usePseudoClasses<HTMLButtonElement>(ref as React.RefObject<HTMLButtonElement>, false);\n\n    return (\n      <div className={className} data-testid={testId} data-analyticsid={AnalyticsId.HelpExpanderStandalone}>\n        <HelpTriggerStandalone\n          className={styles['help-expander-standalone-trigger']}\n          aria-expanded={isExpanded}\n          onClick={(): void => setIsExpanded(!isExpanded)}\n          ref={mergeRefs([ref, refObject])}\n          weight={weight}\n          {...ariaLabelAttributes}\n        >\n          {triggerText}\n          <Icon\n            color={`var(--core-color-plum-${isHovered ? '900' : '700'})`}\n            svgIcon={isExpanded ? ChevronUp : ChevronDown}\n            size={IconSize.XXSmall}\n          />\n        </HelpTriggerStandalone>\n        {isExpanded && <HelpDetails>{children}</HelpDetails>}\n      </div>\n    );\n  }\n);\n\nHelpExpanderStandalone.displayName = 'HelpExpanderStandalone';\n\nexport default HelpExpanderStandalone;\n"],"names":["React"],"mappings":";;;;;;;;;;;;;AAyCA,MAAM,yBAAyBA,eAAM;AAAA,EACnC,CAAC,EAAE,WAAW,kBAAkB,UAAU,WAAW,WAAW,OAAO,UAAU,QAAQ,aAAa,SAAS,SAAA,GAAY,QAAQ;AACjI,UAAM,sBAAsB,uBAAuB,EAAE,OAAO,WAAW,IAAI,kBAAkB;AAC7F,UAAM,CAAC,YAAY,aAAa,IAAI,UAAU,UAAU,QAAQ;AAChE,UAAM,EAAE,WAAW,cAAc,iBAAoC,GAAgD;AAErH,gCACG,OAAA,EAAI,WAAsB,eAAa,QAAQ,oBAAkB,YAAY,wBAC5E,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW,OAAO,kCAAkC;AAAA,UACpD,iBAAe;AAAA,UACf,SAAS,MAAY,cAAc,CAAC,UAAU;AAAA,UAC9C,KAAK,UAAU,CAAC,KAAK,SAAS,CAAC;AAAA,UAC/B;AAAA,UACC,GAAG;AAAA,UAEH,UAAA;AAAA,YAAA;AAAA,YACD;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,OAAO,yBAAyB,YAAY,QAAQ,KAAK;AAAA,gBACzD,SAAS,aAAa,YAAY;AAAA,gBAClC,MAAM,SAAS;AAAA,cAAA;AAAA,YAAA;AAAA,UACjB;AAAA,QAAA;AAAA,MAAA;AAAA,MAED,cAAc,oBAAC,aAAA,EAAa,SAAA,CAAS;AAAA,IAAA,GACxC;AAAA,EAEJ;AACF;AAEA,uBAAuB,cAAc;"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/HelpExpanderStandalone/HelpExpanderStandalone.tsx","../../../src/components/HelpExpanderStandalone/index.ts"],"sourcesContent":["import React from 'react';\n\nimport { AnalyticsId, IconSize } from '../../constants';\nimport { useExpand } from '../../hooks/useExpand';\nimport { usePseudoClasses } from '../../hooks/usePseudoClasses';\nimport { getAriaLabelAttributes } from '../../utils/accessibility';\nimport { mergeRefs } from '../../utils/refs';\nimport HelpDetails from '../HelpDetails/HelpDetails';\nimport { HelpTriggerWeights } from '../HelpTriggerIcon/HelpTriggerIcon';\nimport HelpTriggerStandalone from '../HelpTriggerStandalone';\nimport Icon from '../Icon';\nimport ChevronDown from '../Icons/ChevronDown';\nimport ChevronUp from '../Icons/ChevronUp';\n\nimport styles from './styles.module.scss';\n\nexport interface HelpExpanderStandaloneProps {\n  /** Sets aria-label of the trigger. */\n  ariaLabel?: string;\n  /** Sets aria-labelledby of the trigger. */\n  ariaLabelledById?: string;\n  /** Sets the text content of the help text that appears when expanded. */\n  children: React.ReactNode;\n  /** Expands the component */\n  expanded?: boolean;\n  /** Called when expander is open/closed. */\n  onExpand?: (isExpanded: boolean) => void;\n  /**\n   * Sets the colors of the help trigger. Default: normal.\n   */\n  weight?: HelpTriggerWeights;\n  /**\n   * Classname will be applied to the button element.\n   */\n  className?: string;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n  /** The text that will be displayed in the trigger. */\n  triggerText: string;\n}\n\nconst HelpExpanderStandalone = React.forwardRef<HTMLButtonElement, HelpExpanderStandaloneProps>(\n  ({ ariaLabel, ariaLabelledById, children, className, expanded = false, onExpand, testId, triggerText, weight = 'normal' }, ref) => {\n    const ariaLabelAttributes = getAriaLabelAttributes({ label: ariaLabel, id: ariaLabelledById });\n    const [isExpanded, setIsExpanded] = useExpand(expanded, onExpand);\n    const { refObject, isHovered } = usePseudoClasses<HTMLButtonElement>(ref as React.RefObject<HTMLButtonElement>, false);\n\n    return (\n      <div className={className} data-testid={testId} data-analyticsid={AnalyticsId.HelpExpanderStandalone}>\n        <HelpTriggerStandalone\n          className={styles['help-expander-standalone-trigger']}\n          aria-expanded={isExpanded}\n          onClick={(): void => setIsExpanded(!isExpanded)}\n          ref={mergeRefs([ref, refObject])}\n          weight={weight}\n          {...ariaLabelAttributes}\n        >\n          {triggerText}\n          <Icon\n            color={`var(--core-color-plum-${isHovered ? '900' : '700'})`}\n            svgIcon={isExpanded ? ChevronUp : ChevronDown}\n            size={IconSize.XXSmall}\n          />\n        </HelpTriggerStandalone>\n        {isExpanded && <HelpDetails>{children}</HelpDetails>}\n      </div>\n    );\n  }\n);\n\nHelpExpanderStandalone.displayName = 'HelpExpanderStandalone';\n\nexport default HelpExpanderStandalone;\n","import HelpExpanderStandalone from './HelpExpanderStandalone';\nexport * from './HelpExpanderStandalone';\nexport default HelpExpanderStandalone;\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAyCA,IAAM,yBAAyB,MAAM,YAClC,EAAE,WAAW,kBAAkB,UAAU,WAAW,WAAW,OAAO,UAAU,QAAQ,aAAa,SAAS,YAAY,QAAQ;CACjI,MAAM,sBAAsB,uBAAuB;EAAE,OAAO;EAAW,IAAI;EAAkB,CAAC;CAC9F,MAAM,CAAC,YAAY,iBAAiB,UAAU,UAAU,SAAS;CACjE,MAAM,EAAE,WAAW,cAAc,iBAAoC,KAA2C,MAAM;AAEtH,QACE,qBAAC,OAAA;EAAe;EAAW,eAAa;EAAQ,oBAAkB,YAAY;aAC5E,qBAAC,+BAAA;GACC,WAAW,OAAO;GAClB,iBAAe;GACf,eAAqB,cAAc,CAAC,WAAW;GAC/C,KAAK,UAAU,CAAC,KAAK,UAAU,CAAC;GACxB;GACR,GAAI;cAEH,aACD,oBAAC,cAAA;IACC,OAAO,yBAAyB,YAAY,QAAQ,MAAM;IAC1D,SAAS,aAAa,oBAAY;IAClC,MAAM,SAAS;KACf,CAAA;IACoB,EACvB,cAAc,oBAAC,qBAAA,EAAa,UAAA,CAAuB,CAAA;GAChD;EAGX;AAED,uBAAuB,cAAc;ACpErC,IAAA,iCDsEe"}

package/components/HelpPanel/index.js

@@ -1,22 +1,52 @@
+import "../../uuid.js";
+import "../../environment.js";
+import "../../constants2.js";
+import "../../usePseudoClasses.js";
+import "../../grid.js";
+import "../../palette.js";
+import "../../spacers.js";
+import "../../theme.js";
+import "../../Icon.js";
+import "../../_rolldown_dynamic_import_helper.js";
+import "../../useIsServerSide.js";
+import "../../LazyIcon.js";
+import "../../useBreakpoint.js";
+import "../../useElementList.js";
+import "../../useFocusableElements.js";
+import "../../useFocusToggle.js";
+import "../../focus.js";
+import "../../useFocusTrap.js";
+import "../../useIntersectionObserver.js";
+import "../../useIsVisible.js";
+import "../../debounce.js";
+import "../../useLayoutEvent.js";
+import "../../usePrevious.js";
+import "../../useSize.js";
+import "../../useResizeObserver.js";
+import "../../useToggle.js";
+import "../../useKeyboardEvent.js";
+import "../../useOutsideEvent.js";
+import "../../mobile.js";
+import "../../src.js";
+import "../../Title.js";
+import "../../Title2.js";
+import { t as HighlightPanel_default } from "../../HighlightPanel.js";
+import { t as HandWaving_default } from "../../HandWaving.js";
+import React from "react";
+import cn from "classnames";
 import { jsx } from "react/jsx-runtime";
-import classNames from "classnames";
-import { H as HighlightPanel } from "../../HighlightPanel.js";
-import HandWaving from "../Icons/HandWaving.js";
 import styles from "./styles.module.scss";
-const HelpPanel = ({ className, variant = "normal", testId, children, title }) => {
-  return /* @__PURE__ */ jsx(
-    HighlightPanel,
-    {
-      className: classNames([styles["help-panel"]], className),
-      testId,
-      svgIcon: HandWaving,
-      title,
-      variant,
-      children
-    }
-  );
+var HelpPanel = ({ className, variant = "normal", testId, children, title }) => {
+	return /* @__PURE__ */ jsx(HighlightPanel_default, {
+		className: cn([styles["help-panel"]], className),
+		testId,
+		svgIcon: HandWaving_default,
+		title,
+		variant,
+		children
+	});
 };
-export {
-  HelpPanel as default
-};
-//# sourceMappingURL=index.js.map
+var HelpPanel_default = HelpPanel;
+export { HelpPanel_default as default };
+
+//# sourceMappingURL=index.js.map

package/components/HelpPanel/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/HelpPanel/HelpPanel.tsx"],"sourcesContent":["import React from 'react';\n\nimport classNames from 'classnames';\n\nimport HighlightPanel from '../HighlightPanel';\nimport HandWaving from '../Icons/HandWaving';\n\nimport styles from './styles.module.scss';\n\nexport type HelpPanelVariants = 'normal' | 'compact';\n\nexport interface HelpPanelProps {\n  /** What's in the box? */\n  children: React.ReactNode;\n  /** If set the compact styling will be used */\n  variant?: HelpPanelVariants;\n  /** Adds custom classes to the element. */\n  className?: string;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n  /** Sets title if needed */\n  title?: string;\n}\n\nconst HelpPanel: React.FC<HelpPanelProps> = ({ className, variant = 'normal', testId, children, title }) => {\n  return (\n    <HighlightPanel\n      className={classNames([styles['help-panel']], className)}\n      testId={testId}\n      svgIcon={HandWaving}\n      title={title}\n      variant={variant}\n    >\n      {children}\n    </HighlightPanel>\n  );\n};\n\nexport default HelpPanel;\n"],"names":[],"mappings":";;;;;AAwBA,MAAM,YAAsC,CAAC,EAAE,WAAW,UAAU,UAAU,QAAQ,UAAU,YAAY;AAC1G,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,WAAW,CAAC,OAAO,YAAY,CAAC,GAAG,SAAS;AAAA,MACvD;AAAA,MACA,SAAS;AAAA,MACT;AAAA,MACA;AAAA,MAEC;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"index.js","names":["HelpPanel: React.FC<HelpPanelProps>"],"sources":["../../../src/components/HelpPanel/HelpPanel.tsx","../../../src/components/HelpPanel/index.ts"],"sourcesContent":["import React from 'react';\n\nimport classNames from 'classnames';\n\nimport HighlightPanel from '../HighlightPanel';\nimport HandWaving from '../Icons/HandWaving';\n\nimport styles from './styles.module.scss';\n\nexport type HelpPanelVariants = 'normal' | 'compact';\n\nexport interface HelpPanelProps {\n  /** What's in the box? */\n  children: React.ReactNode;\n  /** If set the compact styling will be used */\n  variant?: HelpPanelVariants;\n  /** Adds custom classes to the element. */\n  className?: string;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n  /** Sets title if needed */\n  title?: string;\n}\n\nconst HelpPanel: React.FC<HelpPanelProps> = ({ className, variant = 'normal', testId, children, title }) => {\n  return (\n    <HighlightPanel\n      className={classNames([styles['help-panel']], className)}\n      testId={testId}\n      svgIcon={HandWaving}\n      title={title}\n      variant={variant}\n    >\n      {children}\n    </HighlightPanel>\n  );\n};\n\nexport default HelpPanel;\n","import HelpPanel from './HelpPanel';\nexport * from './HelpPanel';\nexport default HelpPanel;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwBA,IAAMA,aAAuC,EAAE,WAAW,UAAU,UAAU,QAAQ,UAAU,YAAY;AAC1G,QACE,oBAAC,wBAAA;EACC,WAAW,GAAW,CAAC,OAAO,cAAc,EAAE,UAAU;EAChD;EACR,SAAS;EACF;EACE;EAER;GACc;;AChCrB,IAAA,oBDoCe"}