@helsenorge/designsystem-react 8.5.0 → 8.5.1

package/components/Tooltip/TooltipWord/index.js

@@ -1,4 +1,4 @@
-import r from "./TooltipWord.js";
+import { T as r } from "../../../TooltipWord.js";
 export {
   r as default
 };

package/components/Tooltip/index.js

@@ -1,8 +1,57 @@
-import { Tooltip as r } from "./Tooltip.js";
-import { TooltipOpenProvider as e } from "./Tooltip.js";
+import { jsxs as m, Fragment as w, jsx as c } from "react/jsx-runtime";
+import O, { useRef as y, useContext as C, useEffect as u, useState as D } from "react";
+import { T as b } from "../../TooltipWord.js";
+import { useDelayedState as B } from "../../hooks/useDelayedState.js";
+import { useUuid as E } from "../../hooks/useUuid.js";
+import { H as v } from "../../HelpBubble.js";
+const x = 200, g = ({ children: p, description: s, testId: i }) => {
+  const t = E(), a = y(null), { currentTooltip: n, setCurrentTooltip: r } = C(h), [{ showTooltip: l, keepOpen: T }, k, o] = B(
+    { showTooltip: !1, keepOpen: !1 },
+    x
+  );
+  u(() => {
+    r && r(l ? t : void 0);
+  }, [l]), u(() => {
+    n !== t && typeof n < "u" && o((e) => ({ showTooltip: !1, keepOpen: e.keepOpen }));
+  }, [n]);
+  const d = () => {
+    l || o({ showTooltip: !1, keepOpen: !1 });
+  };
+  return u(() => (document.addEventListener("mouseup", d), () => {
+    document.removeEventListener("mouseup", d);
+  }), []), /* @__PURE__ */ m(w, { children: [
+    /* @__PURE__ */ c(
+      b,
+      {
+        ref: a,
+        onClick: () => {
+          o((e) => ({ showTooltip: !e.showTooltip, keepOpen: !e.keepOpen }));
+        },
+        onFocus: () => {
+          n || k((e) => ({ showTooltip: !0, keepOpen: e.keepOpen }));
+        },
+        onBlur: () => {
+          o((e) => ({ showTooltip: !1, keepOpen: e.keepOpen }));
+        },
+        onKeyDown: (e) => {
+          e.key === "Enter" && o((f) => ({ showTooltip: !f.showTooltip, keepOpen: !f.keepOpen })), e.key === "Escape" && o({ showTooltip: !1, keepOpen: !1 });
+        },
+        ariaDescribedById: t,
+        testId: i,
+        children: p
+      }
+    ),
+    /* @__PURE__ */ c(v, { helpBubbleId: t, controllerRef: a, role: "tooltip", showBubble: l || T, children: s })
+  ] });
+}, h = O.createContext({
+  currentTooltip: void 0
+}), A = ({ children: p }) => {
+  const [s, i] = D();
+  return /* @__PURE__ */ c(h.Provider, { value: { currentTooltip: s, setCurrentTooltip: i }, children: p });
+};
 export {
-  r as Tooltip,
-  e as TooltipOpenProvider,
-  r as default
+  g as Tooltip,
+  A as TooltipOpenProvider,
+  g as default
 };
 //# sourceMappingURL=index.js.map

