@helsenorge/designsystem-react 8.5.0 → 8.5.1

package/components/PopMenu/index.js

@@ -1,9 +1,95 @@
-import { PopMenu as e } from "./PopMenu.js";
-import { PopMenuLabelPosition as t, PopMenuVariant as a } from "./PopMenu.js";
+import { jsx as t, jsxs as y } from "react/jsx-runtime";
+import p, { useRef as m, useState as $ } from "react";
+import f from "classnames";
+import { IconSize as c, AnalyticsId as q } from "../../constants.js";
+import { useBreakpoint as F } from "../../hooks/useBreakpoint.js";
+import { useHover as J } from "../../hooks/useHover.js";
+import { useOutsideEvent as K } from "../../hooks/useOutsideEvent.js";
+import { getColor as B } from "../../theme/currys/color.js";
+import { breakpoints as Q } from "../../theme/grid.js";
+import { isComponent as O } from "../../utils/component.js";
+import { I as d } from "../../Icon.js";
+import U from "../Icons/VerticalDots.js";
+import V from "../Icons/X.js";
+import { L as Y } from "../../LazyIcon.js";
+import { L as N } from "../../LinkList.js";
+import { a as Z } from "../../PopOver.js";
+import i from "./styles.module.scss";
+var oo = /* @__PURE__ */ ((o) => (o.onWhite = "on-white", o.onGray = "on-gray", o.onBlueberry = "on-blueberry", o))(oo || {}), eo = /* @__PURE__ */ ((o) => (o.right = "right", o.left = "left", o))(eo || {});
+const ko = (o) => {
+  const v = m(null), b = m(null), z = m(null), g = m(null), [n, u] = $(!1), {
+    children: I,
+    popOverClassName: H,
+    popMenuClassName: L,
+    openButtonTestId: R,
+    closeButtonTestId: S,
+    popOverTestId: x,
+    popMenuVariant: C = "on-white",
+    openButtonAriaLabel: T,
+    closeButtonAriaLabel: w,
+    svgIcon: r,
+    labelText: l,
+    labelTextPosition: h = "right"
+    /* right */
+  } = o, X = f(i["pop-menu-button"], {
+    [i[`pop-menu-button--${C}`]]: C
+  }), _ = F() < Q.md;
+  K(g, () => {
+    u(!1);
+  });
+  const { isHovered: a } = J(v), k = _ ? c.XSmall : c.Small, A = (e) => {
+    u(!1), e && e();
+  }, E = () => {
+    if (O(I, N))
+      return /* @__PURE__ */ t(
+        Z,
+        {
+          testId: x,
+          className: f(i["pop-menu__pop-over"], H),
+          arrowClassName: i["pop-menu__pop-over-arrow"],
+          controllerRef: b,
+          popOverRef: z,
+          children: p.Children.map(
+            I,
+            (e) => p.cloneElement(e, {
+              children: p.Children.map(
+                e.props.children,
+                (s) => O(s, N.Link) ? p.cloneElement(s, {
+                  onClick: (W) => A(() => s.props.onClick && s.props.onClick(W))
+                }) : s
+              )
+            })
+          )
+        }
+      );
+  }, j = (e) => {
+    e && e.stopPropagation(), u(!n);
+  }, D = r && typeof r == "string" ? /* @__PURE__ */ t(Y, { iconName: r, size: c.XSmall, isHovered: a }) : r && /* @__PURE__ */ t(d, { svgIcon: r, size: c.XSmall, isHovered: a }), G = r ? D : /* @__PURE__ */ t(d, { svgIcon: r ?? U, color: B("black"), size: k, isHovered: a }), M = /* @__PURE__ */ t(d, { svgIcon: V, color: B("black"), size: k, isHovered: a }), P = /* @__PURE__ */ y(
+    "button",
+    {
+      ref: v,
+      "data-testid": n ? S : R,
+      className: X,
+      "aria-label": n ? w : T,
+      "aria-expanded": n,
+      onClick: j,
+      type: "button",
+      children: [
+        l && h == "left" && /* @__PURE__ */ t("span", { children: l }),
+        /* @__PURE__ */ t("div", { ref: b, children: n ? M : G }),
+        l && h == "right" && /* @__PURE__ */ t("span", { children: l })
+      ]
+    }
+  );
+  return /* @__PURE__ */ y("div", { ref: g, className: f(i["pop-menu-button"], L), "data-analyticsid": q.PopMenu, children: [
+    P,
+    n && E()
+  ] });
+};
 export {
-  e as PopMenu,
-  t as PopMenuLabelPosition,
-  a as PopMenuVariant,
-  e as default
+  ko as PopMenu,
+  eo as PopMenuLabelPosition,
+  oo as PopMenuVariant,
+  ko as default
 };
 //# sourceMappingURL=index.js.map