package/components/Tooltip/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import React, { useContext, useState, useEffect, useRef } from 'react';\n\nimport TooltipWord from './TooltipWord';\nimport { useDelayedState } from '../../hooks/useDelayedState';\nimport { useUuid } from '../../hooks/useUuid';\nimport HelpBubble from '../HelpBubble';\n\nconst HOVER_DELAY_MS = 200;\n\nexport interface TooltipProps {\n  /** Ordet som skal ha en tilhørende tooltip */\n  children: string;\n  /** Teksten som skal vises i tooltip */\n  description: React.ReactNode;\n  /** Valgfri test-id */\n  testId?: string;\n}\n\nexport const Tooltip: React.FC<TooltipProps> = ({ children, description, testId }) => {\n  const helpBubbleId = useUuid();\n  const wordRef = useRef<HTMLButtonElement>(null);\n  const { currentTooltip, setCurrentTooltip } = useContext(TooltipOpenContext);\n  const [{ showTooltip, keepOpen }, setShowTooltipDelayed, setShowTooltip] = useDelayedState(\n    { showTooltip: false, keepOpen: false },\n    HOVER_DELAY_MS\n  );\n\n  useEffect(() => {\n    if (!setCurrentTooltip) {\n      return;\n    }\n    if (showTooltip) {\n      setCurrentTooltip(helpBubbleId);\n    } else {\n      setCurrentTooltip(undefined);\n    }\n  }, [showTooltip]);\n\n  useEffect(() => {\n    if (currentTooltip !== helpBubbleId && typeof currentTooltip !== 'undefined') {\n      setShowTooltip(prevState => ({ showTooltip: false, keepOpen: prevState.keepOpen }));\n    }\n  }, [currentTooltip]);\n\n  const handleDocumentClick = (): void => {\n    if (!showTooltip) {\n      setShowTooltip({ showTooltip: false, keepOpen: false });\n    }\n  };\n\n  useEffect(() => {\n    document.addEventListener('mouseup', handleDocumentClick);\n    return (): void => {\n      document.removeEventListener('mouseup', handleDocumentClick);\n    };\n  }, []);\n\n  const handleTooltipClick = (): void => {\n    setShowTooltip(prevState => ({ showTooltip: !prevState.showTooltip, keepOpen: !prevState.keepOpen }));\n  };\n\n  const handleFocus = (): void => {\n    if (!currentTooltip) {\n      setShowTooltipDelayed(prevState => ({ showTooltip: true, keepOpen: prevState.keepOpen }));\n    }\n  };\n\n  const handleBlur = (): void => {\n    setShowTooltip(prevState => ({ showTooltip: false, keepOpen: prevState.keepOpen }));\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLSpanElement>): void => {\n    if (e.key === 'Enter') {\n      setShowTooltip(prevState => ({ showTooltip: !prevState.showTooltip, keepOpen: !prevState.keepOpen }));\n    }\n    if (e.key === 'Escape') {\n      setShowTooltip({ showTooltip: false, keepOpen: false });\n    }\n  };\n\n  return (\n    <>\n      <TooltipWord\n        ref={wordRef}\n        onClick={handleTooltipClick}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        onKeyDown={handleKeyDown}\n        ariaDescribedById={helpBubbleId}\n        testId={testId}\n      >\n        {children}\n      </TooltipWord>\n      <HelpBubble helpBubbleId={helpBubbleId} controllerRef={wordRef} role=\"tooltip\" showBubble={showTooltip || keepOpen}>\n        {description}\n      </HelpBubble>\n    </>\n  );\n};\n\nexport type TooltipContext = {\n  currentTooltip?: string;\n  setCurrentTooltip?: (id?: string) => void;\n};\n\nconst TooltipOpenContext = React.createContext<TooltipContext>({\n  currentTooltip: undefined,\n});\n\ninterface TooltipOpenProviderProps {\n  children?: React.ReactNode;\n}\n\nexport const TooltipOpenProvider: React.FC<TooltipOpenProviderProps> = ({ children }) => {\n  const [currentTooltip, setCurrentTooltip] = useState<string>();\n\n  return <TooltipOpenContext.Provider value={{ currentTooltip, setCurrentTooltip }}>{children}</TooltipOpenContext.Provider>;\n};\n\nexport default Tooltip;\n"],"names":["HOVER_DELAY_MS","Tooltip","children","description","testId","helpBubbleId","useUuid","wordRef","useRef","currentTooltip","setCurrentTooltip","useContext","TooltipOpenContext","showTooltip","keepOpen","setShowTooltipDelayed","setShowTooltip","useDelayedState","useEffect","prevState","handleDocumentClick","jsxs","Fragment","jsx","TooltipWord","HelpBubble","React","TooltipOpenProvider","useState"],"mappings":";;;;;;AAOA,MAAMA,IAAiB,KAWVC,IAAkC,CAAC,EAAE,UAAAC,GAAU,aAAAC,GAAa,QAAAC,QAAa;AACpF,QAAMC,IAAeC,KACfC,IAAUC,EAA0B,IAAI,GACxC,EAAE,gBAAAC,GAAgB,mBAAAC,EAAkB,IAAIC,EAAWC,CAAkB,GACrE,CAAC,EAAE,aAAAC,GAAa,UAAAC,EAAY,GAAAC,GAAuBC,CAAc,IAAIC;AAAA,IACzE,EAAE,aAAa,IAAO,UAAU,GAAM;AAAA,IACtCjB;AAAA,EAAA;AAGF,EAAAkB,EAAU,MAAM;AACd,IAAKR,KAIHA,EADEG,IACgBR,IAEA,MAFY;AAAA,EAGhC,GACC,CAACQ,CAAW,CAAC,GAEhBK,EAAU,MAAM;AACd,IAAIT,MAAmBJ,KAAgB,OAAOI,IAAmB,OAC/DO,EAAe,QAAc,EAAE,aAAa,IAAO,UAAUG,EAAU,SAAW,EAAA;AAAA,EACpF,GACC,CAACV,CAAc,CAAC;AAEnB,QAAMW,IAAsB,MAAY;AACtC,IAAKP,KACHG,EAAe,EAAE,aAAa,IAAO,UAAU,GAAO,CAAA;AAAA,EACxD;AAGF,SAAAE,EAAU,OACC,SAAA,iBAAiB,WAAWE,CAAmB,GACjD,MAAY;AACR,aAAA,oBAAoB,WAAWA,CAAmB;AAAA,EAAA,IAE5D,CAAE,CAAA,GA2BD,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,KAAKjB;AAAA,QACL,SA3BqB,MAAY;AACtB,UAAAS,EAAA,CAAAG,OAAc,EAAE,aAAa,CAACA,EAAU,aAAa,UAAU,CAACA,EAAU,SAAA,EAAW;AAAA,QAAA;AAAA,QA2BhG,SAxBc,MAAY;AAC9B,UAAKV,KACHM,EAAsB,QAAc,EAAE,aAAa,IAAM,UAAUI,EAAU,SAAW,EAAA;AAAA,QAC1F;AAAA,QAsBI,QAnBa,MAAY;AAC7B,UAAAH,EAAe,QAAc,EAAE,aAAa,IAAO,UAAUG,EAAU,SAAW,EAAA;AAAA,QAAA;AAAA,QAmB9E,WAhBgB,CAAC,MAAkD;AACnE,UAAA,EAAE,QAAQ,WACGH,EAAA,CAAAG,OAAc,EAAE,aAAa,CAACA,EAAU,aAAa,UAAU,CAACA,EAAU,SAAA,EAAW,GAElG,EAAE,QAAQ,YACZH,EAAe,EAAE,aAAa,IAAO,UAAU,GAAO,CAAA;AAAA,QACxD;AAAA,QAWI,mBAAmBX;AAAA,QACnB,QAAAD;AAAA,QAEC,UAAAF;AAAA,MAAA;AAAA,IACH;AAAA,IACA,gBAAAqB,EAACE,GAAW,EAAA,cAAApB,GAA4B,eAAeE,GAAS,MAAK,WAAU,YAAYM,KAAeC,GACvG,UACHX,EAAA,CAAA;AAAA,EACF,EAAA,CAAA;AAEJ,GAOMS,IAAqBc,EAAM,cAA8B;AAAA,EAC7D,gBAAgB;AAClB,CAAC,GAMYC,IAA0D,CAAC,EAAE,UAAAzB,QAAe;AACvF,QAAM,CAACO,GAAgBC,CAAiB,IAAIkB,EAAiB;AAEtD,SAAA,gBAAAL,EAACX,EAAmB,UAAnB,EAA4B,OAAO,EAAE,gBAAAH,GAAgB,mBAAAC,EAAkB,GAAI,UAAAR,EAAS,CAAA;AAC9F;"}

package/components/Trigger/index.js

@@ -1,5 +1,5 @@
-import e from "./Trigger.js";
+import { T as a } from "../../Trigger.js";
 export {
-  e as default
+  a as default
 };
 //# sourceMappingURL=index.js.map

package/components/Validation/index.js

@@ -1,6 +1,50 @@
-import { Validation as o } from "./Validation.js";
+import { jsx as e, Fragment as m, jsxs as l } from "react/jsx-runtime";
+import o from "react";
+import c from "classnames";
+import { A as f } from "../../AnchorLink.js";
+import { L as d } from "../../List.js";
+import { useUuid as u } from "../../hooks/useUuid.js";
+import { T as h } from "../../Title.js";
+import n from "./styles.module.scss";
+import { AnalyticsId as y } from "../../constants.js";
+import { isComponent as T } from "../../utils/component.js";
+import { F as g } from "../../FormGroup.js";
+const C = (r) => {
+  const t = (a, i) => {
+    a == null || a.preventDefault(), i != null && i.focus && (i == null || i.focus());
+  };
+  return r.error.ref ? /* @__PURE__ */ e(f, { href: `#${r.name}`, onClick: (a) => t(a, r.error.ref), children: r.error.message }) : /* @__PURE__ */ e(m, { children: r.error.message });
+}, v = (r) => /* @__PURE__ */ e(d, { children: Object.entries(r.errors).map(([t, a]) => /* @__PURE__ */ e(d.Item, { children: /* @__PURE__ */ e(C, { name: t, error: a }) }, t)) }), N = (r) => {
+  const { errorTitleHtmlMarkup: t = "h2" } = r, a = u(), i = !!r.errors && Object.entries(r.errors).length > 0, s = c(n.validation__summary, i && n["validation__summary--visible"]);
+  return /* @__PURE__ */ l(
+    "div",
+    {
+      role: "alert",
+      "aria-live": "polite",
+      "aria-relevant": "all",
+      "aria-labelledby": i && r.errorTitle ? a : void 0,
+      className: s,
+      children: [
+        i && /* @__PURE__ */ l(m, { children: [
+          r.errorTitle && /* @__PURE__ */ e(h, { appearance: "title4", id: a, htmlMarkup: t, margin: { marginTop: 0, marginBottom: 1 }, children: r.errorTitle }),
+          /* @__PURE__ */ e(v, { errors: r.errors })
+        ] }),
+        r.children
+      ]
+    }
+  );
+}, _ = o.forwardRef((r, t) => {
+  const a = (i) => T(i, g) ? o.cloneElement(i, {
+    errorWrapperClassName: n["validation__error-wrapper"]
+  }) : o.isValidElement(i) && i.type === o.Fragment ? o.Children.map(i.props.children, (s) => a(s)) : i;
+  return /* @__PURE__ */ l(m, { children: [
+    /* @__PURE__ */ e("div", { "data-testid": r.testId, "data-analyticsid": y.Validation, className: r.className, ref: t, children: o.Children.map(r.children, (i) => a(i)) }),
+    /* @__PURE__ */ e(N, { errorTitle: r.errorTitle, errors: r.errors })
+  ] });
+});
+_.displayName = "Validation";
 export {
-  o as Validation,
-  o as default
+  _ as Validation,
+  _ as default
 };
 //# sourceMappingURL=index.js.map

package/components/Validation/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"index.js","sources":["../../../src/components/Validation/ErrorListItem.tsx","../../../src/components/Validation/ErrorList.tsx","../../../src/components/Validation/ValidationSummary.tsx","../../../src/components/Validation/Validation.tsx"],"sourcesContent":["import React from 'react';\n\nimport { ErrorDetails, FocusableElement } from './types';\nimport AnchorLink, { AnchorLinkOnClickEvent } from '../AnchorLink';\n\ninterface ErrorElementProps {\n  name: string;\n  error: ErrorDetails;\n}\n\nconst ErrorListItem: React.FC<ErrorElementProps> = props => {\n  const handleClick = (event?: AnchorLinkOnClickEvent, element?: FocusableElement): void => {\n    event?.preventDefault();\n    element?.focus && element?.focus();\n  };\n\n  if (props.error.ref) {\n    return (\n      <AnchorLink href={`#${props.name}`} onClick={(e): void => handleClick(e, props.error.ref)}>\n        {props.error.message}\n      </AnchorLink>\n    );\n  }\n\n  return <>{props.error.message}</>;\n};\n\nexport default ErrorListItem;\n","import React from 'react';\n\nimport ErrorListItem from './ErrorListItem';\nimport { ValidationErrors } from './types';\nimport List from '../List';\n\ninterface ErrorListProps {\n  errors: ValidationErrors;\n}\n\nconst ErrorList: React.FC<ErrorListProps> = props => (\n  <List>\n    {Object.entries(props.errors).map(([name, error]) => (\n      <List.Item key={name}>\n        <ErrorListItem name={name} error={error} />\n      </List.Item>\n    ))}\n  </List>\n);\n\nexport default ErrorList;\n","import React from 'react';\n\nimport classNames from 'classnames';\n\nimport ErrorList from './ErrorList';\nimport { ValidationErrors } from './types';\nimport { useUuid } from '../../hooks/useUuid';\nimport Title, { TitleTags } from '../Title';\n\nimport styles from './styles.module.scss';\n\ninterface ValidationSummaryProps {\n  /** Error summary title */\n  errorTitle?: string;\n  /** Error list */\n  errors?: ValidationErrors;\n  /** Markup props for error summary title. Default: h2 */\n  errorTitleHtmlMarkup?: TitleTags;\n  /** Will be shown last */\n  children?: React.ReactNode;\n}\n\nconst ValidationSummary: React.FC<ValidationSummaryProps> = props => {\n  const { errorTitleHtmlMarkup = 'h2' } = props;\n  const titleId = useUuid();\n\n  const hasErrors = !!props.errors && Object.entries(props.errors).length > 0;\n\n  const summaryClasses = classNames(styles['validation__summary'], hasErrors && styles['validation__summary--visible']);\n\n  return (\n    <div\n      role={'alert'}\n      aria-live={'polite'}\n      aria-relevant={'all'}\n      aria-labelledby={hasErrors && props.errorTitle ? titleId : undefined}\n      className={summaryClasses}\n    >\n      {hasErrors && (\n        <>\n          {props.errorTitle && (\n            <Title appearance=\"title4\" id={titleId} htmlMarkup={errorTitleHtmlMarkup} margin={{ marginTop: 0, marginBottom: 1 }}>\n              {props.errorTitle}\n            </Title>\n          )}\n          <ErrorList errors={props.errors!} />\n        </>\n      )}\n      {props.children}\n    </div>\n  );\n};\n\nexport default ValidationSummary;\n","import React from 'react';\n\nimport { ValidationErrors } from './types';\nimport ValidationSummary from './ValidationSummary';\nimport { AnalyticsId, FormSize } from '../../constants';\nimport { isComponent } from '../../utils/component';\nimport FormGroup, { FormGroupProps } from '../FormGroup/FormGroup';\n\nimport styles from './styles.module.scss';\n\ninterface ValidationProps {\n  /** Error summary title */\n  errorTitle?: string;\n  /** Validation errors. If errors include references to HTML elements, the errors will be rendered as links with an onClick handler to focus the element. */\n  errors?: ValidationErrors;\n  /** Items in the Validation compontent */\n  children?: React.ReactNode;\n  /** Adds custom classes to the element. */\n  className?: string;\n  /** Changes the visuals of the formgroup */\n  size?: keyof typeof FormSize;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n}\n\nexport const Validation = React.forwardRef((props: ValidationProps, ref: React.ForwardedRef<HTMLDivElement>) => {\n  const renderChild = (child: React.ReactNode): React.ReactNode => {\n    if (isComponent<FormGroupProps>(child, FormGroup)) {\n      return React.cloneElement(child, {\n        errorWrapperClassName: styles['validation__error-wrapper'],\n      });\n    }\n    if (React.isValidElement(child) && child.type === React.Fragment) {\n      return React.Children.map(child.props.children, (child: React.ReactNode) => {\n        return renderChild(child);\n      });\n    }\n\n    return child;\n  };\n\n  return (\n    <>\n      <div data-testid={props.testId} data-analyticsid={AnalyticsId.Validation} className={props.className} ref={ref}>\n        {React.Children.map(props.children, (child: React.ReactNode) => renderChild(child))}\n      </div>\n      <ValidationSummary errorTitle={props.errorTitle} errors={props.errors} />\n    </>\n  );\n});\n\nValidation.displayName = 'Validation';\n\nexport default Validation;\n"],"names":["ErrorListItem","props","handleClick","event","element","AnchorLink","e","jsx","Fragment","ErrorList","List","name","error","ValidationSummary","errorTitleHtmlMarkup","titleId","useUuid","hasErrors","summaryClasses","classNames","styles","jsxs","Title","Validation","React","ref","renderChild","child","isComponent","FormGroup","AnalyticsId"],"mappings":";;;;;;;;;;;AAUA,MAAMA,IAA6C,CAASC,MAAA;AACpD,QAAAC,IAAc,CAACC,GAAgCC,MAAqC;AACxF,IAAAD,KAAA,QAAAA,EAAO,kBACEC,KAAA,QAAAA,EAAA,UAASA,KAAA,QAAAA,EAAS;AAAA,EAAM;AAG/B,SAAAH,EAAM,MAAM,wBAEXI,GAAW,EAAA,MAAM,IAAIJ,EAAM,IAAI,IAAI,SAAS,CAACK,MAAYJ,EAAYI,GAAGL,EAAM,MAAM,GAAG,GACrF,UAAAA,EAAM,MAAM,QACf,CAAA,IAIG,gBAAAM,EAAAC,GAAA,EAAG,UAAMP,EAAA,MAAM,QAAQ,CAAA;AAChC,GCfMQ,IAAsC,CAC1CR,MAAA,gBAAAM,EAACG,GACE,EAAA,UAAA,OAAO,QAAQT,EAAM,MAAM,EAAE,IAAI,CAAC,CAACU,GAAMC,CAAK,MAC7C,gBAAAL,EAACG,EAAK,MAAL,EACC,UAAA,gBAAAH,EAACP,GAAc,EAAA,MAAAW,GAAY,OAAAC,EAAc,CAAA,EAAA,GAD3BD,CAEhB,CACD,EACH,CAAA,GCKIE,IAAsD,CAASZ,MAAA;AAC7D,QAAA,EAAE,sBAAAa,IAAuB,KAAS,IAAAb,GAClCc,IAAUC,KAEVC,IAAY,CAAC,CAAChB,EAAM,UAAU,OAAO,QAAQA,EAAM,MAAM,EAAE,SAAS,GAEpEiB,IAAiBC,EAAWC,EAAO,qBAAwBH,KAAaG,EAAO,8BAA8B,CAAC;AAGlH,SAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAM;AAAA,MACN,aAAW;AAAA,MACX,iBAAe;AAAA,MACf,mBAAiBJ,KAAahB,EAAM,aAAac,IAAU;AAAA,MAC3D,WAAWG;AAAA,MAEV,UAAA;AAAA,QAAAD,KAEI,gBAAAI,EAAAb,GAAA,EAAA,UAAA;AAAA,UAAAP,EAAM,cACJ,gBAAAM,EAAAe,GAAA,EAAM,YAAW,UAAS,IAAIP,GAAS,YAAYD,GAAsB,QAAQ,EAAE,WAAW,GAAG,cAAc,EAAE,GAC/G,YAAM,YACT;AAAA,UAED,gBAAAP,EAAAE,GAAA,EAAU,QAAQR,EAAM,OAAS,CAAA;AAAA,QAAA,GACpC;AAAA,QAEDA,EAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGb,GC1BasB,IAAaC,EAAM,WAAW,CAACvB,GAAwBwB,MAA4C;AACxG,QAAAC,IAAc,CAACC,MACfC,EAA4BD,GAAOE,CAAS,IACvCL,EAAM,aAAaG,GAAO;AAAA,IAC/B,uBAAuBP,EAAO,2BAA2B;AAAA,EAAA,CAC1D,IAECI,EAAM,eAAeG,CAAK,KAAKA,EAAM,SAASH,EAAM,WAC/CA,EAAM,SAAS,IAAIG,EAAM,MAAM,UAAU,CAACA,MACxCD,EAAYC,CAAK,CACzB,IAGIA;AAGT,SAEI,gBAAAN,EAAAb,GAAA,EAAA,UAAA;AAAA,IAAC,gBAAAD,EAAA,OAAA,EAAI,eAAaN,EAAM,QAAQ,oBAAkB6B,EAAY,YAAY,WAAW7B,EAAM,WAAW,KAAAwB,GACnG,UAAMD,EAAA,SAAS,IAAIvB,EAAM,UAAU,CAAC0B,MAA2BD,EAAYC,CAAK,CAAC,EACpF,CAAA;AAAA,sBACCd,GAAkB,EAAA,YAAYZ,EAAM,YAAY,QAAQA,EAAM,QAAQ;AAAA,EACzE,EAAA,CAAA;AAEJ,CAAC;AAEDsB,EAAW,cAAc;"}