package/components/PopMenu/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/PopMenu/PopMenu.tsx"],"sourcesContent":["import React, { useRef, useState } from 'react';\n\nimport classNames from 'classnames';\n\nimport { AnalyticsId, IconSize } from '../../constants';\nimport { useBreakpoint } from '../../hooks/useBreakpoint';\nimport { useHover } from '../../hooks/useHover';\nimport { useOutsideEvent } from '../../hooks/useOutsideEvent';\nimport { getColor } from '../../theme/currys';\nimport { breakpoints } from '../../theme/grid';\nimport { isComponent } from '../../utils/component';\nimport Icon, { SvgIcon } from '../Icon';\nimport { IconName } from '../Icons/IconNames';\nimport VerticalDots from '../Icons/VerticalDots';\nimport X from '../Icons/X';\nimport LazyIcon from '../LazyIcon';\nimport LinkList, { LinkListProps, LinkProps } from '../LinkList';\nimport PopOver from '../PopOver';\n\nimport styles from './styles.module.scss';\n\nexport enum PopMenuVariant {\n  onWhite = 'on-white',\n  onGray = 'on-gray',\n  onBlueberry = 'on-blueberry',\n}\n\nexport enum PopMenuLabelPosition {\n  right = 'right',\n  left = 'left',\n}\n\nexport interface PopMenuProps {\n  /** Content shown inside PopOver. Can only be a LinkList */\n  children: React.ReactElement<LinkListProps>;\n  /** Adds custom classes to the popover element. */\n  popOverClassName?: string;\n  /** Adds custom classes to the element. */\n  popMenuClassName?: string;\n  /** Changes responsive design for the trigger buttons. */\n  popMenuVariant?: PopMenuVariant;\n  /** Sets the data-testid attribute for the button that opens. */\n  openButtonTestId?: string;\n  /** Sets the data-testid attribute for the button that closes. */\n  closeButtonTestId?: string;\n  /** Sets the data-testid attribute for the popover. */\n  popOverTestId?: string;\n  /** Sets the arial-label attribute for the openButton. */\n  openButtonAriaLabel?: string;\n  /** Sets the arial-label attribute for the closeButton. */\n  closeButtonAriaLabel?: string;\n  /** Sets the icon on the trigger button. */\n  svgIcon?: SvgIcon | IconName;\n  /** Optional text next to the trigger button. */\n  labelText?: string;\n  /** Placement of the label text relative to the trigger button. */\n  labelTextPosition?: PopMenuLabelPosition;\n}\n\nexport const PopMenu: React.FC<PopMenuProps> = (props: PopMenuProps) => {\n  const triggerButtonRef = useRef<HTMLButtonElement>(null);\n  const iconRef = useRef<HTMLDivElement>(null);\n  const popOverRef = useRef<HTMLDivElement>(null);\n  const outerRef = useRef<HTMLDivElement>(null);\n  const [isOpen, setIsOpen] = useState(false);\n  const {\n    children,\n    popOverClassName,\n    popMenuClassName,\n    openButtonTestId,\n    closeButtonTestId,\n    popOverTestId,\n    popMenuVariant = PopMenuVariant.onWhite,\n    openButtonAriaLabel,\n    closeButtonAriaLabel,\n    svgIcon,\n    labelText,\n    labelTextPosition = PopMenuLabelPosition.right,\n  } = props;\n  const buttonClasses = classNames(styles['pop-menu-button'], {\n    [styles[`pop-menu-button--${popMenuVariant}`]]: popMenuVariant,\n  });\n  const breakpoint = useBreakpoint();\n  const mobile = breakpoint < breakpoints.md;\n\n  useOutsideEvent(outerRef, () => {\n    setIsOpen(false);\n  });\n\n  const { isHovered: triggerButtonIsHovered } = useHover(triggerButtonRef);\n  const mobileIconSize = mobile ? IconSize.XSmall : IconSize.Small;\n\n  const handleClick = (cb?: () => void): void => {\n    setIsOpen(false);\n    cb && cb();\n  };\n\n  const renderChildren = () => {\n    if (isComponent<LinkListProps>(children, LinkList)) {\n      return (\n        <PopOver\n          testId={popOverTestId}\n          className={classNames(styles['pop-menu__pop-over'], popOverClassName)}\n          arrowClassName={styles['pop-menu__pop-over-arrow']}\n          controllerRef={iconRef}\n          popOverRef={popOverRef}\n        >\n          {React.Children.map(children, child =>\n            React.cloneElement(child, {\n              children: React.Children.map(child.props.children, child =>\n                isComponent<LinkProps>(child, LinkList.Link)\n                  ? React.cloneElement(child, {\n                      onClick: (event: React.MouseEvent<HTMLAnchorElement | HTMLButtonElement>) =>\n                        handleClick(() => child.props.onClick && child.props.onClick(event)),\n                    })\n                  : child\n              ),\n            })\n          )}\n        </PopOver>\n      );\n    }\n  };\n\n  const toggleOpenOnClick = (e?: React.MouseEvent<HTMLElement, MouseEvent>): void => {\n    e && e.stopPropagation();\n    setIsOpen(!isOpen);\n  };\n\n  const iconComponent =\n    svgIcon && typeof svgIcon === 'string' ? (\n      <LazyIcon iconName={svgIcon} size={IconSize.XSmall} isHovered={triggerButtonIsHovered} />\n    ) : (\n      svgIcon && <Icon svgIcon={svgIcon} size={IconSize.XSmall} isHovered={triggerButtonIsHovered} />\n    );\n\n  const openIcon = svgIcon ? (\n    iconComponent\n  ) : (\n    <Icon svgIcon={svgIcon ?? VerticalDots} color={getColor('black')} size={mobileIconSize} isHovered={triggerButtonIsHovered} />\n  );\n\n  const closeIcon = <Icon svgIcon={X} color={getColor('black')} size={mobileIconSize} isHovered={triggerButtonIsHovered} />;\n\n  const triggerButton = (\n    <button\n      ref={triggerButtonRef}\n      data-testid={isOpen ? closeButtonTestId : openButtonTestId}\n      className={buttonClasses}\n      aria-label={isOpen ? closeButtonAriaLabel : openButtonAriaLabel}\n      aria-expanded={isOpen}\n      onClick={toggleOpenOnClick}\n      type=\"button\"\n    >\n      {labelText && labelTextPosition == PopMenuLabelPosition.left && <span>{labelText}</span>}\n      {<div ref={iconRef}>{isOpen ? closeIcon : openIcon}</div>}\n      {labelText && labelTextPosition == PopMenuLabelPosition.right && <span>{labelText}</span>}\n    </button>\n  );\n\n  return (\n    <div ref={outerRef} className={classNames(styles['pop-menu-button'], popMenuClassName)} data-analyticsid={AnalyticsId.PopMenu}>\n      {triggerButton}\n      {isOpen && renderChildren()}\n    </div>\n  );\n};\n\nexport default PopMenu;\n"],"names":["PopMenuVariant","PopMenuLabelPosition","PopMenu","props","triggerButtonRef","useRef","iconRef","popOverRef","outerRef","isOpen","setIsOpen","useState","children","popOverClassName","popMenuClassName","openButtonTestId","closeButtonTestId","popOverTestId","popMenuVariant","openButtonAriaLabel","closeButtonAriaLabel","svgIcon","labelText","labelTextPosition","buttonClasses","classNames","styles","mobile","useBreakpoint","breakpoints","useOutsideEvent","triggerButtonIsHovered","useHover","mobileIconSize","IconSize","handleClick","cb","renderChildren","isComponent","LinkList","jsx","PopOver","child","React","event","toggleOpenOnClick","iconComponent","LazyIcon","Icon","openIcon","VerticalDots","getColor","closeIcon","X","triggerButton","jsxs","AnalyticsId"],"mappings":"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"}

package/components/PopOver/index.js

@@ -1,7 +1,7 @@
-import o from "./PopOver.js";
-import { PopOverVariant as t } from "./PopOver.js";
+import { a } from "../../PopOver.js";
+import { P as p } from "../../PopOver.js";
 export {
-  t as PopOverVariant,
-  o as default
+  p as PopOverVariant,
+  a as default
 };
 //# sourceMappingURL=index.js.map

package/components/Portal/index.js

@@ -1,14 +1,14 @@
 import c from "react";
-import { createPortal as s } from "react-dom";
+import { createPortal as l } from "react-dom";
 import { AnalyticsId as n } from "../../constants.js";
-function p({ children: l, parent: e, className: o, testId: i }) {
+function p({ children: s, parent: e, className: o, testId: i }) {
   const t = c.useMemo(() => document.createElement("div"), []);
   return t.setAttribute("data-analyticsid", n.Portal), i && t.setAttribute("data-testid", i), c.useEffect(() => {
     const a = e && e.appendChild ? e : document.body, d = ["portal-container"];
     return o && o.split(" ").forEach((r) => d.push(r)), d.forEach((r) => t.classList.add(r)), a.appendChild(t), () => {
       a.removeChild(t);
     };
-  }, [t, e, o]), s(l, t);
+  }, [t, e, o]), l(s, t);
 }
 export {
   p as default

package/components/Progressbar/index.js

@@ -1,9 +1,95 @@
-import e from "./Progressbar.js";
-import { Overlay as a, ProgressBarMode as t, ProgressbarSize as f } from "./Progressbar.js";
+import { jsxs as v, Fragment as $, jsx as s } from "react/jsx-runtime";
+import { useRef as B, useEffect as C } from "react";
+import E from "classnames";
+import { ZIndex as I } from "../../constants.js";
+import { palette as o } from "../../theme/palette.js";
+import a from "./styles.module.scss";
+var R = /* @__PURE__ */ ((e) => (e.small = "small", e.medium = "medium", e.large = "large", e))(R || {}), j = /* @__PURE__ */ ((e) => (e.ondark = "ondark", e.onlight = "onlight", e))(j || {}), D = /* @__PURE__ */ ((e) => (e.screen = "screen", e.parent = "parent", e))(D || {});
+const Z = ({
+  value: e,
+  size: i = "large",
+  mode: c = "onlight",
+  overlay: t,
+  testId: w,
+  ariaLabel: k
+}) => {
+  t && (c = "ondark"), e = Math.max(0, Math.min(e, 100));
+  let n;
+  i === "large" ? n = 96 : i === "medium" ? n = 50 : n = 44;
+  const m = n / 2, p = 8, d = m - p / 2, l = m * 2, r = m, y = c === "onlight" ? o.blueberry100 : o.neutral700, h = c === "onlight" ? o.blueberry600 : o.white, f = 2 * Math.PI * d, _ = f - e / 100 * f, u = `${e}%`, g = B(null);
+  C(() => {
+    var x, b;
+    t === "parent" && ((b = (x = g.current) == null ? void 0 : x.parentElement) != null && b.style) && (g.current.parentElement.style.position = "relative");
+  }, []);
+  const N = E({
+    [a["progressbar--overlay"]]: t,
+    [a["progressbar--overlay-screen"]]: t === "screen",
+    [a["progressbar--overlay-parent"]]: t === "parent"
+    /* parent */
+  });
+  return /* @__PURE__ */ v($, { children: [
+    /* @__PURE__ */ s(
+      "div",
+      {
+        ref: g,
+        className: N,
+        "data-testid": w,
+        role: "progressbar",
+        "aria-valuemin": 0,
+        "aria-valuemax": 100,
+        "aria-valuenow": e,
+        "aria-label": k,
+        style: t === "screen" ? { zIndex: I.OverlayScreen } : {},
+        children: /* @__PURE__ */ v(
+          "svg",
+          {
+            role: "presentation",
+            width: l,
+            height: l,
+            viewBox: `0 0 ${l} ${l}`,
+            className: a.progressbar__svg,
+            children: [
+              /* @__PURE__ */ s("circle", { cx: r, cy: r, r: d, stroke: y, strokeWidth: p, fill: "none" }),
+              /* @__PURE__ */ s(
+                "circle",
+                {
+                  cx: r,
+                  cy: r,
+                  r: d,
+                  stroke: h,
+                  strokeWidth: p,
+                  fill: "none",
+                  strokeDasharray: f,
+                  strokeDashoffset: _,
+                  className: a["progressbar__progress-circle"],
+                  transform: `rotate(-90 ${r} ${r})`
+                }
+              ),
+              /* @__PURE__ */ s(
+                "text",
+                {
+                  className: "progress-wheel__text--large",
+                  fontSize: "1.5rem",
+                  fill: h,
+                  x: r,
+                  y: r,
+                  textAnchor: "middle",
+                  alignmentBaseline: "middle",
+                  children: i === "large" && u
+                }
+              )
+            ]
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ s("div", { className: a["progressbar__sr-only-text"], "aria-live": "assertive", "aria-atomic": "true", children: u })
+  ] });
+};
 export {
-  a as Overlay,
-  t as ProgressBarMode,
-  f as ProgressbarSize,
-  e as default
+  D as Overlay,
+  j as ProgressBarMode,
+  R as ProgressbarSize,
+  Z as default
 };
 //# sourceMappingURL=index.js.map

package/components/Progressbar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/Progressbar/Progressbar.tsx"],"sourcesContent":["import React, { useRef, useEffect } from 'react';\n\nimport classNames from 'classnames';\n\nimport { ZIndex } from '../../constants';\nimport { palette } from '../../theme/palette';\n\nimport styles from './styles.module.scss';\n\nexport enum ProgressbarSize {\n  small = 'small',\n  medium = 'medium',\n  large = 'large',\n}\n\nexport enum ProgressBarMode {\n  ondark = 'ondark',\n  onlight = 'onlight',\n}\n\nexport enum Overlay {\n  screen = 'screen',\n  parent = 'parent',\n}\nexport interface ProgressbarProps {\n  /** The value of the progressbar given in percent. Value between 0 and 100 */\n  value: number;\n  /** Size of the progressbar. Default is large */\n  size?: ProgressbarSize;\n  /** Changes the visuals of the ProgressBar. Default is onLight */\n  mode?: ProgressBarMode;\n  /** Loader is displayed with grey background covering the entire screen */\n  overlay?: keyof typeof Overlay;\n  /** Aria label for the progressbar */\n  ariaLabel?: string;\n  /** Sets the data-testid attribute */\n  testId?: string;\n}\n\nconst Progressbar: React.FC<ProgressbarProps> = ({\n  value,\n  size = ProgressbarSize.large,\n  mode = ProgressBarMode.onlight,\n  overlay,\n  testId,\n  ariaLabel,\n}: ProgressbarProps) => {\n  if (overlay) {\n    mode = ProgressBarMode.ondark;\n  }\n  // Restrict value to be between 0 and 100\n  value = Math.max(0, Math.min(value, 100));\n\n  let width;\n  if (size === ProgressbarSize.large) {\n    width = 96;\n  } else if (size === ProgressbarSize.medium) {\n    width = 50;\n  } else {\n    width = 44;\n  }\n\n  const totalRadius = width / 2;\n  const strokeWidth = 8;\n  const radius = totalRadius - strokeWidth / 2;\n  const viewBoxSize = totalRadius * 2;\n  const viewBoxCenter = totalRadius;\n  const circleBackgroundColor = mode === ProgressBarMode.onlight ? palette.blueberry100 : palette.neutral700;\n  const mainColor = mode === ProgressBarMode.onlight ? palette.blueberry600 : palette.white;\n  const circumference = 2 * Math.PI * radius;\n  const strokeDashoffset = circumference - (value / 100) * circumference;\n  const valueText = `${value}%`;\n\n  const wrapperRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (overlay === Overlay.parent && wrapperRef.current?.parentElement?.style) {\n      wrapperRef.current.parentElement.style.position = 'relative';\n    }\n  }, []);\n\n  const wrapperClasses = classNames({\n    [styles['progressbar--overlay']]: overlay,\n    [styles['progressbar--overlay-screen']]: overlay === Overlay.screen,\n    [styles['progressbar--overlay-parent']]: overlay === Overlay.parent,\n  });\n\n  return (\n    <>\n      <div\n        ref={wrapperRef}\n        className={wrapperClasses}\n        data-testid={testId}\n        role=\"progressbar\"\n        aria-valuemin={0}\n        aria-valuemax={100}\n        aria-valuenow={value}\n        aria-label={ariaLabel}\n        style={overlay === Overlay.screen ? { zIndex: ZIndex.OverlayScreen } : {}}\n      >\n        <svg\n          role=\"presentation\"\n          width={viewBoxSize}\n          height={viewBoxSize}\n          viewBox={`0 0 ${viewBoxSize} ${viewBoxSize}`}\n          className={styles['progressbar__svg']}\n        >\n          <circle cx={viewBoxCenter} cy={viewBoxCenter} r={radius} stroke={circleBackgroundColor} strokeWidth={strokeWidth} fill=\"none\" />\n          <circle\n            cx={viewBoxCenter}\n            cy={viewBoxCenter}\n            r={radius}\n            stroke={mainColor}\n            strokeWidth={strokeWidth}\n            fill=\"none\"\n            strokeDasharray={circumference}\n            strokeDashoffset={strokeDashoffset}\n            className={styles['progressbar__progress-circle']}\n            transform={`rotate(-90 ${viewBoxCenter} ${viewBoxCenter})`}\n          />\n          <text\n            className=\"progress-wheel__text--large\"\n            fontSize={'1.5rem'}\n            fill={mainColor}\n            x={viewBoxCenter}\n            y={viewBoxCenter}\n            textAnchor=\"middle\"\n            alignmentBaseline=\"middle\"\n          >\n            {size === ProgressbarSize.large && valueText}\n          </text>\n        </svg>\n      </div>\n      <div className={styles['progressbar__sr-only-text']} aria-live=\"assertive\" aria-atomic=\"true\">\n        {valueText}\n      </div>\n    </>\n  );\n};\n\nexport default Progressbar;\n"],"names":["ProgressbarSize","ProgressBarMode","Overlay","Progressbar","value","size","mode","overlay","testId","ariaLabel","width","totalRadius","strokeWidth","radius","viewBoxSize","viewBoxCenter","circleBackgroundColor","palette","mainColor","circumference","strokeDashoffset","valueText","wrapperRef","useRef","useEffect","_b","_a","wrapperClasses","classNames","styles","jsxs","Fragment","jsx","ZIndex"],"mappings":"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"}

package/components/Progressbar/styles.module.scss

@@ -1,4 +1,5 @@
 @import '../../scss/palette';
+@import '../../scss/screen-reader';
 
 .progressbar {
   &__svg {
@@ -32,4 +33,8 @@
     height: 100%;
     width: 100%;
   }
+
+  &__sr-only-text {
+    @include sr-only;
+  }
 }

package/components/Progressbar/styles.module.scss.d.ts

@@ -1,5 +1,6 @@
 export type Styles = {
   'progressbar__progress-circle': string;
+  'progressbar__sr-only-text': string;
   progressbar__svg: string;
   'progressbar--overlay': string;
   'progressbar--overlay-parent': string;

package/components/PromoPanel/index.js

@@ -1,5 +1,60 @@
-import r from "./PromoPanel.js";
+import { jsx as e, jsxs as o } from "react/jsx-runtime";
+import C from "react";
+import b from "classnames";
+import { AnalyticsId as g, IconSize as a } from "../../constants.js";
+import { useBreakpoint as P, Breakpoint as m } from "../../hooks/useBreakpoint.js";
+import { useHover as v } from "../../hooks/useHover.js";
+import { getColor as c } from "../../theme/currys/color.js";
+import { I as y } from "../../Icon.js";
+import I from "../Icons/ArrowRight.js";
+import _ from "../Icons/ArrowUpRight.js";
+import { L as N } from "../../LazyIllustration.js";
+import { T as z } from "../../Title.js";
+import n from "./styles.module.scss";
+const H = (t) => t.linkComponent ? C.cloneElement(t.linkComponent, { children: t.children }) : t.linkHtmlMarkup === "button" ? /* @__PURE__ */ e("button", { type: "button", onClick: t.linkOnClick, children: t.children }) : /* @__PURE__ */ e("a", { href: t.href, target: t.target, onClick: t.linkOnClick, children: t.children }), X = (t) => {
+  const { isHovered: u, hoverRef: k } = v(), { color: l = "neutral", titleHtmlMarkup: s = "h2", linkHtmlMarkup: d = "a" } = t, i = P(), f = b(
+    n.promopanel,
+    n[`promopanel--${l}`],
+    !t.illustration && n["promopanel--no-illustration"]
+  ), r = /* @__PURE__ */ e(
+    H,
+    {
+      href: t.href,
+      target: t.target,
+      linkComponent: t.linkComponent,
+      linkHtmlMarkup: d,
+      linkOnClick: t.linkOnClick,
+      children: t.title || t.children
+    }
+  ), h = i >= m.md ? 156 : 110;
+  return /* @__PURE__ */ o("div", { className: f, "data-testid": t.testId, "data-analyticsid": g.PromoPanel, ref: k, children: [
+    t.illustration && /* @__PURE__ */ e(
+      N,
+      {
+        illustrationName: t.illustration,
+        size: h,
+        color: l,
+        className: n.promopanel__illustration
+      }
+    ),
+    /* @__PURE__ */ o("div", { className: n.promopanel__content, children: [
+      t.title && /* @__PURE__ */ e(z, { htmlMarkup: s, appearance: "title3", children: r }),
+      t.title ? t.children : r
+    ] }),
+    /* @__PURE__ */ e(
+      y,
+      {
+        className: n.promopanel__icon,
+        svgIcon: t.target === "_blank" ? _ : I,
+        size: i >= m.md ? a.Small : a.XSmall,
+        isHovered: u,
+        color: c("blueberry", 500),
+        hoverColor: c("blueberry", 600)
+      }
+    )
+  ] });
+};
 export {
-  r as default
+  X as default
 };
 //# sourceMappingURL=index.js.map

package/components/PromoPanel/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"index.js","sources":["../../../src/components/PromoPanel/PromoPanel.tsx"],"sourcesContent":["import React from 'react';\n\nimport classNames from 'classnames';\n\nimport { AnalyticsId, IconSize } from '../../constants';\nimport { Breakpoint, useBreakpoint } from '../../hooks/useBreakpoint';\nimport { useHover } from '../../hooks/useHover';\nimport { getColor } from '../../theme/currys/color';\nimport { PaletteNames } from '../../theme/palette';\nimport { AnchorLinkTags, AnchorLinkTargets } from '../AnchorLink';\nimport Icon from '../Icon';\nimport ArrowRight from '../Icons/ArrowRight';\nimport ArrowUpRight from '../Icons/ArrowUpRight';\nimport LazyIllustration from '../LazyIllustration';\nimport Title, { TitleTags } from '../Title';\n\nimport styles from './styles.module.scss';\n\nexport type PromoPanelColors = Extract<PaletteNames, 'neutral' | 'blueberry' | 'cherry'>;\n\nexport interface PromoPanelProps {\n  /** Used as the link text if set. title or children must be set for the link to have accessible text. */\n  title?: string;\n  /** Used as the link text if title is not set. */\n  children?: string;\n  /** Illustration element */\n  illustration?: 'Doctor' | 'HealthcarePersonnel';\n  /** Changes the underlying element of the title. */\n  titleHtmlMarkup?: TitleTags;\n  /** Changes the background color. Default: white */\n  color?: PromoPanelColors;\n  /** Not used if linkComponent is set */\n  href?: string;\n  /** Anchor link target. If linkComponent is set, this prop is only used to display the right icon for external links. */\n  target?: AnchorLinkTargets;\n  /** HTML markup for anchor link. Not used if linkComponent is set. Default: a */\n  linkHtmlMarkup?: AnchorLinkTags;\n  /** Function that is called when clicked. Not used if linkComponent is set. */\n  linkOnClick?: () => void;\n  /** Custom link component. Must be \"a\" a or \"button\" element with no styling. */\n  linkComponent?: React.ReactElement;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n}\n\ninterface PromoPanelLinkProps {\n  children?: string;\n  href?: string;\n  target?: AnchorLinkTargets;\n  linkComponent?: React.ReactElement;\n  linkHtmlMarkup?: AnchorLinkTags;\n  linkOnClick?: () => void;\n}\n\nconst PromoPanelLink: React.FC<PromoPanelLinkProps> = props => {\n  if (props.linkComponent) {\n    return React.cloneElement(props.linkComponent, { children: props.children });\n  }\n\n  if (props.linkHtmlMarkup === 'button') {\n    return (\n      <button type={'button'} onClick={props.linkOnClick}>\n        {props.children}\n      </button>\n    );\n  }\n  return (\n    <a href={props.href} target={props.target} onClick={props.linkOnClick}>\n      {props.children}\n    </a>\n  );\n};\n\nconst PromoPanel: React.FC<PromoPanelProps> = props => {\n  const { isHovered, hoverRef } = useHover<HTMLDivElement>();\n\n  const { color = 'neutral', titleHtmlMarkup = 'h2', linkHtmlMarkup = 'a' } = props;\n\n  const breakpoint = useBreakpoint();\n\n  const promoPanelClasses = classNames(\n    styles.promopanel,\n    styles[`promopanel--${color}`],\n    !props.illustration && styles['promopanel--no-illustration']\n  );\n\n  const promoPanelLink = (\n    <PromoPanelLink\n      href={props.href}\n      target={props.target}\n      linkComponent={props.linkComponent}\n      linkHtmlMarkup={linkHtmlMarkup}\n      linkOnClick={props.linkOnClick}\n    >\n      {props.title || props.children}\n    </PromoPanelLink>\n  );\n\n  const illustrationSize = ((): number => {\n    if (breakpoint >= Breakpoint.md) {\n      return 156;\n    }\n\n    return 110;\n  })();\n\n  return (\n    <div className={promoPanelClasses} data-testid={props.testId} data-analyticsid={AnalyticsId.PromoPanel} ref={hoverRef}>\n      {props.illustration && (\n        <LazyIllustration\n          illustrationName={props.illustration}\n          size={illustrationSize}\n          color={color}\n          className={styles.promopanel__illustration}\n        />\n      )}\n      <div className={styles.promopanel__content}>\n        {props.title && (\n          <Title htmlMarkup={titleHtmlMarkup} appearance={'title3'}>\n            {promoPanelLink}\n          </Title>\n        )}\n        {!props.title ? promoPanelLink : props.children}\n      </div>\n      <Icon\n        className={styles.promopanel__icon}\n        svgIcon={props.target === '_blank' ? ArrowUpRight : ArrowRight}\n        size={breakpoint >= Breakpoint.md ? IconSize.Small : IconSize.XSmall}\n        isHovered={isHovered}\n        color={getColor('blueberry', 500)}\n        hoverColor={getColor('blueberry', 600)}\n      />\n    </div>\n  );\n};\n\nexport default PromoPanel;\n"],"names":["PromoPanelLink","props","React","jsx","PromoPanel","isHovered","hoverRef","useHover","color","titleHtmlMarkup","linkHtmlMarkup","breakpoint","useBreakpoint","promoPanelClasses","classNames","styles","promoPanelLink","illustrationSize","Breakpoint","jsxs","AnalyticsId","LazyIllustration","Title","Icon","ArrowUpRight","ArrowRight","IconSize","getColor"],"mappings":";;;;;;;;;;;;;AAsDA,MAAMA,IAAgD,CAASC,MACzDA,EAAM,gBACDC,EAAM,aAAaD,EAAM,eAAe,EAAE,UAAUA,EAAM,UAAU,IAGzEA,EAAM,mBAAmB,WAEzB,gBAAAE,EAAC,YAAO,MAAM,UAAU,SAASF,EAAM,aACpC,YAAM,SACT,CAAA,IAID,gBAAAE,EAAA,KAAA,EAAE,MAAMF,EAAM,MAAM,QAAQA,EAAM,QAAQ,SAASA,EAAM,aACvD,UAAAA,EAAM,SACT,CAAA,GAIEG,IAAwC,CAASH,MAAA;AACrD,QAAM,EAAE,WAAAI,GAAW,UAAAC,EAAS,IAAIC,EAAyB,GAEnD,EAAE,OAAAC,IAAQ,WAAW,iBAAAC,IAAkB,MAAM,gBAAAC,IAAiB,IAAQ,IAAAT,GAEtEU,IAAaC,KAEbC,IAAoBC;AAAA,IACxBC,EAAO;AAAA,IACPA,EAAO,eAAeP,CAAK,EAAE;AAAA,IAC7B,CAACP,EAAM,gBAAgBc,EAAO,6BAA6B;AAAA,EAAA,GAGvDC,IACJ,gBAAAb;AAAA,IAACH;AAAA,IAAA;AAAA,MACC,MAAMC,EAAM;AAAA,MACZ,QAAQA,EAAM;AAAA,MACd,eAAeA,EAAM;AAAA,MACrB,gBAAAS;AAAA,MACA,aAAaT,EAAM;AAAA,MAElB,UAAAA,EAAM,SAASA,EAAM;AAAA,IAAA;AAAA,EAAA,GAIpBgB,IACAN,KAAcO,EAAW,KACpB,MAGF;AAIP,SAAA,gBAAAC,EAAC,OAAI,EAAA,WAAWN,GAAmB,eAAaZ,EAAM,QAAQ,oBAAkBmB,EAAY,YAAY,KAAKd,GAC1G,UAAA;AAAA,IAAAL,EAAM,gBACL,gBAAAE;AAAA,MAACkB;AAAA,MAAA;AAAA,QACC,kBAAkBpB,EAAM;AAAA,QACxB,MAAMgB;AAAA,QACN,OAAAT;AAAA,QACA,WAAWO,EAAO;AAAA,MAAA;AAAA,IACpB;AAAA,IAED,gBAAAI,EAAA,OAAA,EAAI,WAAWJ,EAAO,qBACpB,UAAA;AAAA,MAAAd,EAAM,SACJ,gBAAAE,EAAAmB,GAAA,EAAM,YAAYb,GAAiB,YAAY,UAC7C,UACHO,EAAA,CAAA;AAAA,MAEAf,EAAM,QAAyBA,EAAM,WAAvBe;AAAA,IAAuB,GACzC;AAAA,IACA,gBAAAb;AAAA,MAACoB;AAAA,MAAA;AAAA,QACC,WAAWR,EAAO;AAAA,QAClB,SAASd,EAAM,WAAW,WAAWuB,IAAeC;AAAA,QACpD,MAAMd,KAAcO,EAAW,KAAKQ,EAAS,QAAQA,EAAS;AAAA,QAC9D,WAAArB;AAAA,QACA,OAAOsB,EAAS,aAAa,GAAG;AAAA,QAChC,YAAYA,EAAS,aAAa,GAAG;AAAA,MAAA;AAAA,IACvC;AAAA,EACF,EAAA,CAAA;AAEJ;"}

package/components/RadioButton/index.js

@@ -1,8 +1,8 @@
-import { RadioButton as t } from "./RadioButton.js";
-import { getRadioLabelClasses as r } from "./RadioButton.js";
+import { R as o } from "../../RadioButton.js";
+import { g as s } from "../../RadioButton.js";
 export {
-  t as RadioButton,
-  t as default,
-  r as getRadioLabelClasses
+  o as RadioButton,
+  o as default,
+  s as getRadioLabelClasses
 };
 //# sourceMappingURL=index.js.map

package/components/Select/index.js

@@ -1,4 +1,4 @@
-import { Select as t } from "./Select.js";
+import { S as t } from "../../Select.js";
 export {
   t as Select,
   t as default

package/components/ServiceMessage/index.js

@@ -1,5 +1,113 @@
-import r from "./ServiceMessage.js";
+import { jsxs as d, jsx as s } from "react/jsx-runtime";
+import { useState as w } from "react";
+import h from "classnames";
+import { useBreakpoint as L } from "../../hooks/useBreakpoint.js";
+import { useHover as C } from "../../hooks/useHover.js";
+import { useUuid as X } from "../../hooks/useUuid.js";
+import { getColor as I } from "../../theme/currys/color.js";
+import { breakpoints as j } from "../../theme/grid.js";
+import { getAriaLabelAttributes as y } from "../../utils/accessibility.js";
+import { N as A } from "../../NotificationBadge.js";
+import { C as M } from "../../Close.js";
+import { I as H } from "../../Icon.js";
+import { IconSize as N } from "../../constants.js";
+import U from "../Icons/ChevronDown.js";
+import B from "../Icons/ChevronUp.js";
+import F from "../Icons/Forward.js";
+import $ from "../Icons/X.js";
+import e from "./styles.module.scss";
+const q = ({ label: a, variant: c, id: l, hasExpander: r, isExpanded: m, dismissable: v, onExpand: t, onDismiss: _, closeBtnText: n }) => {
+  const g = L(), { isHovered: o, hoverRef: f } = C(), i = g < j.lg ? N.XSmall : N.Small, b = r ? "button" : "span", p = h(
+    e["service-message__label-container"],
+    r && e["service-message__label-container--has-expander"]
+  );
+  return /* @__PURE__ */ s("div", { className: p, ref: f, children: /* @__PURE__ */ s("div", { className: e["service-message__container"], children: /* @__PURE__ */ s("div", { className: e["service-message__row"], children: /* @__PURE__ */ s("div", { className: e["service-message__col"], children: /* @__PURE__ */ d("div", { className: e["service-message__label"], children: [
+    /* @__PURE__ */ s(A, { variant: c, size: i, isHovered: o }),
+    /* @__PURE__ */ s("h1", { className: e["service-message__title"], id: l, children: /* @__PURE__ */ s(
+      b,
+      {
+        className: e["service-message__toggle"],
+        onClick: r ? t : void 0,
+        "aria-expanded": r ? m : void 0,
+        children: a
+      }
+    ) }),
+    r && /* @__PURE__ */ s(H, { size: i, svgIcon: m ? B : U, isHovered: o }),
+    !r && v && /* @__PURE__ */ s(M, { onClick: _, ariaLabel: n, className: e["service-message__close"] })
+  ] }) }) }) }) });
+}, x = ({ info: a, extraInfo: c, urlTitle: l, url: r, target: m, dismissable: v, closeBtnText: t, onDismiss: _ }) => {
+  const { hoverRef: n, isHovered: g } = C(), { hoverRef: o, isHovered: f } = C(), i = r && l;
+  return /* @__PURE__ */ s("div", { className: e["service-message__container"], children: /* @__PURE__ */ s("div", { className: e["service-message__row"], children: /* @__PURE__ */ s("div", { className: e["service-message__col"], children: /* @__PURE__ */ d("div", { className: e["service-message__content"], children: [
+    a && /* @__PURE__ */ s("p", { className: e["service-message__info"], children: a }),
+    c && /* @__PURE__ */ s("p", { className: h(e["service-message__info"], e["service-message__info--extra"]), children: c }),
+    /* @__PURE__ */ d("div", { className: e["service-message__actions"], children: [
+      i && /* @__PURE__ */ d("a", { className: e["service-message__action"], href: r, ref: n, target: m, children: [
+        l,
+        /* @__PURE__ */ s(H, { size: N.XSmall, svgIcon: F, color: I("blueberry", 700), isHovered: g })
+      ] }),
+      v && /* @__PURE__ */ d(
+        "button",
+        {
+          ref: o,
+          className: h(e["service-message__action"], e["service-message__action--close"]),
+          "aria-label": t,
+          onClick: _,
+          children: [
+            t,
+            /* @__PURE__ */ s(H, { size: N.XSmall, svgIcon: $, color: I("blueberry", 700), isHovered: f })
+          ]
+        }
+      )
+    ] })
+  ] }) }) }) });
+}, ae = ({
+  label: a,
+  dismissable: c = !0,
+  onDismiss: l,
+  info: r,
+  extraInfo: m,
+  urlTitle: v,
+  url: t,
+  target: _ = "_self",
+  closeBtnText: n = "fjern melding",
+  expanderOpenFromStart: g = !1,
+  variant: o = "error",
+  testId: f
+}) => {
+  const [i, b] = w(g), p = X(), u = !!r || !!m, S = o === "error" ? "alert" : "region", k = y({ label: a, id: p }), R = () => {
+    u && b(!i);
+  }, z = h(e["service-message"], e[`service-message--${o}`]);
+  return /* @__PURE__ */ d("div", { className: z, role: S, ...k, "data-testid": f, children: [
+    /* @__PURE__ */ s(
+      q,
+      {
+        label: a,
+        variant: o,
+        id: p,
+        hasExpander: u,
+        isExpanded: i,
+        dismissable: c,
+        onExpand: R,
+        onDismiss: l,
+        closeBtnText: n
+      }
+    ),
+    u && i && /* @__PURE__ */ s(
+      x,
+      {
+        info: r,
+        extraInfo: m,
+        urlTitle: v,
+        url: t,
+        target: _,
+        dismissable: c,
+        onDismiss: l,
+        closeBtnText: n
+      }
+    )
+  ] });
+};
 export {
-  r as default
+  ae as default
 };
 //# sourceMappingURL=index.js.map

package/components/ServiceMessage/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"index.js","sources":["../../../src/components/ServiceMessage/ServiceMessage.tsx"],"sourcesContent":["import React, { useState } from 'react';\n\nimport classNames from 'classnames';\n\nimport { useBreakpoint } from '../../hooks/useBreakpoint';\nimport { useHover } from '../../hooks/useHover';\nimport { useUuid } from '../../hooks/useUuid';\nimport { getColor } from '../../theme/currys';\nimport { breakpoints } from '../../theme/grid';\nimport { getAriaLabelAttributes } from '../../utils/accessibility';\nimport { AnchorLinkTargets } from '../AnchorLink';\nimport NotificationBadge from '../Badge/NotificationBadge';\nimport Close from '../Close';\nimport Icon, { IconSize } from '../Icon';\nimport ChevronDown from '../Icons/ChevronDown';\nimport ChevronUp from '../Icons/ChevronUp';\nimport Forward from '../Icons/Forward';\nimport X from '../Icons/X';\nimport { NotificationPanelVariants } from '../NotificationPanel';\n\nimport styles from './styles.module.scss';\n\ninterface LabelProps {\n  label: string;\n  variant: NotificationPanelVariants;\n  id: string;\n  hasExpander: boolean;\n  isExpanded: boolean;\n  dismissable: boolean;\n  onExpand: () => void;\n  onDismiss?: () => void;\n  closeBtnText?: string;\n}\n\nconst Label: React.FC<LabelProps> = ({ label, variant, id, hasExpander, isExpanded, dismissable, onExpand, onDismiss, closeBtnText }) => {\n  const breakpoint = useBreakpoint();\n  const { isHovered, hoverRef } = useHover<HTMLDivElement>();\n\n  const iconSize = breakpoint < breakpoints.lg ? IconSize.XSmall : IconSize.Small;\n  const CustomTag = hasExpander ? 'button' : 'span';\n\n  const labelContainerClasses = classNames(\n    styles['service-message__label-container'],\n    hasExpander && styles[`service-message__label-container--has-expander`]\n  );\n\n  return (\n    <div className={labelContainerClasses} ref={hoverRef}>\n      <div className={styles['service-message__container']}>\n        <div className={styles['service-message__row']}>\n          <div className={styles['service-message__col']}>\n            <div className={styles['service-message__label']}>\n              <NotificationBadge variant={variant} size={iconSize} isHovered={isHovered} />\n              <h1 className={styles['service-message__title']} id={id}>\n                <CustomTag\n                  className={styles['service-message__toggle']}\n                  onClick={hasExpander ? onExpand : undefined}\n                  aria-expanded={hasExpander ? isExpanded : undefined}\n                >\n                  {label}\n                </CustomTag>\n              </h1>\n              {hasExpander && <Icon size={iconSize} svgIcon={isExpanded ? ChevronUp : ChevronDown} isHovered={isHovered} />}\n              {!hasExpander && dismissable && (\n                <Close onClick={onDismiss} ariaLabel={closeBtnText} className={styles['service-message__close']} />\n              )}\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\ninterface ContentProps {\n  info?: string;\n  extraInfo?: string;\n  urlTitle?: string;\n  url?: string;\n  target?: AnchorLinkTargets;\n  dismissable: boolean;\n  onDismiss?: () => void;\n  closeBtnText?: string;\n}\n\nconst Content: React.FC<ContentProps> = ({ info, extraInfo, urlTitle, url, target, dismissable, closeBtnText, onDismiss }) => {\n  const { hoverRef: readMoreRef, isHovered: readMoreHoverRefIsHovered } = useHover<HTMLAnchorElement>();\n  const { hoverRef: closeButtonRef, isHovered: closeButtonIsHovered } = useHover<HTMLButtonElement>();\n\n  const hasUrl = url && urlTitle;\n\n  return (\n    <div className={styles['service-message__container']}>\n      <div className={styles['service-message__row']}>\n        <div className={styles['service-message__col']}>\n          <div className={styles['service-message__content']}>\n            {info && <p className={styles['service-message__info']}>{info}</p>}\n            {extraInfo && (\n              <p className={classNames(styles['service-message__info'], styles['service-message__info--extra'])}>{extraInfo}</p>\n            )}\n            <div className={styles['service-message__actions']}>\n              {hasUrl && (\n                <a className={styles['service-message__action']} href={url} ref={readMoreRef} target={target}>\n                  {urlTitle}\n                  <Icon size={IconSize.XSmall} svgIcon={Forward} color={getColor('blueberry', 700)} isHovered={readMoreHoverRefIsHovered} />\n                </a>\n              )}\n\n              {dismissable && (\n                <button\n                  ref={closeButtonRef}\n                  className={classNames(styles['service-message__action'], styles['service-message__action--close'])}\n                  aria-label={closeBtnText}\n                  onClick={onDismiss}\n                >\n                  {closeBtnText}\n                  <Icon size={IconSize.XSmall} svgIcon={X} color={getColor('blueberry', 700)} isHovered={closeButtonIsHovered} />\n                </button>\n              )}\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport interface ServiceMessageProps {\n  /** Sets a label for the notification panel. */\n  label: string;\n  /** String displayed in service-message when expanded */\n  info?: string;\n  /** String displayed in service-message when expanded, with a smaller font */\n  extraInfo?: string;\n  /** function that runs on dismiss */\n  onDismiss?: () => void;\n  /** Allows for dismiss to be an option, also for ServiceMessage with only label as content */\n  dismissable?: boolean;\n  /** Makes expander be open from start. */\n  expanderOpenFromStart?: boolean;\n  /** Name that describes a url-link for the user*/\n  urlTitle?: string;\n  /** Url for further information*/\n  url?: string;\n  /** Sets target for the anchorlink to the url*/\n  target?: AnchorLinkTargets;\n  /** Text on close-button in service messages. */\n  closeBtnText?: string;\n  /** Changes the visual representation. */\n  variant?: NotificationPanelVariants;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n}\n\nconst ServiceMessage: React.FC<ServiceMessageProps> = ({\n  label,\n  dismissable = true,\n  onDismiss,\n  info,\n  extraInfo,\n  urlTitle,\n  url,\n  target = '_self',\n  closeBtnText = 'fjern melding',\n  expanderOpenFromStart = false,\n  variant = 'error',\n  testId,\n}) => {\n  const [isExpanded, setIsExpanded] = useState<boolean>(expanderOpenFromStart);\n\n  const labelId = useUuid();\n  const hasExpander = !!info || !!extraInfo;\n\n  const ariaRole = variant === 'error' ? 'alert' : 'region';\n  const ariaLabelAttributes = getAriaLabelAttributes({ label, id: labelId });\n\n  const handleClick = (): void => {\n    hasExpander && setIsExpanded(!isExpanded);\n  };\n\n  const classes = classNames(styles['service-message'], styles[`service-message--${variant}`]);\n\n  return (\n    <div className={classes} role={ariaRole} {...ariaLabelAttributes} data-testid={testId}>\n      <Label\n        label={label}\n        variant={variant}\n        id={labelId}\n        hasExpander={hasExpander}\n        isExpanded={isExpanded}\n        dismissable={dismissable}\n        onExpand={handleClick}\n        onDismiss={onDismiss}\n        closeBtnText={closeBtnText}\n      />\n      {hasExpander && isExpanded && (\n        <Content\n          info={info}\n          extraInfo={extraInfo}\n          urlTitle={urlTitle}\n          url={url}\n          target={target}\n          dismissable={dismissable}\n          onDismiss={onDismiss}\n          closeBtnText={closeBtnText}\n        />\n      )}\n    </div>\n  );\n};\n\nexport default ServiceMessage;\n"],"names":["Label","label","variant","id","hasExpander","isExpanded","dismissable","onExpand","onDismiss","closeBtnText","breakpoint","useBreakpoint","isHovered","hoverRef","useHover","iconSize","breakpoints","IconSize","CustomTag","labelContainerClasses","classNames","styles","jsx","jsxs","NotificationBadge","Icon","ChevronUp","ChevronDown","Close","Content","info","extraInfo","urlTitle","url","target","readMoreRef","readMoreHoverRefIsHovered","closeButtonRef","closeButtonIsHovered","hasUrl","Forward","getColor","X","ServiceMessage","expanderOpenFromStart","testId","setIsExpanded","useState","labelId","useUuid","ariaRole","ariaLabelAttributes","getAriaLabelAttributes","handleClick","classes"],"mappings":"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"}

package/components/SharingStatus/index.js

@@ -1,5 +1,19 @@
-import a from "./SharingStatus.js";
+import { jsxs as p, jsx as a } from "react/jsx-runtime";
+import t from "classnames";
+import { AnalyticsId as u, IconSize as g } from "../../constants.js";
+import { palette as _ } from "../../theme/palette.js";
+import { I as f } from "../../Icon.js";
+import s from "./styles.module.scss";
+const w = (e) => {
+  const { color: r = "blueberry", icon: l, children: o, className: n, testId: i, wrapText: c } = e, m = t(s["sharing-status"], n), d = t(s["sharing-status__dot"], s[`sharing-status__dot--${r}`]), h = t(s["sharing-status__label"], s[`sharing-status__label--${r}`], {
+    [s["sharing-status__label--wrap"]]: c
+  });
+  return /* @__PURE__ */ p("span", { className: m, "data-testid": i, "data-analyticsid": u.SharingStatus, children: [
+    /* @__PURE__ */ a("span", { className: d, children: /* @__PURE__ */ a(f, { color: _.white, svgIcon: l, size: g.XXSmall }) }),
+    /* @__PURE__ */ a("span", { className: h, children: o })
+  ] });
+};
 export {
-  a as default
+  w as default
 };
 //# sourceMappingURL=index.js.map

package/components/SharingStatus/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"index.js","sources":["../../../src/components/SharingStatus/SharingStatus.tsx"],"sourcesContent":["import React from 'react';\n\nimport classNames from 'classnames';\n\nimport { AnalyticsId, IconSize } from '../../constants';\nimport { PaletteNames, palette } from '../../theme/palette';\nimport Icon, { SvgIcon } from '../Icon';\n\nimport styles from './styles.module.scss';\n\nexport type SharingStatusColor = Extract<PaletteNames, 'kiwi' | 'cherry' | 'neutral' | 'blueberry' | 'banana'>;\n\nexport interface SharingStatusProps {\n  /** Color choices represent variants of sharingstatus */\n  color?: SharingStatusColor;\n  /** Adds custom classes to the element. */\n  className?: string;\n  /** Icon to be displayed next to the sharingstatus */\n  icon: SvgIcon;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n  /** Sets the text placed to the right of the sharingstatus */\n  children: string;\n  /** turn on and off word wrapping */\n  wrapText?: boolean;\n}\n\nconst SharingStatus: React.FC<SharingStatusProps> = props => {\n  const { color = 'blueberry', icon, children, className, testId, wrapText } = props;\n\n  const sharingStatusClasses = classNames(styles['sharing-status'], className);\n  const dotClasses = classNames(styles['sharing-status__dot'], styles[`sharing-status__dot--${color}`]);\n  const labelClasses = classNames(styles['sharing-status__label'], styles[`sharing-status__label--${color}`], {\n    [styles['sharing-status__label--wrap']]: wrapText,\n  });\n\n  return (\n    <span className={sharingStatusClasses} data-testid={testId} data-analyticsid={AnalyticsId.SharingStatus}>\n      <span className={dotClasses}>\n        <Icon color={palette.white} svgIcon={icon} size={IconSize.XXSmall} />\n      </span>\n      <span className={labelClasses}>{children}</span>\n    </span>\n  );\n};\n\nexport default SharingStatus;\n"],"names":["SharingStatus","props","color","icon","children","className","testId","wrapText","sharingStatusClasses","classNames","styles","dotClasses","labelClasses","jsxs","AnalyticsId","jsx","Icon","palette","IconSize"],"mappings":";;;;;;AA2BA,MAAMA,IAA8C,CAASC,MAAA;AACrD,QAAA,EAAE,OAAAC,IAAQ,aAAa,MAAAC,GAAM,UAAAC,GAAU,WAAAC,GAAW,QAAAC,GAAQ,UAAAC,EAAa,IAAAN,GAEvEO,IAAuBC,EAAWC,EAAO,gBAAgB,GAAGL,CAAS,GACrEM,IAAaF,EAAWC,EAAO,qBAAqB,GAAGA,EAAO,wBAAwBR,CAAK,EAAE,CAAC,GAC9FU,IAAeH,EAAWC,EAAO,uBAAuB,GAAGA,EAAO,0BAA0BR,CAAK,EAAE,GAAG;AAAA,IAC1G,CAACQ,EAAO,6BAA6B,CAAC,GAAGH;AAAA,EAAA,CAC1C;AAGC,SAAA,gBAAAM,EAAC,UAAK,WAAWL,GAAsB,eAAaF,GAAQ,oBAAkBQ,EAAY,eACxF,UAAA;AAAA,IAAA,gBAAAC,EAAC,QAAK,EAAA,WAAWJ,GACf,UAAA,gBAAAI,EAACC,GAAK,EAAA,OAAOC,EAAQ,OAAO,SAASd,GAAM,MAAMe,EAAS,QAAS,CAAA,GACrE;AAAA,IACC,gBAAAH,EAAA,QAAA,EAAK,WAAWH,GAAe,UAAAR,EAAS,CAAA;AAAA,EAC3C,EAAA,CAAA;AAEJ;"}