package/{components → docs}/ButtonWithModal/ButtonWithModal.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ModalProps } from '../Modal/Modal';
+import { ModalProps } from '../../components/Modal';
 interface ModalWithButtonProps extends ModalProps {
     /** Text of the button */
     buttonText: string;

package/{components → docs}/HelpBubbleExample/HelpBubbleExample.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { HelpBubbleProps } from '../HelpBubble/HelpBubble';
+import { HelpBubbleProps } from '../../components/HelpBubble';
 declare const HelpBubbleExample: React.FC<HelpBubbleProps>;
 export default HelpBubbleExample;

package/{components → docs}/TooltipExample/TooltipExample.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { TooltipProps } from '../Tooltip';
+import { TooltipProps } from '../../components/Tooltip';
 declare const TooltipExample: React.FC<TooltipProps>;
 export default TooltipExample;

package/hoc/withBreakpoint/withBreakpoint.js

@@ -1,13 +1,14 @@
-import t from "react";
-import { useBreakpoint as n } from "../../hooks/useBreakpoint.js";
-function p(e) {
-  return t.forwardRef((r, o) => {
-    const a = n();
-    return /* @__PURE__ */ t.createElement(e, { ref: o, ...r, breakpoint: a });
+import { jsx as i } from "react/jsx-runtime";
+import n from "react";
+import { useBreakpoint as a } from "../../hooks/useBreakpoint.js";
+function u(r) {
+  return n.forwardRef((t, o) => {
+    const e = a();
+    return /* @__PURE__ */ i(r, { ref: o, ...t, breakpoint: e });
   });
 }
 export {
-  p as default,
-  p as withBreakpoint
+  u as default,
+  u as withBreakpoint
 };
 //# sourceMappingURL=withBreakpoint.js.map

package/hoc/withBreakpoint/withBreakpoint.js.map

@@ -1 +1 @@
-{"version":3,"file":"withBreakpoint.js","sources":["../../../src/hoc/withBreakpoint/withBreakpoint.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Breakpoint, useBreakpoint } from '../../hooks/useBreakpoint';\n\nexport interface BreakpointProps {\n  breakpoint: Breakpoint;\n}\n\n// Hentet fra https://github.com/DefinitelyTyped/DefinitelyTyped/issues/35834#issuecomment-497605842\nexport function withBreakpoint<P extends BreakpointProps, C extends React.ComponentClass<P>>(\n  Component: C & React.ComponentType<P>\n): React.ForwardRefExoticComponent<Omit<React.ComponentPropsWithoutRef<C> & { ref?: React.Ref<InstanceType<C>> }, keyof BreakpointProps>>;\n\nexport function withBreakpoint<P extends BreakpointProps & { ref?: React.Ref<unknown> }>(\n  Component: React.ForwardRefExoticComponent<P>\n): React.ForwardRefExoticComponent<Omit<P, keyof BreakpointProps>>;\n\nexport function withBreakpoint<P extends BreakpointProps>(\n  Component: React.FunctionComponent<P>\n): React.ForwardRefExoticComponent<Omit<P, keyof BreakpointProps>>;\n\nexport function withBreakpoint<P extends BreakpointProps>(Component: React.ComponentType<P>) {\n  return React.forwardRef((props, ref) => {\n    const breakpoint = useBreakpoint();\n    return <Component ref={ref} {...(props as P)} breakpoint={breakpoint} />;\n  });\n}\n\nexport default withBreakpoint;\n"],"names":["withBreakpoint","Component","React","props","ref","breakpoint","useBreakpoint"],"mappings":";;AAqBO,SAASA,EAA0CC,GAAmC;AAC3F,SAAOC,EAAM,WAAW,CAACC,GAAOC,MAAQ;AACtC,UAAMC,IAAaC;AACnB,WAAQJ,gBAAAA,EAAA,cAAAD,GAAA,EAAU,KAAAG,GAAW,GAAID,GAAa,YAAAE,EAAwB,CAAA;AAAA,EAAA,CACvE;AACH;"}
+{"version":3,"file":"withBreakpoint.js","sources":["../../../src/hoc/withBreakpoint/withBreakpoint.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Breakpoint, useBreakpoint } from '../../hooks/useBreakpoint';\n\nexport interface BreakpointProps {\n  breakpoint: Breakpoint;\n}\n\n// Hentet fra https://github.com/DefinitelyTyped/DefinitelyTyped/issues/35834#issuecomment-497605842\nexport function withBreakpoint<P extends BreakpointProps, C extends React.ComponentClass<P>>(\n  Component: C & React.ComponentType<P>\n): React.ForwardRefExoticComponent<Omit<React.ComponentPropsWithoutRef<C> & { ref?: React.Ref<InstanceType<C>> }, keyof BreakpointProps>>;\n\nexport function withBreakpoint<P extends BreakpointProps & { ref?: React.Ref<unknown> }>(\n  Component: React.ForwardRefExoticComponent<P>\n): React.ForwardRefExoticComponent<Omit<P, keyof BreakpointProps>>;\n\nexport function withBreakpoint<P extends BreakpointProps>(\n  Component: React.FunctionComponent<P>\n): React.ForwardRefExoticComponent<Omit<P, keyof BreakpointProps>>;\n\nexport function withBreakpoint<P extends BreakpointProps>(Component: React.ComponentType<P>) {\n  return React.forwardRef((props, ref) => {\n    const breakpoint = useBreakpoint();\n    return <Component ref={ref} {...(props as P)} breakpoint={breakpoint} />;\n  });\n}\n\nexport default withBreakpoint;\n"],"names":["withBreakpoint","Component","React","props","ref","breakpoint","useBreakpoint","jsx"],"mappings":";;;AAqBO,SAASA,EAA0CC,GAAmC;AAC3F,SAAOC,EAAM,WAAW,CAACC,GAAOC,MAAQ;AACtC,UAAMC,IAAaC;AACnB,WAAQ,gBAAAC,EAAAN,GAAA,EAAU,KAAAG,GAAW,GAAID,GAAa,YAAAE,EAAwB,CAAA;AAAA,EAAA,CACvE;AACH;"}

package/hooks/useIcons.js

@@ -1,16 +1,16 @@
-import { Icon as i } from "../components/Icon/Icon.js";
-import { LazyIcon as e } from "../components/LazyIcon/LazyIcon.js";
+import { I as i } from "../Icon.js";
+import { L as e } from "../LazyIcon.js";
 import { isComponent as o } from "../utils/component.js";
-const c = (t) => {
-  let s = null, f = null;
+const a = (t) => {
+  let l = null, f = null;
   const n = t[0];
-  (o(n, i) || o(n, e)) && (s = n, t.shift());
-  const l = t[t.length - 1];
-  (o(l, i) || o(l, e)) && (f = l, t.pop());
+  (o(n, i) || o(n, e)) && (l = n, t.shift());
+  const s = t[t.length - 1];
+  (o(s, i) || o(s, e)) && (f = s, t.pop());
   const r = t.filter((m) => m);
-  return [s, f, r.length > 0 ? r : null];
+  return [l, f, r.length > 0 ? r : null];
 };
 export {
-  c as useIcons
+  a as useIcons
 };
 //# sourceMappingURL=useIcons.js.map

package/hooks/useUuid.js

@@ -1,10 +1,10 @@
 import { useState as r } from "react";
-import { uuid as u } from "../utils/uuid.js";
-const m = (t) => {
+import { u } from "../uuid.js";
+const s = (t) => {
   const [o] = r(t || u());
   return o;
 };
 export {
-  m as useUuid
+  s as useUuid
 };
 //# sourceMappingURL=useUuid.js.map

package/index.js

@@ -3,7 +3,7 @@ import { Breakpoint as s, useBreakpoint as u } from "./hooks/useBreakpoint.js";
 import { useFocusToggle as p } from "./hooks/useFocusToggle.js";
 import { useFocusTrap as f } from "./hooks/useFocusTrap.js";
 import { useHover as n } from "./hooks/useHover.js";
-import { useIntersectionObserver as v } from "./hooks/useIntersectionObserver.js";
+import { useIntersectionObserver as d } from "./hooks/useIntersectionObserver.js";
 import { useIsVisible as E } from "./hooks/useIsVisible.js";
 import { useLayoutEvent as c } from "./hooks/useLayoutEvent.js";
 import { usePrevious as A } from "./hooks/usePrevious.js";
@@ -15,7 +15,7 @@ import { useKeyboardEvent as H } from "./hooks/useKeyboardEvent.js";
 import { useOutsideEvent as O } from "./hooks/useOutsideEvent.js";
 import { useUuid as B } from "./hooks/useUuid.js";
 import { isMobileUA as M } from "./utils/mobile.js";
-import { uuid as U } from "./utils/uuid.js";
+import { u as U } from "./uuid.js";
 import { AVERAGE_CHARACTER_WIDTH_PX as h, AnalyticsId as D, FormMode as G, FormSize as L, IconSize as W, KeyboardEventKey as X, ZIndex as Z } from "./constants.js";
 export {
   h as AVERAGE_CHARACTER_WIDTH_PX,
@@ -32,7 +32,7 @@ export {
   p as useFocusToggle,
   f as useFocusTrap,
   n as useHover,
-  v as useIntersectionObserver,
+  d as useIntersectionObserver,
   E as useIsVisible,
   H as useKeyboardEvent,
   c as useLayoutEvent,

package/package.json

@@ -7,7 +7,7 @@
     "url": "git+https://github.com/helsenorge/designsystem.git"
   },
   "homepage": "https://helsenorge.design",
-  "version": "8.5.0",
+  "version": "8.5.1",
   "author": "Helsenorge",
   "license": "MIT",
   "dependencies": {

package/utils/component.js

@@ -1,7 +1,7 @@
 import i from "react";
-const n = (t, o) => i.isValidElement(t) && t.type === o, s = (t) => i.isValidElement(t);
+const e = (t, o) => i.isValidElement(t) && t.type === o, s = (t) => i.isValidElement(t);
 export {
-  n as isComponent,
+  e as isComponent,
   s as isComponentWithChildren
 };
 //# sourceMappingURL=component.js.map

package/utils/uuid.js

@@ -1,10 +1,7 @@
-import { isTest as r } from "./environment.js";
-const o = () => r() ? "test" : "bxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx".replace(/[x]/g, function(t) {
-  const x = Math.random() * 16 | 0;
-  return (t == "x" ? x : x & 3 | 8).toString(16);
-});
+import "./environment.js";
+import { u as r, u as t } from "../uuid.js";
 export {
-  o as default,
-  o as uuid
+  r as default,
+  t as uuid
 };
 //# sourceMappingURL=uuid.js.map

package/utils/uuid.js.map

@@ -1 +1 @@
-{"version":3,"file":"uuid.js","sources":["../../src/utils/uuid.ts"],"sourcesContent":["import { isTest } from './environment';\n\nexport const uuid = (): string => {\n  if (isTest()) {\n    return 'test';\n  }\n  return 'bxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx'.replace(/[x]/g, function (c) {\n    const r = (Math.random() * 16) | 0,\n      v = c == 'x' ? r : (r & 0x3) | 0x8;\n    return v.toString(16);\n  });\n};\n\nexport default uuid;\n"],"names":["uuid","isTest","c","r"],"mappings":";AAEO,MAAMA,IAAO,MACdC,MACK,SAEF,uCAAuC,QAAQ,QAAQ,SAAUC,GAAG;AACnE,QAAAC,IAAK,KAAK,OAAW,IAAA,KAAM;AAE1B,UADDD,KAAK,MAAMC,IAAKA,IAAI,IAAO,GACxB,SAAS,EAAE;AAAA,CACrB;"}
+{"version":3,"file":"uuid.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/{components/Illustration/utils.js → utils.js}

@@ -1,5 +1,5 @@
 const f = ({ size: n, large: o, medium: t, small: r }) => o && (n >= 512 || !t && !r) ? o : t && (n >= 201 || !r) ? t : r;
 export {
-  f as getIllustration
+  f as g
 };
 //# sourceMappingURL=utils.js.map

package/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../src/components/Illustration/utils.ts"],"sourcesContent":["interface IllustrationConfig<T> {\n  size: number;\n  large?: T;\n  medium?: T;\n  small?: T;\n}\n\nexport const getIllustration = <T>({ size, large, medium, small }: IllustrationConfig<T>): T => {\n  if (large && (size >= 512 || (!medium && !small))) {\n    return large;\n  }\n\n  if (medium && (size >= 201 || !small)) {\n    return medium;\n  }\n\n  return small as T;\n};\n"],"names":["getIllustration","size","large","medium","small"],"mappings":"AAOO,MAAMA,IAAkB,CAAI,EAAE,MAAAC,GAAM,OAAAC,GAAO,QAAAC,GAAQ,OAAAC,QACpDF,MAAUD,KAAQ,OAAQ,CAACE,KAAU,CAACC,KACjCF,IAGLC,MAAWF,KAAQ,OAAO,CAACG,KACtBD,IAGFC;"}

package/uuid.js

@@ -0,0 +1,14 @@
+import { isTest as r } from "./utils/environment.js";
+const t = () => r() ? "test" : "bxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx".replace(/[x]/g, function(e) {
+  const x = Math.random() * 16 | 0;
+  return (e == "x" ? x : x & 3 | 8).toString(16);
+}), u = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: t,
+  uuid: t
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  u as a,
+  t as u
+};
+//# sourceMappingURL=uuid.js.map

package/uuid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"uuid.js","sources":["../src/utils/uuid.ts"],"sourcesContent":["import { isTest } from './environment';\n\nexport const uuid = (): string => {\n  if (isTest()) {\n    return 'test';\n  }\n  return 'bxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx'.replace(/[x]/g, function (c) {\n    const r = (Math.random() * 16) | 0,\n      v = c == 'x' ? r : (r & 0x3) | 0x8;\n    return v.toString(16);\n  });\n};\n\nexport default uuid;\n"],"names":["uuid","isTest","c","r"],"mappings":";AAEO,MAAMA,IAAO,MACdC,MACK,SAEF,uCAAuC,QAAQ,QAAQ,SAAUC,GAAG;AACnE,QAAAC,IAAK,KAAK,OAAW,IAAA,KAAM;AAE1B,UADDD,KAAK,MAAMC,IAAKA,IAAI,IAAO,GACxB,SAAS,EAAE;AAAA,CACrB;;;;;"}

package/_virtual/_cloneBuffer.js

@@ -1,5 +0,0 @@
-var e = { exports: {} };
-export {
-  e as __module
-};
-//# sourceMappingURL=_cloneBuffer.js.map

package/_virtual/_cloneBuffer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"_cloneBuffer.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/_virtual/_commonjs-dynamic-modules.js

@@ -1,7 +0,0 @@
-function r(o) {
-  throw new Error('Could not dynamically require "' + o + '". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.');
-}
-export {
-  r as commonjsRequire
-};
-//# sourceMappingURL=_commonjs-dynamic-modules.js.map

package/_virtual/_commonjs-dynamic-modules.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"_commonjs-dynamic-modules.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/_virtual/_commonjsHelpers.js

@@ -1,9 +0,0 @@
-var o = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function l(e) {
-  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
-}
-export {
-  o as commonjsGlobal,
-  l as getDefaultExportFromCjs
-};
-//# sourceMappingURL=_commonjsHelpers.js.map

package/_virtual/_commonjsHelpers.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"_commonjsHelpers.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/_virtual/_nodeUtil.js

@@ -1,5 +0,0 @@
-var e = { exports: {} };
-export {
-  e as __module
-};
-//# sourceMappingURL=_nodeUtil.js.map

package/_virtual/_nodeUtil.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"_nodeUtil.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/_virtual/dynamic-import-helper.js

@@ -1,17 +0,0 @@
-const l = (r, n, t) => {
-  const e = r[n];
-  return e ? typeof e == "function" ? e() : Promise.resolve(e) : new Promise((i, o) => {
-    (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(
-      o.bind(
-        null,
-        new Error(
-          "Unknown variable dynamic import: " + n + (n.split("/").length !== t ? ". Note that variables only represent file names one level deep." : "")
-        )
-      )
-    );
-  });
-};
-export {
-  l as default
-};
-//# sourceMappingURL=dynamic-import-helper.js.map

package/_virtual/dynamic-import-helper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dynamic-import-helper.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}

package/_virtual/isBuffer.js

@@ -1,5 +0,0 @@
-var e = { exports: {} };
-export {
-  e as __module
-};
-//# sourceMappingURL=isBuffer.js.map

package/_virtual/isBuffer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"isBuffer.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/_virtual/memoizerific.js

@@ -1,5 +0,0 @@
-var e = { exports: {} };
-export {
-  e as __module
-};
-//# sourceMappingURL=memoizerific.js.map

package/_virtual/memoizerific.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"memoizerific.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/components/AnchorLink/AnchorLink.js

@@ -1,53 +0,0 @@
-import e from "react";
-import v from "classnames";
-import { AnalyticsId as y, IconSize as E } from "../../constants.js";
-import { useHover as N } from "../../hooks/useHover.js";
-import { getColor as m } from "../../theme/currys/color.js";
-import { Icon as _ } from "../Icon/Icon.js";
-import A from "../Icons/ArrowUpRight.js";
-import r from "../AnchorLink/styles.module.scss";
-const F = e.forwardRef((i, f) => {
-  const { id: p, href: d, children: h, className: u, target: o = "_self", htmlMarkup: t = "a", onClick: k, testId: b } = i, n = o === "_blank", { hoverRef: a, isHovered: g } = N(
-    f
-  ), l = v(r.anchorlink, u), c = {
-    id: p,
-    "data-testid": b,
-    "data-analyticsid": y.AnchorLink,
-    onClick: k
-  }, s = () => /* @__PURE__ */ e.createElement(e.Fragment, null, h, n && /* @__PURE__ */ e.createElement(
-    _,
-    {
-      className: r.anchorlink__icon,
-      svgIcon: A,
-      color: m("blueberry", 600),
-      hoverColor: m("blueberry", 700),
-      size: E.XSmall,
-      isHovered: g
-    }
-  ));
-  return /* @__PURE__ */ e.createElement(e.Fragment, null, t === "a" && /* @__PURE__ */ e.createElement(
-    "a",
-    {
-      href: d,
-      target: o,
-      className: l,
-      rel: n ? "noopener noreferrer" : void 0,
-      ref: a,
-      ...c
-    },
-    s()
-  ), t === "button" && /* @__PURE__ */ e.createElement(
-    "button",
-    {
-      type: "button",
-      className: r["anchorlink-wrapper"],
-      ref: a,
-      ...c
-    },
-    /* @__PURE__ */ e.createElement("span", { className: l }, s())
-  ));
-});
-export {
-  F as default
-};
-//# sourceMappingURL=AnchorLink.js.map

package/components/AnchorLink/AnchorLink.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AnchorLink.js","sources":["../../../src/components/AnchorLink/AnchorLink.tsx"],"sourcesContent":["import React from 'react';\n\nimport classNames from 'classnames';\n\nimport { AnalyticsId } from '../../constants';\nimport { useHover } from '../../hooks/useHover';\nimport { getColor } from '../../theme/currys';\nimport Icon, { IconSize } from '../Icon';\nimport ArrowUpRight from '../Icons/ArrowUpRight';\n\nimport AnchorLinkStyles from './styles.module.scss';\n\nexport type AnchorLinkTargets = '_self' | '_blank' | '_parent';\n\nexport type AnchorLinkTags = 'a' | 'button';\n\nexport type AnchorLinkOnClickEvent =\n  | React.MouseEvent<HTMLElement, MouseEvent>\n  | React.FormEvent<{}>\n  | React.KeyboardEvent<HTMLUListElement>\n  | null;\n\nexport interface AnchorLinkProps {\n  /** Sets the content of the <a> tag */\n  children: React.ReactNode;\n  /** URL to link to */\n  href?: string;\n  /** Gives a unique id to the anchor-link :) */\n  id?: string;\n  /** Adds custom classes to the element. */\n  className?: string;\n  /** Sets the target type of the <a> tag. _blank adds an arrow icon at the end of the link */\n  target?: AnchorLinkTargets;\n  /** HTML markup for anchor link. Default: a */\n  htmlMarkup?: AnchorLinkTags;\n  /** Function that is called when clicked */\n  onClick?: (e?: AnchorLinkOnClickEvent) => void;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n}\n\nconst AnchorLink = React.forwardRef<HTMLAnchorElement | HTMLButtonElement, AnchorLinkProps>((props, ref) => {\n  const { id, href, children, className, target = '_self', htmlMarkup = 'a', onClick, testId } = props;\n  const external = target === '_blank';\n  const { hoverRef, isHovered } = useHover<HTMLButtonElement | HTMLAnchorElement>(\n    ref as React.RefObject<HTMLButtonElement | HTMLAnchorElement>\n  );\n  const anchorClasses = classNames(AnchorLinkStyles.anchorlink, className);\n\n  const commonProps = {\n    id,\n    ['data-testid']: testId,\n    ['data-analyticsid']: AnalyticsId.AnchorLink,\n    onClick,\n  };\n\n  const renderContent = () => (\n    <>\n      {children}\n      {external && (\n        <Icon\n          className={AnchorLinkStyles.anchorlink__icon}\n          svgIcon={ArrowUpRight}\n          color={getColor('blueberry', 600)}\n          hoverColor={getColor('blueberry', 700)}\n          size={IconSize.XSmall}\n          isHovered={isHovered}\n        />\n      )}\n    </>\n  );\n\n  return (\n    <>\n      {htmlMarkup === 'a' && (\n        <a\n          href={href}\n          target={target}\n          className={anchorClasses}\n          rel={external ? 'noopener noreferrer' : undefined}\n          ref={hoverRef as React.RefObject<HTMLAnchorElement>}\n          {...commonProps}\n        >\n          {renderContent()}\n        </a>\n      )}\n      {htmlMarkup === 'button' && (\n        <button\n          type=\"button\"\n          className={AnchorLinkStyles['anchorlink-wrapper']}\n          ref={hoverRef as React.RefObject<HTMLButtonElement>}\n          {...commonProps}\n        >\n          <span className={anchorClasses}>{renderContent()}</span>\n        </button>\n      )}\n    </>\n  );\n});\n\nexport default AnchorLink;\n"],"names":["AnchorLink","React","props","ref","id","href","children","className","target","htmlMarkup","onClick","testId","external","hoverRef","isHovered","useHover","anchorClasses","classNames","AnchorLinkStyles","commonProps","AnalyticsId","renderContent","Icon","ArrowUpRight","getColor","IconSize"],"mappings":";;;;;;;;AAyCA,MAAMA,IAAaC,EAAM,WAAmE,CAACC,GAAOC,MAAQ;AACpG,QAAA,EAAE,IAAAC,GAAI,MAAAC,GAAM,UAAAC,GAAU,WAAAC,GAAW,QAAAC,IAAS,SAAS,YAAAC,IAAa,KAAK,SAAAC,GAAS,QAAAC,EAAA,IAAWT,GACzFU,IAAWJ,MAAW,UACtB,EAAE,UAAAK,GAAU,WAAAC,EAAA,IAAcC;AAAA,IAC9BZ;AAAA,EAAA,GAEIa,IAAgBC,EAAWC,EAAiB,YAAYX,CAAS,GAEjEY,IAAc;AAAA,IAClB,IAAAf;AAAA,IACC,eAAgBO;AAAA,IAChB,oBAAqBS,EAAY;AAAA,IAClC,SAAAV;AAAA,EAAA,GAGIW,IAAgB,MAEjBpB,gBAAAA,EAAA,cAAAA,EAAA,UAAA,MAAAK,GACAM,KACCX,gBAAAA,EAAA;AAAA,IAACqB;AAAA,IAAA;AAAA,MACC,WAAWJ,EAAiB;AAAA,MAC5B,SAASK;AAAA,MACT,OAAOC,EAAS,aAAa,GAAG;AAAA,MAChC,YAAYA,EAAS,aAAa,GAAG;AAAA,MACrC,MAAMC,EAAS;AAAA,MACf,WAAAX;AAAA,IAAA;AAAA,EAAA,CAGN;AAIA,SAAAb,gBAAAA,EAAA,cAAAA,EAAA,UAAA,MACGQ,MAAe,OACdR,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAAI;AAAA,MACA,QAAAG;AAAA,MACA,WAAWQ;AAAA,MACX,KAAKJ,IAAW,wBAAwB;AAAA,MACxC,KAAKC;AAAA,MACJ,GAAGM;AAAA,IAAA;AAAA,IAEHE,EAAc;AAAA,EAAA,GAGlBZ,MAAe,YACdR,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAWiB,EAAiB,oBAAoB;AAAA,MAChD,KAAKL;AAAA,MACJ,GAAGM;AAAA,IAAA;AAAA,IAEHlB,gBAAAA,EAAA,cAAA,QAAA,EAAK,WAAWe,EAAA,GAAgBK,GAAgB;AAAA,EAAA,CAGvD;AAEJ,CAAC;"}

package/components/Avatar/Avatar.js

@@ -1,33 +0,0 @@
-import e from "react";
-import p from "classnames";
-import { AnalyticsId as v, IconSize as u } from "../../constants.js";
-import { palette as o } from "../../theme/palette.js";
-import { Icon as b } from "../Icon/Icon.js";
-import x from "../Icons/Check.js";
-import a from "../Avatar/styles.module.scss";
-var I = /* @__PURE__ */ ((t) => (t.xsmall = "xsmall", t.small = "small", t))(I || {});
-const w = e.forwardRef(function(c, n) {
-  const { children: r, className: i = "", selected: l = !1, variant: s = "normal", size: m = "small", testId: d } = c, f = r.charAt(0).toLocaleUpperCase() + r.substring(1, 2);
-  return /* @__PURE__ */ e.createElement(
-    "span",
-    {
-      className: p(
-        a.avatar,
-        l && a["avatar--selected"],
-        s === "black" && a["avatar--black"],
-        m === "xsmall" && a["avatar--xsmall"],
-        m === "small" && a["avatar--small"],
-        i
-      ),
-      ref: n,
-      "data-testid": d,
-      "data-analyticsid": v.Avatar
-    },
-    l ? /* @__PURE__ */ e.createElement(b, { svgIcon: x, size: u.Small, color: s === "black" ? o.neutral900 : o.blueberry600 }) : f
-  );
-});
-export {
-  I as AvatarSize,
-  w as default
-};
-//# sourceMappingURL=Avatar.js.map

package/components/Avatar/Avatar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Avatar.js","sources":["../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import React from 'react';\n\nimport cn from 'classnames';\n\nimport { AnalyticsId } from '../../constants';\nimport { palette } from '../../theme/palette';\nimport Icon, { IconSize } from '../Icon';\nimport Check from '../Icons/Check';\n\nimport styles from './styles.module.scss';\n\nexport enum AvatarSize {\n  xsmall = 'xsmall',\n  small = 'small',\n}\n\nexport interface AvatarProps {\n  /** Name to display in the avatar. Will be truncated to the first two characters. */\n  children: string;\n  /** Displays a check icon to indicated the selected state. */\n  selected?: boolean;\n  /** background and color will be determined on variant. */\n  variant?: 'normal' | 'black';\n  /** Avatar size. Default: small */\n  size?: keyof typeof AvatarSize;\n  /** Adds custom classes to the element. */\n  className?: string;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n}\nexport type AvatarType = React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLElement>>;\nconst Avatar: AvatarType = React.forwardRef(function AvatarForwardedRef(props: AvatarProps, ref: React.ForwardedRef<HTMLElement>) {\n  const { children, className = '', selected = false, variant = 'normal', size = AvatarSize.small, testId } = props;\n  const truncatedName = children.charAt(0).toLocaleUpperCase() + children.substring(1, 2);\n  return (\n    <span\n      className={cn(\n        styles.avatar,\n        selected && styles['avatar--selected'],\n        variant === 'black' && styles['avatar--black'],\n        size === AvatarSize.xsmall && styles['avatar--xsmall'],\n        size === AvatarSize.small && styles['avatar--small'],\n        className\n      )}\n      ref={ref}\n      data-testid={testId}\n      data-analyticsid={AnalyticsId.Avatar}\n    >\n      {selected ? (\n        <Icon svgIcon={Check} size={IconSize.Small} color={variant === 'black' ? palette.neutral900 : palette.blueberry600} />\n      ) : (\n        truncatedName\n      )}\n    </span>\n  );\n});\n\nexport default Avatar;\n"],"names":["AvatarSize","Avatar","React","props","ref","children","className","selected","variant","size","testId","truncatedName","cn","styles","AnalyticsId","Icon","Check","IconSize","palette"],"mappings":";;;;;;;AAWY,IAAAA,sBAAAA,OACVA,EAAA,SAAS,UACTA,EAAA,QAAQ,SAFEA,IAAAA,KAAA,CAAA,CAAA;AAoBZ,MAAMC,IAAqBC,EAAM,WAAW,SAA4BC,GAAoBC,GAAsC;AAC1H,QAAA,EAAE,UAAAC,GAAU,WAAAC,IAAY,IAAI,UAAAC,IAAW,IAAO,SAAAC,IAAU,UAAU,MAAAC,IAAO,SAAkB,QAAAC,EAAA,IAAWP,GACtGQ,IAAgBN,EAAS,OAAO,CAAC,EAAE,kBAAsB,IAAAA,EAAS,UAAU,GAAG,CAAC;AAEpF,SAAAH,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWU;AAAAA,QACTC,EAAO;AAAA,QACPN,KAAYM,EAAO,kBAAkB;AAAA,QACrCL,MAAY,WAAWK,EAAO,eAAe;AAAA,QAC7CJ,MAAS,YAAqBI,EAAO,gBAAgB;AAAA,QACrDJ,MAAS,WAAoBI,EAAO,eAAe;AAAA,QACnDP;AAAA,MACF;AAAA,MACA,KAAAF;AAAA,MACA,eAAaM;AAAA,MACb,oBAAkBI,EAAY;AAAA,IAAA;AAAA,IAE7BP,IACCL,gBAAAA,EAAA,cAACa,GAAK,EAAA,SAASC,GAAO,MAAMC,EAAS,OAAO,OAAOT,MAAY,UAAUU,EAAQ,aAAaA,EAAQ,aAAc,CAAA,IAEpHP;AAAA,EAAA;AAIR,CAAC;"}

package/components/Badge/Badge.js

@@ -1,30 +0,0 @@
-import t from "react";
-import m from "classnames";
-import b from "./NotificationBadge.js";
-import { IconSize as g, AnalyticsId as d } from "../../constants.js";
-import e from "../Badge/styles.module.scss";
-const I = t.forwardRef(function(n, s) {
-  const { children: c, className: r = "", color: a = "blueberry", testId: i, type: l = "string", notificationVariant: o = "info" } = n, f = m(
-    e.badge,
-    {
-      [e["badge--blueberry"]]: a === "blueberry",
-      [e["badge--cherry"]]: a === "cherry",
-      [e["badge--neutral"]]: a === "neutral"
-    },
-    r
-  );
-  return l === "notification" && o !== void 0 ? /* @__PURE__ */ t.createElement(
-    b,
-    {
-      variant: o,
-      size: g.XSmall,
-      className: r,
-      testId: i,
-      "data-analyticsid": d.Badge
-    }
-  ) : /* @__PURE__ */ t.createElement("span", { className: f, ref: s, "data-testid": i, "data-analyticsid": d.Badge }, c);
-});
-export {
-  I as default
-};
-//# sourceMappingURL=Badge.js.map