@helsenorge/designsystem-react 9.4.0 → 9.4.3

package/Title.js

@@ -1,25 +1,31 @@
-import { jsx as g } from "react/jsx-runtime";
-import T from "react";
-import y from "classnames";
-import { AnalyticsId as u } from "./constants.js";
-import t from "./components/Title/styles.module.scss";
-const N = T.forwardRef(function(l, a) {
-  const { id: o, children: m, className: n, htmlMarkup: s = "h1", appearance: e = "title1", margin: i = 0, testId: c } = l, p = y(
-    t.title,
+import { jsx } from "react/jsx-runtime";
+import React from "react";
+import classNames from "classnames";
+import { AnalyticsId } from "./constants.js";
+import titleStyles from "./components/Title/styles.module.scss";
+const Title = React.forwardRef(function TitleForwardedRef(props, ref) {
+  const { id, children, className, htmlMarkup = "h1", appearance = "title1", margin = 0, testId } = props;
+  const titleClasses = classNames(
+    titleStyles.title,
     {
-      [t["title--feature"]]: e === "titleFeature",
-      [t["title--title1"]]: e === "title1",
-      [t["title--title2"]]: e === "title2",
-      [t["title--title3"]]: e === "title3",
-      [t["title--title4"]]: e === "title4",
-      [t["title--title5"]]: e === "title5"
+      [titleStyles["title--feature"]]: appearance === "titleFeature",
+      [titleStyles["title--title1"]]: appearance === "title1",
+      [titleStyles["title--title2"]]: appearance === "title2",
+      [titleStyles["title--title3"]]: appearance === "title3",
+      [titleStyles["title--title4"]]: appearance === "title4",
+      [titleStyles["title--title5"]]: appearance === "title5"
     },
-    n
-  ), d = s, f = h(i) ? { marginTop: `${i.marginTop}rem`, marginBottom: `${i.marginBottom}rem` } : { marginTop: `${i}rem`, marginBottom: `${i}rem` };
-  return /* @__PURE__ */ g(d, { id: o, className: p, style: f, ref: a, "data-testid": c, "data-analyticsid": u.Title, children: m });
-}), h = (r) => Object.prototype.hasOwnProperty.call(r, "marginTop") && Object.prototype.hasOwnProperty.call(r, "marginBottom");
+    className
+  );
+  const CustomTag = htmlMarkup;
+  const inlineStyle = instanceOfTitleMargin(margin) ? { marginTop: `${margin.marginTop}rem`, marginBottom: `${margin.marginBottom}rem` } : { marginTop: `${margin}rem`, marginBottom: `${margin}rem` };
+  return /* @__PURE__ */ jsx(CustomTag, { id, className: titleClasses, style: inlineStyle, ref, "data-testid": testId, "data-analyticsid": AnalyticsId.Title, children });
+});
+const instanceOfTitleMargin = (margin) => {
+  return Object.prototype.hasOwnProperty.call(margin, "marginTop") && Object.prototype.hasOwnProperty.call(margin, "marginBottom");
+};
 export {
-  N as T,
-  h as i
+  Title as T,
+  instanceOfTitleMargin as i
 };
 //# sourceMappingURL=Title.js.map

package/Title.js.map

@@ -1 +1 @@
-{"version":3,"file":"Title.js","sources":["../src/components/Title/Title.tsx"],"sourcesContent":["import React from 'react';\n\nimport classNames from 'classnames';\n\nimport { AnalyticsId } from '../../constants';\n\nimport titleStyles from './styles.module.scss';\n\nexport type TitleTags = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'span';\nexport type TitleAppearances = 'titleFeature' | 'title1' | 'title2' | 'title3' | 'title4' | 'title5';\n\nexport interface TitleProps {\n  children: React.ReactNode;\n  /** Gives a unique id to the title */\n  id?: string;\n  /** Adds custom classes to the element. */\n  className?: string;\n  /** Adds top and bottom margin in rem. */\n  margin?: number | TitleMargin;\n  /** Changes the underlying element of the title. */\n  htmlMarkup?: TitleTags;\n  /** Changes the appearance of the title. */\n  appearance?: TitleAppearances;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n}\n\nexport const Title = React.forwardRef(function TitleForwardedRef(props: TitleProps, ref: React.ForwardedRef<HTMLHeadingElement>) {\n  const { id, children, className, htmlMarkup = 'h1', appearance = 'title1', margin = 0, testId } = props;\n  const titleClasses = classNames(\n    titleStyles.title,\n    {\n      [titleStyles['title--feature']]: appearance === 'titleFeature',\n      [titleStyles['title--title1']]: appearance === 'title1',\n      [titleStyles['title--title2']]: appearance === 'title2',\n      [titleStyles['title--title3']]: appearance === 'title3',\n      [titleStyles['title--title4']]: appearance === 'title4',\n      [titleStyles['title--title5']]: appearance === 'title5',\n    },\n    className\n  );\n  const CustomTag = htmlMarkup;\n\n  const inlineStyle = instanceOfTitleMargin(margin)\n    ? { marginTop: `${margin.marginTop}rem`, marginBottom: `${margin.marginBottom}rem` }\n    : { marginTop: `${margin}rem`, marginBottom: `${margin}rem` };\n\n  return (\n    <CustomTag id={id} className={titleClasses} style={inlineStyle} ref={ref} data-testid={testId} data-analyticsid={AnalyticsId.Title}>\n      {children}\n    </CustomTag>\n  );\n});\n\nexport interface TitleMargin {\n  marginTop: number;\n  marginBottom: number;\n}\n\nexport const instanceOfTitleMargin = (margin: unknown): margin is TitleMargin => {\n  return Object.prototype.hasOwnProperty.call(margin, 'marginTop') && Object.prototype.hasOwnProperty.call(margin, 'marginBottom');\n};\n\nexport default Title;\n"],"names":["Title","React","props","ref","id","children","className","htmlMarkup","appearance","margin","testId","titleClasses","classNames","titleStyles","CustomTag","inlineStyle","instanceOfTitleMargin","jsx","AnalyticsId"],"mappings":";;;;;AA2BO,MAAMA,IAAQC,EAAM,WAAW,SAA2BC,GAAmBC,GAA6C;AACzH,QAAA,EAAE,IAAAC,GAAI,UAAAC,GAAU,WAAAC,GAAW,YAAAC,IAAa,MAAM,YAAAC,IAAa,UAAU,QAAAC,IAAS,GAAG,QAAAC,EAAA,IAAWR,GAC5FS,IAAeC;AAAA,IACnBC,EAAY;AAAA,IACZ;AAAA,MACE,CAACA,EAAY,gBAAgB,CAAC,GAAGL,MAAe;AAAA,MAChD,CAACK,EAAY,eAAe,CAAC,GAAGL,MAAe;AAAA,MAC/C,CAACK,EAAY,eAAe,CAAC,GAAGL,MAAe;AAAA,MAC/C,CAACK,EAAY,eAAe,CAAC,GAAGL,MAAe;AAAA,MAC/C,CAACK,EAAY,eAAe,CAAC,GAAGL,MAAe;AAAA,MAC/C,CAACK,EAAY,eAAe,CAAC,GAAGL,MAAe;AAAA,IACjD;AAAA,IACAF;AAAA,EAAA,GAEIQ,IAAYP,GAEZQ,IAAcC,EAAsBP,CAAM,IAC5C,EAAE,WAAW,GAAGA,EAAO,SAAS,OAAO,cAAc,GAAGA,EAAO,YAAY,MAC3E,IAAA,EAAE,WAAW,GAAGA,CAAM,OAAO,cAAc,GAAGA,CAAM,MAAM;AAE9D,SACG,gBAAAQ,EAAAH,GAAA,EAAU,IAAAV,GAAQ,WAAWO,GAAc,OAAOI,GAAa,KAAAZ,GAAU,eAAaO,GAAQ,oBAAkBQ,EAAY,OAC1H,UAAAb,EACH,CAAA;AAEJ,CAAC,GAOYW,IAAwB,CAACP,MAC7B,OAAO,UAAU,eAAe,KAAKA,GAAQ,WAAW,KAAK,OAAO,UAAU,eAAe,KAAKA,GAAQ,cAAc;"}
+{"version":3,"file":"Title.js","sources":["../src/components/Title/Title.tsx"],"sourcesContent":["import React from 'react';\n\nimport classNames from 'classnames';\n\nimport { AnalyticsId } from '../../constants';\n\nimport titleStyles from './styles.module.scss';\n\nexport type TitleTags = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'span';\nexport type TitleAppearances = 'titleFeature' | 'title1' | 'title2' | 'title3' | 'title4' | 'title5';\n\nexport interface TitleProps {\n  children: React.ReactNode;\n  /** Gives a unique id to the title */\n  id?: string;\n  /** Adds custom classes to the element. */\n  className?: string;\n  /** Adds top and bottom margin in rem. */\n  margin?: number | TitleMargin;\n  /** Changes the underlying element of the title. */\n  htmlMarkup?: TitleTags;\n  /** Changes the appearance of the title. */\n  appearance?: TitleAppearances;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n}\n\nexport const Title = React.forwardRef(function TitleForwardedRef(props: TitleProps, ref: React.ForwardedRef<HTMLHeadingElement>) {\n  const { id, children, className, htmlMarkup = 'h1', appearance = 'title1', margin = 0, testId } = props;\n  const titleClasses = classNames(\n    titleStyles.title,\n    {\n      [titleStyles['title--feature']]: appearance === 'titleFeature',\n      [titleStyles['title--title1']]: appearance === 'title1',\n      [titleStyles['title--title2']]: appearance === 'title2',\n      [titleStyles['title--title3']]: appearance === 'title3',\n      [titleStyles['title--title4']]: appearance === 'title4',\n      [titleStyles['title--title5']]: appearance === 'title5',\n    },\n    className\n  );\n  const CustomTag = htmlMarkup;\n\n  const inlineStyle = instanceOfTitleMargin(margin)\n    ? { marginTop: `${margin.marginTop}rem`, marginBottom: `${margin.marginBottom}rem` }\n    : { marginTop: `${margin}rem`, marginBottom: `${margin}rem` };\n\n  return (\n    <CustomTag id={id} className={titleClasses} style={inlineStyle} ref={ref} data-testid={testId} data-analyticsid={AnalyticsId.Title}>\n      {children}\n    </CustomTag>\n  );\n});\n\nexport interface TitleMargin {\n  marginTop: number;\n  marginBottom: number;\n}\n\nexport const instanceOfTitleMargin = (margin: unknown): margin is TitleMargin => {\n  return Object.prototype.hasOwnProperty.call(margin, 'marginTop') && Object.prototype.hasOwnProperty.call(margin, 'marginBottom');\n};\n\nexport default Title;\n"],"names":[],"mappings":";;;;;AA2BO,MAAM,QAAQ,MAAM,WAAW,SAAS,kBAAkB,OAAmB,KAA6C;AACzH,QAAA,EAAE,IAAI,UAAU,WAAW,aAAa,MAAM,aAAa,UAAU,SAAS,GAAG,OAAW,IAAA;AAClG,QAAM,eAAe;AAAA,IACnB,YAAY;AAAA,IACZ;AAAA,MACE,CAAC,YAAY,gBAAgB,CAAC,GAAG,eAAe;AAAA,MAChD,CAAC,YAAY,eAAe,CAAC,GAAG,eAAe;AAAA,MAC/C,CAAC,YAAY,eAAe,CAAC,GAAG,eAAe;AAAA,MAC/C,CAAC,YAAY,eAAe,CAAC,GAAG,eAAe;AAAA,MAC/C,CAAC,YAAY,eAAe,CAAC,GAAG,eAAe;AAAA,MAC/C,CAAC,YAAY,eAAe,CAAC,GAAG,eAAe;AAAA,IACjD;AAAA,IACA;AAAA,EACF;AACA,QAAM,YAAY;AAEZ,QAAA,cAAc,sBAAsB,MAAM,IAC5C,EAAE,WAAW,GAAG,OAAO,SAAS,OAAO,cAAc,GAAG,OAAO,YAAY,MAAA,IAC3E,EAAE,WAAW,GAAG,MAAM,OAAO,cAAc,GAAG,MAAM,MAAM;AAE9D,SACG,oBAAA,WAAA,EAAU,IAAQ,WAAW,cAAc,OAAO,aAAa,KAAU,eAAa,QAAQ,oBAAkB,YAAY,OAC1H,UACH;AAEJ,CAAC;AAOY,MAAA,wBAAwB,CAAC,WAA2C;AAC/E,SAAO,OAAO,UAAU,eAAe,KAAK,QAAQ,WAAW,KAAK,OAAO,UAAU,eAAe,KAAK,QAAQ,cAAc;AACjI;"}

package/TooltipWord.js

@@ -1,28 +1,28 @@
-import { jsx as m } from "react/jsx-runtime";
-import p from "react";
-import { AnalyticsId as l } from "./constants.js";
-import f from "./components/Tooltip/TooltipWord/styles.module.scss";
-const c = p.forwardRef(
-  ({ children: a, onClick: r, onFocus: o, onBlur: t, onKeyDown: e, testId: i, ariaDescribedById: s }, d) => /* @__PURE__ */ m(
+import { jsx } from "react/jsx-runtime";
+import React from "react";
+import { AnalyticsId } from "./constants.js";
+import styles from "./components/Tooltip/TooltipWord/styles.module.scss";
+const TooltipWord = React.forwardRef(
+  ({ children, onClick, onFocus, onBlur, onKeyDown, testId, ariaDescribedById }, ref) => /* @__PURE__ */ jsx(
     "button",
     {
-      className: f.word,
-      ref: d,
-      onClick: r,
-      onMouseEnter: o,
-      onMouseLeave: t,
-      onFocus: o,
-      onBlur: t,
-      onKeyDown: e,
-      "aria-describedby": s,
-      "data-testid": i,
-      "data-analyticsid": l.Tooltip,
-      children: a
+      className: styles.word,
+      ref,
+      onClick,
+      onMouseEnter: onFocus,
+      onMouseLeave: onBlur,
+      onFocus,
+      onBlur,
+      onKeyDown,
+      "aria-describedby": ariaDescribedById,
+      "data-testid": testId,
+      "data-analyticsid": AnalyticsId.Tooltip,
+      children
     }
   )
 );
-c.displayName = "TooltipWord";
+TooltipWord.displayName = "TooltipWord";
 export {
-  c as T
+  TooltipWord as T
 };
 //# sourceMappingURL=TooltipWord.js.map

package/TooltipWord.js.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipWord.js","sources":["../src/components/Tooltip/TooltipWord/TooltipWord.tsx"],"sourcesContent":["import React from 'react';\n\nimport { AnalyticsId } from '../../../constants';\n\nimport styles from './styles.module.scss';\n\nexport interface TooltipWordProps {\n  /** Ordet som skal ha en tilhørende tooltip */\n  children: string;\n  /** Callback når ordet klikkes på */\n  onClick: () => void;\n  /** Callback når ordet får fokus eller hovres over */\n  onFocus: () => void;\n  /** Callback når ordet mister fokus eller hover forsvinner */\n  onBlur: () => void;\n  /** Callback når det skrives på tastaturet */\n  onKeyDown: (e: React.KeyboardEvent<HTMLSpanElement>) => void;\n  /** ID til element som beskriver ordet */\n  ariaDescribedById: string;\n  /** Valgfri test-id */\n  testId?: string;\n}\n\nconst TooltipWord = React.forwardRef<HTMLButtonElement, TooltipWordProps>(\n  ({ children, onClick, onFocus, onBlur, onKeyDown, testId, ariaDescribedById }, ref) => (\n    <button\n      className={styles.word}\n      ref={ref}\n      onClick={onClick}\n      onMouseEnter={onFocus}\n      onMouseLeave={onBlur}\n      onFocus={onFocus}\n      onBlur={onBlur}\n      onKeyDown={onKeyDown}\n      aria-describedby={ariaDescribedById}\n      data-testid={testId}\n      data-analyticsid={AnalyticsId.Tooltip}\n    >\n      {children}\n    </button>\n  )\n);\n\nTooltipWord.displayName = 'TooltipWord';\n\nexport default TooltipWord;\n"],"names":["TooltipWord","React","children","onClick","onFocus","onBlur","onKeyDown","testId","ariaDescribedById","ref","jsx","styles","AnalyticsId"],"mappings":";;;;AAuBA,MAAMA,IAAcC,EAAM;AAAA,EACxB,CAAC,EAAE,UAAAC,GAAU,SAAAC,GAAS,SAAAC,GAAS,QAAAC,GAAQ,WAAAC,GAAW,QAAAC,GAAQ,mBAAAC,KAAqBC,MAC7E,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAO;AAAA,MAClB,KAAAF;AAAA,MACA,SAAAN;AAAA,MACA,cAAcC;AAAA,MACd,cAAcC;AAAA,MACd,SAAAD;AAAA,MACA,QAAAC;AAAA,MACA,WAAAC;AAAA,MACA,oBAAkBE;AAAA,MAClB,eAAaD;AAAA,MACb,oBAAkBK,EAAY;AAAA,MAE7B,UAAAV;AAAA,IAAA;AAAA,EACH;AAEJ;AAEAF,EAAY,cAAc;"}
+{"version":3,"file":"TooltipWord.js","sources":["../src/components/Tooltip/TooltipWord/TooltipWord.tsx"],"sourcesContent":["import React from 'react';\n\nimport { AnalyticsId } from '../../../constants';\n\nimport styles from './styles.module.scss';\n\nexport interface TooltipWordProps {\n  /** Ordet som skal ha en tilhørende tooltip */\n  children: string;\n  /** Callback når ordet klikkes på */\n  onClick: () => void;\n  /** Callback når ordet får fokus eller hovres over */\n  onFocus: () => void;\n  /** Callback når ordet mister fokus eller hover forsvinner */\n  onBlur: () => void;\n  /** Callback når det skrives på tastaturet */\n  onKeyDown: (e: React.KeyboardEvent<HTMLSpanElement>) => void;\n  /** ID til element som beskriver ordet */\n  ariaDescribedById: string;\n  /** Valgfri test-id */\n  testId?: string;\n}\n\nconst TooltipWord = React.forwardRef<HTMLButtonElement, TooltipWordProps>(\n  ({ children, onClick, onFocus, onBlur, onKeyDown, testId, ariaDescribedById }, ref) => (\n    <button\n      className={styles.word}\n      ref={ref}\n      onClick={onClick}\n      onMouseEnter={onFocus}\n      onMouseLeave={onBlur}\n      onFocus={onFocus}\n      onBlur={onBlur}\n      onKeyDown={onKeyDown}\n      aria-describedby={ariaDescribedById}\n      data-testid={testId}\n      data-analyticsid={AnalyticsId.Tooltip}\n    >\n      {children}\n    </button>\n  )\n);\n\nTooltipWord.displayName = 'TooltipWord';\n\nexport default TooltipWord;\n"],"names":[],"mappings":";;;;AAuBA,MAAM,cAAc,MAAM;AAAA,EACxB,CAAC,EAAE,UAAU,SAAS,SAAS,QAAQ,WAAW,QAAQ,qBAAqB,QAC7E;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,OAAO;AAAA,MAClB;AAAA,MACA;AAAA,MACA,cAAc;AAAA,MACd,cAAc;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,MACA,oBAAkB;AAAA,MAClB,eAAa;AAAA,MACb,oBAAkB,YAAY;AAAA,MAE7B;AAAA,IAAA;AAAA,EAAA;AAGP;AAEA,YAAY,cAAc;"}

package/Trigger.js

@@ -1,73 +1,90 @@
-import { jsx as t } from "react/jsx-runtime";
-import v from "react";
-import M from "classnames";
-import { g as Z, I as T } from "./Icon.js";
-import { IconSize as d, AnalyticsId as f } from "./constants.js";
-import { useHover as A } from "./hooks/useHover.js";
-import { getColor as h } from "./theme/currys/color.js";
-import { getAriaLabelAttributes as N } from "./utils/accessibility.js";
-import { mergeRefs as R } from "./utils/refs.js";
-import c from "./components/Trigger/styles.module.scss";
-const $ = ({ size: e, isHovered: o }) => Z({ size: e, isHovered: o, normal: /* @__PURE__ */ t("path", { d: "M18.854 19.678c0-2.268 1.701-4.74 5.126-4.74 3.358 0 5.172 2.222 5.172 4.536 0 1.793-.952 3.064-2.268 3.992l-.976.682c-.749.521-1.134 1.27-1.134 2.154 0 .047 0 .16.023.296h-2.269a46.85 46.85 0 0 0-.01-.139 8.554 8.554 0 0 1-.036-.724c0-1.36.522-2.471 1.84-3.424l1.042-.75c.75-.544 1.066-1.201 1.066-1.974 0-1.178-.793-2.29-2.45-2.29-1.679 0-2.563 1.293-2.563 2.585 0 .34.045.772.136 1.022l-2.564-.181a3.903 3.903 0 0 1-.135-1.044Zm3.176 10.186c0-.908.726-1.678 1.656-1.678.908 0 1.656.77 1.656 1.678 0 .907-.748 1.657-1.656 1.657-.93 0-1.656-.75-1.656-1.657Z" }), normalHover: /* @__PURE__ */ t("path", { d: "M18.854 18.178c0-2.268 1.701-4.74 5.126-4.74 3.358 0 5.172 2.223 5.172 4.536 0 1.793-.952 3.064-2.268 3.992l-.976.682c-.749.521-1.134 1.27-1.134 2.154 0 .047 0 .16.023.296h-2.269a46.85 46.85 0 0 0-.01-.139 8.554 8.554 0 0 1-.036-.724c0-1.36.522-2.471 1.838-3.424l1.044-.75c.75-.544 1.066-1.201 1.066-1.974 0-1.178-.793-2.29-2.45-2.29-1.679 0-2.563 1.293-2.563 2.585 0 .34.045.772.135 1.022l-2.563-.181a3.903 3.903 0 0 1-.135-1.044Zm3.176 11.686c0-.908.725-1.678 1.655-1.678.908 0 1.657.77 1.657 1.678 0 .907-.749 1.657-1.657 1.657-.93 0-1.655-.75-1.655-1.657Z" }), xSmall: /* @__PURE__ */ t("path", { d: "M23.98 14.937c-3.425 0-5.127 2.473-5.127 4.741 0 .363.047.726.137 1.044l2.563.182c-.09-.25-.136-.681-.136-1.022 0-1.292.885-2.586 2.563-2.586 1.658 0 2.45 1.112 2.45 2.291 0 .772-.317 1.43-1.065 1.974l-1.043.749c-1.317.953-1.84 2.065-1.84 3.425 0 .319.024.567.047.862h2.267c-.021-.135-.021-.25-.021-.295 0-.884.385-1.633 1.133-2.154l.976-.681c1.317-.93 2.27-2.2 2.27-3.993 0-2.314-1.816-4.537-5.174-4.537m-.294 13.248c-.93 0-1.656.773-1.656 1.678a1.65 1.65 0 0 0 1.656 1.657c.907 0 1.656-.748 1.656-1.657 0-.905-.749-1.678-1.656-1.678" }), xSmallHover: /* @__PURE__ */ t("path", { d: "M18.853 18.289c0-2.268 1.701-4.742 5.127-4.742 3.357 0 5.173 2.223 5.173 4.537 0 1.794-.953 3.065-2.27 3.994l-.976.681c-.747.52-1.133 1.27-1.133 2.154 0 .046 0 .16.022.295h-2.267a39.324 39.324 0 0 0-.01-.125 8.468 8.468 0 0 1-.037-.737c0-1.36.523-2.472 1.839-3.425l1.043-.75c.748-.543 1.065-1.201 1.065-1.973 0-1.18-.792-2.29-2.45-2.29-1.678 0-2.562 1.293-2.562 2.585 0 .341.045.772.135 1.022l-2.563-.183a3.914 3.914 0 0 1-.136-1.043Zm3.176 11.575c0-.907.726-1.679 1.656-1.679.908 0 1.657.772 1.657 1.68 0 .907-.749 1.656-1.657 1.656-.93 0-1.656-.749-1.656-1.657Z" }) }), k = {
-  help: $
+import { jsx } from "react/jsx-runtime";
+import React from "react";
+import classNames from "classnames";
+import { g as getIcon, I as Icon } from "./Icon.js";
+import { IconSize, AnalyticsId } from "./constants.js";
+import { useHover } from "./hooks/useHover.js";
+import { getColor } from "./theme/currys/color.js";
+import { getAriaLabelAttributes } from "./utils/accessibility.js";
+import { mergeRefs } from "./utils/refs.js";
+import styles from "./components/Trigger/styles.module.scss";
+const HelpSign = ({ size, isHovered }) => {
+  const normal = /* @__PURE__ */ jsx("path", { d: "M18.854 19.678c0-2.268 1.701-4.74 5.126-4.74 3.358 0 5.172 2.222 5.172 4.536 0 1.793-.952 3.064-2.268 3.992l-.976.682c-.749.521-1.134 1.27-1.134 2.154 0 .047 0 .16.023.296h-2.269a46.85 46.85 0 0 0-.01-.139 8.554 8.554 0 0 1-.036-.724c0-1.36.522-2.471 1.84-3.424l1.042-.75c.75-.544 1.066-1.201 1.066-1.974 0-1.178-.793-2.29-2.45-2.29-1.679 0-2.563 1.293-2.563 2.585 0 .34.045.772.136 1.022l-2.564-.181a3.903 3.903 0 0 1-.135-1.044Zm3.176 10.186c0-.908.726-1.678 1.656-1.678.908 0 1.656.77 1.656 1.678 0 .907-.748 1.657-1.656 1.657-.93 0-1.656-.75-1.656-1.657Z" });
+  const normalHover = /* @__PURE__ */ jsx("path", { d: "M18.854 18.178c0-2.268 1.701-4.74 5.126-4.74 3.358 0 5.172 2.223 5.172 4.536 0 1.793-.952 3.064-2.268 3.992l-.976.682c-.749.521-1.134 1.27-1.134 2.154 0 .047 0 .16.023.296h-2.269a46.85 46.85 0 0 0-.01-.139 8.554 8.554 0 0 1-.036-.724c0-1.36.522-2.471 1.838-3.424l1.044-.75c.75-.544 1.066-1.201 1.066-1.974 0-1.178-.793-2.29-2.45-2.29-1.679 0-2.563 1.293-2.563 2.585 0 .34.045.772.135 1.022l-2.563-.181a3.903 3.903 0 0 1-.135-1.044Zm3.176 11.686c0-.908.725-1.678 1.655-1.678.908 0 1.657.77 1.657 1.678 0 .907-.749 1.657-1.657 1.657-.93 0-1.655-.75-1.655-1.657Z" });
+  const xSmall = /* @__PURE__ */ jsx("path", { d: "M23.98 14.937c-3.425 0-5.127 2.473-5.127 4.741 0 .363.047.726.137 1.044l2.563.182c-.09-.25-.136-.681-.136-1.022 0-1.292.885-2.586 2.563-2.586 1.658 0 2.45 1.112 2.45 2.291 0 .772-.317 1.43-1.065 1.974l-1.043.749c-1.317.953-1.84 2.065-1.84 3.425 0 .319.024.567.047.862h2.267c-.021-.135-.021-.25-.021-.295 0-.884.385-1.633 1.133-2.154l.976-.681c1.317-.93 2.27-2.2 2.27-3.993 0-2.314-1.816-4.537-5.174-4.537m-.294 13.248c-.93 0-1.656.773-1.656 1.678a1.65 1.65 0 0 0 1.656 1.657c.907 0 1.656-.748 1.656-1.657 0-.905-.749-1.678-1.656-1.678" });
+  const xSmallHover = /* @__PURE__ */ jsx("path", { d: "M18.853 18.289c0-2.268 1.701-4.742 5.127-4.742 3.357 0 5.173 2.223 5.173 4.537 0 1.794-.953 3.065-2.27 3.994l-.976.681c-.747.52-1.133 1.27-1.133 2.154 0 .046 0 .16.022.295h-2.267a39.324 39.324 0 0 0-.01-.125 8.468 8.468 0 0 1-.037-.737c0-1.36.523-2.472 1.839-3.425l1.043-.75c.748-.543 1.065-1.201 1.065-1.973 0-1.18-.792-2.29-2.45-2.29-1.678 0-2.562 1.293-2.562 2.585 0 .341.045.772.135 1.022l-2.563-.183a3.914 3.914 0 0 1-.136-1.043Zm3.176 11.575c0-.907.726-1.679 1.656-1.679.908 0 1.657.772 1.657 1.68 0 .907-.749 1.656-1.657 1.656-.93 0-1.656-.749-1.656-1.657Z" });
+  return getIcon({ size, isHovered, normal, normalHover, xSmall, xSmallHover });
+};
+const iconMap = {
+  help: HelpSign
   //info: InfoSignStroke, // @todo Support variant='info' in later version
-}, w = {
-  medium: d.XSmall,
-  large: d.Small
-}, z = (e, o, a) => {
-  if (e === "ondark")
+};
+const iconSizeMap = {
+  medium: IconSize.XSmall,
+  large: IconSize.Small
+};
+const getIconColor = (onColor, variant, isActive) => {
+  if (onColor === "ondark") {
     return "white";
-  const r = a ? 800 : 600;
-  if (o === "help")
-    return h("plum", r);
-  if (o === "info")
-    return h("blueberry", r);
-}, j = v.forwardRef(
+  }
+  const depth = isActive ? 800 : 600;
+  if (variant === "help") {
+    return getColor("plum", depth);
+  }
+  if (variant === "info") {
+    return getColor("blueberry", depth);
+  }
+};
+const Trigger = React.forwardRef(
   ({
-    ariaLabel: e,
-    ariaLabelledById: o,
-    variant: a = "help",
-    onColor: r = "onlight",
-    size: i = "medium",
-    selected: l = !1,
-    isHovered: n,
-    htmlMarkup: u = "button",
-    className: b,
-    testId: m,
-    ...S
-  }, x) => {
-    const { isHovered: s, hoverRef: y } = A(), g = M(
-      c.trigger,
-      r === "onlight" && c[`trigger--${a}`],
+    ariaLabel,
+    ariaLabelledById,
+    variant = "help",
+    onColor = "onlight",
+    size = "medium",
+    selected = false,
+    isHovered,
+    htmlMarkup = "button",
+    className,
+    testId,
+    ...rest
+  }, ref) => {
+    const { isHovered: buttonIsHovered, hoverRef } = useHover();
+    const triggerClasses = classNames(
+      styles.trigger,
+      onColor === "onlight" && styles[`trigger--${variant}`],
       // variants look the same when onColor=ondark
-      r === "ondark" && c[`trigger--${r}`],
-      c[`trigger--${i}`],
-      n && c["trigger--hovered"],
-      l && c["trigger--selected"],
-      b
-    ), H = z(r, a, n || s || l), p = /* @__PURE__ */ t(T, { svgIcon: k[a], size: w[i], color: H, isHovered: n || s });
-    if (u === "span")
-      return /* @__PURE__ */ t("span", { "data-testid": m, "data-analyticsid": f.Trigger, className: g, children: p });
-    const I = N({ label: e, id: o });
-    return /* @__PURE__ */ t(
+      onColor === "ondark" && styles[`trigger--${onColor}`],
+      styles[`trigger--${size}`],
+      isHovered && styles[`trigger--hovered`],
+      selected && styles[`trigger--selected`],
+      className
+    );
+    const iconColor = getIconColor(onColor, variant, isHovered || buttonIsHovered || selected);
+    const icon = /* @__PURE__ */ jsx(Icon, { svgIcon: iconMap[variant], size: iconSizeMap[size], color: iconColor, isHovered: isHovered || buttonIsHovered });
+    if (htmlMarkup === "span") {
+      return /* @__PURE__ */ jsx("span", { "data-testid": testId, "data-analyticsid": AnalyticsId.Trigger, className: triggerClasses, children: icon });
+    }
+    const ariaLabelAttributes = getAriaLabelAttributes({ label: ariaLabel, id: ariaLabelledById });
+    return /* @__PURE__ */ jsx(
       "button",
       {
-        "aria-label": e,
+        "aria-label": ariaLabel,
         type: "button",
-        "data-testid": m,
-        "data-analyticsid": f.Trigger,
-        className: g,
-        ref: R([x, y]),
-        "aria-expanded": l,
-        ...I,
-        ...S,
-        children: p
+        "data-testid": testId,
+        "data-analyticsid": AnalyticsId.Trigger,
+        className: triggerClasses,
+        ref: mergeRefs([ref, hoverRef]),
+        "aria-expanded": selected,
+        ...ariaLabelAttributes,
+        ...rest,
+        children: icon
       }
     );
   }
 );
-j.displayName = "Trigger";
+Trigger.displayName = "Trigger";
 export {
-  j as T
+  Trigger as T
 };
 //# sourceMappingURL=Trigger.js.map

package/Trigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"Trigger.js","sources":["../src/components/Trigger/HelpSign.tsx","../src/components/Trigger/Trigger.tsx"],"sourcesContent":["import React from 'react';\n\nimport { getIcon, SvgPathProps } from '../Icon';\n\nconst HelpSign: React.FC<SvgPathProps> = ({ size, isHovered }: SvgPathProps): React.ReactElement => {\n  const normal = (\n    <path d=\"M18.854 19.678c0-2.268 1.701-4.74 5.126-4.74 3.358 0 5.172 2.222 5.172 4.536 0 1.793-.952 3.064-2.268 3.992l-.976.682c-.749.521-1.134 1.27-1.134 2.154 0 .047 0 .16.023.296h-2.269a46.85 46.85 0 0 0-.01-.139 8.554 8.554 0 0 1-.036-.724c0-1.36.522-2.471 1.84-3.424l1.042-.75c.75-.544 1.066-1.201 1.066-1.974 0-1.178-.793-2.29-2.45-2.29-1.679 0-2.563 1.293-2.563 2.585 0 .34.045.772.136 1.022l-2.564-.181a3.903 3.903 0 0 1-.135-1.044Zm3.176 10.186c0-.908.726-1.678 1.656-1.678.908 0 1.656.77 1.656 1.678 0 .907-.748 1.657-1.656 1.657-.93 0-1.656-.75-1.656-1.657Z\" />\n  );\n\n  const normalHover = (\n    <path d=\"M18.854 18.178c0-2.268 1.701-4.74 5.126-4.74 3.358 0 5.172 2.223 5.172 4.536 0 1.793-.952 3.064-2.268 3.992l-.976.682c-.749.521-1.134 1.27-1.134 2.154 0 .047 0 .16.023.296h-2.269a46.85 46.85 0 0 0-.01-.139 8.554 8.554 0 0 1-.036-.724c0-1.36.522-2.471 1.838-3.424l1.044-.75c.75-.544 1.066-1.201 1.066-1.974 0-1.178-.793-2.29-2.45-2.29-1.679 0-2.563 1.293-2.563 2.585 0 .34.045.772.135 1.022l-2.563-.181a3.903 3.903 0 0 1-.135-1.044Zm3.176 11.686c0-.908.725-1.678 1.655-1.678.908 0 1.657.77 1.657 1.678 0 .907-.749 1.657-1.657 1.657-.93 0-1.655-.75-1.655-1.657Z\" />\n  );\n\n  const xSmall = (\n    <path d=\"M23.98 14.937c-3.425 0-5.127 2.473-5.127 4.741 0 .363.047.726.137 1.044l2.563.182c-.09-.25-.136-.681-.136-1.022 0-1.292.885-2.586 2.563-2.586 1.658 0 2.45 1.112 2.45 2.291 0 .772-.317 1.43-1.065 1.974l-1.043.749c-1.317.953-1.84 2.065-1.84 3.425 0 .319.024.567.047.862h2.267c-.021-.135-.021-.25-.021-.295 0-.884.385-1.633 1.133-2.154l.976-.681c1.317-.93 2.27-2.2 2.27-3.993 0-2.314-1.816-4.537-5.174-4.537m-.294 13.248c-.93 0-1.656.773-1.656 1.678a1.65 1.65 0 0 0 1.656 1.657c.907 0 1.656-.748 1.656-1.657 0-.905-.749-1.678-1.656-1.678\" />\n  );\n\n  const xSmallHover = (\n    <path d=\"M18.853 18.289c0-2.268 1.701-4.742 5.127-4.742 3.357 0 5.173 2.223 5.173 4.537 0 1.794-.953 3.065-2.27 3.994l-.976.681c-.747.52-1.133 1.27-1.133 2.154 0 .046 0 .16.022.295h-2.267a39.324 39.324 0 0 0-.01-.125 8.468 8.468 0 0 1-.037-.737c0-1.36.523-2.472 1.839-3.425l1.043-.75c.748-.543 1.065-1.201 1.065-1.973 0-1.18-.792-2.29-2.45-2.29-1.678 0-2.562 1.293-2.562 2.585 0 .341.045.772.135 1.022l-2.563-.183a3.914 3.914 0 0 1-.136-1.043Zm3.176 11.575c0-.907.726-1.679 1.656-1.679.908 0 1.657.772 1.657 1.68 0 .907-.749 1.656-1.657 1.656-.93 0-1.656-.749-1.656-1.657Z\" />\n  );\n\n  return getIcon({ size, isHovered, normal, normalHover, xSmall, xSmallHover });\n};\n\nexport default HelpSign;\n","import React from 'react';\n\nimport classNames from 'classnames';\n\nimport HelpSign from './HelpSign';\nimport { AnalyticsId, IconSize } from '../../constants';\nimport { useHover } from '../../hooks/useHover';\nimport { getColor } from '../../theme/currys';\nimport { getAriaLabelAttributes } from '../../utils/accessibility';\nimport { mergeRefs } from '../../utils/refs';\nimport Icon, { SvgIcon } from '../Icon';\n\nimport styles from './styles.module.scss';\n\nexport type TriggerTags = 'button' | 'span';\n\nexport type TriggerVariant = 'help'; // @todo Support variant='info' in later version\n\nexport type TriggerSize = 'medium' | 'large';\n\nexport type TriggerOnColor = 'onlight' | 'ondark';\n\nexport interface TriggerProps extends Pick<React.InputHTMLAttributes<HTMLButtonElement>, 'onClick' | 'aria-haspopup' | 'aria-controls'> {\n  /**\n   * Sets aria-label of the trigger. ariaLabel or ariaLabelledById MUST be set!\n   */\n  ariaLabel?: string;\n  /**\n   * Sets aria-labelledby of the trigger. ariaLabel or ariaLabelledById MUST be set!\n   */\n  ariaLabelledById?: string;\n  /**\n   * Controls the icon and color. Default: help.\n   */\n  variant?: TriggerVariant;\n  /**\n   * Changes the design based on the background the trigger is placed on. Default: onlight.\n   */\n  onColor?: TriggerOnColor;\n  /**\n   * Size of the trigger. Default: medium.\n   */\n  size?: TriggerSize;\n  /**\n   * Indicates that the trigger is in use.\n   */\n  selected?: boolean;\n  /**\n   * Indicates that the trigger is hovered. Used in combination with htmlMarkup=span to force visual hover state.\n   */\n  isHovered?: boolean;\n  /**\n   * Changes the underlying element of the trigger. If set to span, the trigger will be a non-interactive icon. Default: button\n   */\n  htmlMarkup?: TriggerTags;\n  /**\n   * Classname will be applied to the button element.\n   */\n  className?: string;\n  /**\n   * Optional test id.\n   */\n  testId?: string;\n}\n\nconst iconMap: Record<TriggerVariant, SvgIcon> = {\n  help: HelpSign,\n  //info: InfoSignStroke, // @todo Support variant='info' in later version\n};\n\nconst iconSizeMap: Record<TriggerSize, IconSize> = {\n  medium: IconSize.XSmall,\n  large: IconSize.Small,\n};\n\nconst getIconColor = (onColor: TriggerOnColor, variant: TriggerVariant, isActive: boolean): string | undefined => {\n  if (onColor === 'ondark') {\n    return 'white';\n  }\n\n  const depth = isActive ? 800 : 600;\n\n  if (variant === 'help') {\n    return getColor('plum', depth);\n  }\n\n  if (variant === 'info') {\n    return getColor('blueberry', depth);\n  }\n};\n\nconst Trigger = React.forwardRef<HTMLButtonElement, TriggerProps>(\n  (\n    {\n      ariaLabel,\n      ariaLabelledById,\n      variant = 'help',\n      onColor = 'onlight',\n      size = 'medium',\n      selected = false,\n      isHovered,\n      htmlMarkup = 'button',\n      className,\n      testId,\n      ...rest\n    },\n    ref\n  ) => {\n    const { isHovered: buttonIsHovered, hoverRef } = useHover<HTMLButtonElement>();\n\n    const triggerClasses = classNames(\n      styles.trigger,\n      onColor === 'onlight' && styles[`trigger--${variant}`], // variants look the same when onColor=ondark\n      onColor === 'ondark' && styles[`trigger--${onColor}`],\n      styles[`trigger--${size}`],\n      isHovered && styles[`trigger--hovered`],\n      selected && styles[`trigger--selected`],\n      className\n    );\n\n    const iconColor = getIconColor(onColor, variant, isHovered || buttonIsHovered || selected);\n\n    const icon = <Icon svgIcon={iconMap[variant]} size={iconSizeMap[size]} color={iconColor} isHovered={isHovered || buttonIsHovered} />;\n\n    if (htmlMarkup === 'span') {\n      return (\n        <span data-testid={testId} data-analyticsid={AnalyticsId.Trigger} className={triggerClasses}>\n          {icon}\n        </span>\n      );\n    }\n\n    const ariaLabelAttributes = getAriaLabelAttributes({ label: ariaLabel, id: ariaLabelledById });\n\n    return (\n      <button\n        aria-label={ariaLabel}\n        type=\"button\"\n        data-testid={testId}\n        data-analyticsid={AnalyticsId.Trigger}\n        className={triggerClasses}\n        ref={mergeRefs([ref, hoverRef])}\n        aria-expanded={selected}\n        {...ariaLabelAttributes}\n        {...rest}\n      >\n        {icon}\n      </button>\n    );\n  }\n);\n\nTrigger.displayName = 'Trigger';\n\nexport default Trigger;\n"],"names":["HelpSign","size","isHovered","getIcon","jsx","iconMap","iconSizeMap","IconSize","getIconColor","onColor","variant","isActive","depth","getColor","Trigger","React","ariaLabel","ariaLabelledById","selected","htmlMarkup","className","testId","rest","ref","buttonIsHovered","hoverRef","useHover","triggerClasses","classNames","styles","iconColor","icon","Icon","AnalyticsId","ariaLabelAttributes","getAriaLabelAttributes","mergeRefs"],"mappings":";;;;;;;;;;AAIA,MAAMA,IAAmC,CAAC,EAAE,MAAAC,GAAM,WAAAC,QAiBzCC,EAAQ,EAAE,MAAAF,GAAM,WAAAC,GAAW,QAfhC,gBAAAE,EAAC,QAAK,EAAA,GAAE,ijBAAijB,CAAA,GAejhB,aAXxC,gBAAAA,EAAC,QAAK,EAAA,GAAE,kjBAAkjB,CAAA,GAWrgB,QAPrD,gBAAAA,EAAC,QAAK,EAAA,GAAE,yhBAAyhB,CAAA,GAOpe,aAH7D,gBAAAA,EAAC,QAAK,EAAA,GAAE,sjBAAsjB,CAAA,GAGpf,GC4CxEC,IAA2C;AAAA,EAC/C,MAAML;AAAA;AAER,GAEMM,IAA6C;AAAA,EACjD,QAAQC,EAAS;AAAA,EACjB,OAAOA,EAAS;AAClB,GAEMC,IAAe,CAACC,GAAyBC,GAAyBC,MAA0C;AAChH,MAAIF,MAAY;AACP,WAAA;AAGH,QAAAG,IAAQD,IAAW,MAAM;AAE/B,MAAID,MAAY;AACP,WAAAG,EAAS,QAAQD,CAAK;AAG/B,MAAIF,MAAY;AACP,WAAAG,EAAS,aAAaD,CAAK;AAEtC,GAEME,IAAUC,EAAM;AAAA,EACpB,CACE;AAAA,IACE,WAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,SAAAP,IAAU;AAAA,IACV,SAAAD,IAAU;AAAA,IACV,MAAAR,IAAO;AAAA,IACP,UAAAiB,IAAW;AAAA,IACX,WAAAhB;AAAA,IACA,YAAAiB,IAAa;AAAA,IACb,WAAAC;AAAA,IACA,QAAAC;AAAA,IACA,GAAGC;AAAA,KAELC,MACG;AACH,UAAM,EAAE,WAAWC,GAAiB,UAAAC,MAAaC,EAA4B,GAEvEC,IAAiBC;AAAA,MACrBC,EAAO;AAAA,MACPpB,MAAY,aAAaoB,EAAO,YAAYnB,CAAO,EAAE;AAAA;AAAA,MACrDD,MAAY,YAAYoB,EAAO,YAAYpB,CAAO,EAAE;AAAA,MACpDoB,EAAO,YAAY5B,CAAI,EAAE;AAAA,MACzBC,KAAa2B,EAAO,kBAAkB;AAAA,MACtCX,KAAYW,EAAO,mBAAmB;AAAA,MACtCT;AAAA,IAAA,GAGIU,IAAYtB,EAAaC,GAASC,GAASR,KAAasB,KAAmBN,CAAQ,GAEnFa,IAAO,gBAAA3B,EAAC4B,GAAK,EAAA,SAAS3B,EAAQK,CAAO,GAAG,MAAMJ,EAAYL,CAAI,GAAG,OAAO6B,GAAW,WAAW5B,KAAasB,EAAiB,CAAA;AAElI,QAAIL,MAAe;AAEf,aAAA,gBAAAf,EAAC,UAAK,eAAaiB,GAAQ,oBAAkBY,EAAY,SAAS,WAAWN,GAC1E,UACHI,EAAA,CAAA;AAIJ,UAAMG,IAAsBC,EAAuB,EAAE,OAAOnB,GAAW,IAAIC,GAAkB;AAG3F,WAAA,gBAAAb;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,cAAYY;AAAA,QACZ,MAAK;AAAA,QACL,eAAaK;AAAA,QACb,oBAAkBY,EAAY;AAAA,QAC9B,WAAWN;AAAA,QACX,KAAKS,EAAU,CAACb,GAAKE,CAAQ,CAAC;AAAA,QAC9B,iBAAeP;AAAA,QACd,GAAGgB;AAAA,QACH,GAAGZ;AAAA,QAEH,UAAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;AAEAjB,EAAQ,cAAc;"}
+{"version":3,"file":"Trigger.js","sources":["../src/components/Trigger/HelpSign.tsx","../src/components/Trigger/Trigger.tsx"],"sourcesContent":["import React from 'react';\n\nimport { getIcon, SvgPathProps } from '../Icon';\n\nconst HelpSign: React.FC<SvgPathProps> = ({ size, isHovered }: SvgPathProps): React.ReactElement => {\n  const normal = (\n    <path d=\"M18.854 19.678c0-2.268 1.701-4.74 5.126-4.74 3.358 0 5.172 2.222 5.172 4.536 0 1.793-.952 3.064-2.268 3.992l-.976.682c-.749.521-1.134 1.27-1.134 2.154 0 .047 0 .16.023.296h-2.269a46.85 46.85 0 0 0-.01-.139 8.554 8.554 0 0 1-.036-.724c0-1.36.522-2.471 1.84-3.424l1.042-.75c.75-.544 1.066-1.201 1.066-1.974 0-1.178-.793-2.29-2.45-2.29-1.679 0-2.563 1.293-2.563 2.585 0 .34.045.772.136 1.022l-2.564-.181a3.903 3.903 0 0 1-.135-1.044Zm3.176 10.186c0-.908.726-1.678 1.656-1.678.908 0 1.656.77 1.656 1.678 0 .907-.748 1.657-1.656 1.657-.93 0-1.656-.75-1.656-1.657Z\" />\n  );\n\n  const normalHover = (\n    <path d=\"M18.854 18.178c0-2.268 1.701-4.74 5.126-4.74 3.358 0 5.172 2.223 5.172 4.536 0 1.793-.952 3.064-2.268 3.992l-.976.682c-.749.521-1.134 1.27-1.134 2.154 0 .047 0 .16.023.296h-2.269a46.85 46.85 0 0 0-.01-.139 8.554 8.554 0 0 1-.036-.724c0-1.36.522-2.471 1.838-3.424l1.044-.75c.75-.544 1.066-1.201 1.066-1.974 0-1.178-.793-2.29-2.45-2.29-1.679 0-2.563 1.293-2.563 2.585 0 .34.045.772.135 1.022l-2.563-.181a3.903 3.903 0 0 1-.135-1.044Zm3.176 11.686c0-.908.725-1.678 1.655-1.678.908 0 1.657.77 1.657 1.678 0 .907-.749 1.657-1.657 1.657-.93 0-1.655-.75-1.655-1.657Z\" />\n  );\n\n  const xSmall = (\n    <path d=\"M23.98 14.937c-3.425 0-5.127 2.473-5.127 4.741 0 .363.047.726.137 1.044l2.563.182c-.09-.25-.136-.681-.136-1.022 0-1.292.885-2.586 2.563-2.586 1.658 0 2.45 1.112 2.45 2.291 0 .772-.317 1.43-1.065 1.974l-1.043.749c-1.317.953-1.84 2.065-1.84 3.425 0 .319.024.567.047.862h2.267c-.021-.135-.021-.25-.021-.295 0-.884.385-1.633 1.133-2.154l.976-.681c1.317-.93 2.27-2.2 2.27-3.993 0-2.314-1.816-4.537-5.174-4.537m-.294 13.248c-.93 0-1.656.773-1.656 1.678a1.65 1.65 0 0 0 1.656 1.657c.907 0 1.656-.748 1.656-1.657 0-.905-.749-1.678-1.656-1.678\" />\n  );\n\n  const xSmallHover = (\n    <path d=\"M18.853 18.289c0-2.268 1.701-4.742 5.127-4.742 3.357 0 5.173 2.223 5.173 4.537 0 1.794-.953 3.065-2.27 3.994l-.976.681c-.747.52-1.133 1.27-1.133 2.154 0 .046 0 .16.022.295h-2.267a39.324 39.324 0 0 0-.01-.125 8.468 8.468 0 0 1-.037-.737c0-1.36.523-2.472 1.839-3.425l1.043-.75c.748-.543 1.065-1.201 1.065-1.973 0-1.18-.792-2.29-2.45-2.29-1.678 0-2.562 1.293-2.562 2.585 0 .341.045.772.135 1.022l-2.563-.183a3.914 3.914 0 0 1-.136-1.043Zm3.176 11.575c0-.907.726-1.679 1.656-1.679.908 0 1.657.772 1.657 1.68 0 .907-.749 1.656-1.657 1.656-.93 0-1.656-.749-1.656-1.657Z\" />\n  );\n\n  return getIcon({ size, isHovered, normal, normalHover, xSmall, xSmallHover });\n};\n\nexport default HelpSign;\n","import React from 'react';\n\nimport classNames from 'classnames';\n\nimport HelpSign from './HelpSign';\nimport { AnalyticsId, IconSize } from '../../constants';\nimport { useHover } from '../../hooks/useHover';\nimport { getColor } from '../../theme/currys';\nimport { getAriaLabelAttributes } from '../../utils/accessibility';\nimport { mergeRefs } from '../../utils/refs';\nimport Icon, { SvgIcon } from '../Icon';\n\nimport styles from './styles.module.scss';\n\nexport type TriggerTags = 'button' | 'span';\n\nexport type TriggerVariant = 'help'; // @todo Support variant='info' in later version\n\nexport type TriggerSize = 'medium' | 'large';\n\nexport type TriggerOnColor = 'onlight' | 'ondark';\n\nexport interface TriggerProps extends Pick<React.InputHTMLAttributes<HTMLButtonElement>, 'onClick' | 'aria-haspopup' | 'aria-controls'> {\n  /**\n   * Sets aria-label of the trigger. ariaLabel or ariaLabelledById MUST be set!\n   */\n  ariaLabel?: string;\n  /**\n   * Sets aria-labelledby of the trigger. ariaLabel or ariaLabelledById MUST be set!\n   */\n  ariaLabelledById?: string;\n  /**\n   * Controls the icon and color. Default: help.\n   */\n  variant?: TriggerVariant;\n  /**\n   * Changes the design based on the background the trigger is placed on. Default: onlight.\n   */\n  onColor?: TriggerOnColor;\n  /**\n   * Size of the trigger. Default: medium.\n   */\n  size?: TriggerSize;\n  /**\n   * Indicates that the trigger is in use.\n   */\n  selected?: boolean;\n  /**\n   * Indicates that the trigger is hovered. Used in combination with htmlMarkup=span to force visual hover state.\n   */\n  isHovered?: boolean;\n  /**\n   * Changes the underlying element of the trigger. If set to span, the trigger will be a non-interactive icon. Default: button\n   */\n  htmlMarkup?: TriggerTags;\n  /**\n   * Classname will be applied to the button element.\n   */\n  className?: string;\n  /**\n   * Optional test id.\n   */\n  testId?: string;\n}\n\nconst iconMap: Record<TriggerVariant, SvgIcon> = {\n  help: HelpSign,\n  //info: InfoSignStroke, // @todo Support variant='info' in later version\n};\n\nconst iconSizeMap: Record<TriggerSize, IconSize> = {\n  medium: IconSize.XSmall,\n  large: IconSize.Small,\n};\n\nconst getIconColor = (onColor: TriggerOnColor, variant: TriggerVariant, isActive: boolean): string | undefined => {\n  if (onColor === 'ondark') {\n    return 'white';\n  }\n\n  const depth = isActive ? 800 : 600;\n\n  if (variant === 'help') {\n    return getColor('plum', depth);\n  }\n\n  if (variant === 'info') {\n    return getColor('blueberry', depth);\n  }\n};\n\nconst Trigger = React.forwardRef<HTMLButtonElement, TriggerProps>(\n  (\n    {\n      ariaLabel,\n      ariaLabelledById,\n      variant = 'help',\n      onColor = 'onlight',\n      size = 'medium',\n      selected = false,\n      isHovered,\n      htmlMarkup = 'button',\n      className,\n      testId,\n      ...rest\n    },\n    ref\n  ) => {\n    const { isHovered: buttonIsHovered, hoverRef } = useHover<HTMLButtonElement>();\n\n    const triggerClasses = classNames(\n      styles.trigger,\n      onColor === 'onlight' && styles[`trigger--${variant}`], // variants look the same when onColor=ondark\n      onColor === 'ondark' && styles[`trigger--${onColor}`],\n      styles[`trigger--${size}`],\n      isHovered && styles[`trigger--hovered`],\n      selected && styles[`trigger--selected`],\n      className\n    );\n\n    const iconColor = getIconColor(onColor, variant, isHovered || buttonIsHovered || selected);\n\n    const icon = <Icon svgIcon={iconMap[variant]} size={iconSizeMap[size]} color={iconColor} isHovered={isHovered || buttonIsHovered} />;\n\n    if (htmlMarkup === 'span') {\n      return (\n        <span data-testid={testId} data-analyticsid={AnalyticsId.Trigger} className={triggerClasses}>\n          {icon}\n        </span>\n      );\n    }\n\n    const ariaLabelAttributes = getAriaLabelAttributes({ label: ariaLabel, id: ariaLabelledById });\n\n    return (\n      <button\n        aria-label={ariaLabel}\n        type=\"button\"\n        data-testid={testId}\n        data-analyticsid={AnalyticsId.Trigger}\n        className={triggerClasses}\n        ref={mergeRefs([ref, hoverRef])}\n        aria-expanded={selected}\n        {...ariaLabelAttributes}\n        {...rest}\n      >\n        {icon}\n      </button>\n    );\n  }\n);\n\nTrigger.displayName = 'Trigger';\n\nexport default Trigger;\n"],"names":[],"mappings":";;;;;;;;;;AAIA,MAAM,WAAmC,CAAC,EAAE,MAAM,gBAAkD;AAClG,QAAM,SACJ,oBAAC,QAAK,EAAA,GAAE,ijBAAijB,CAAA;AAG3jB,QAAM,cACJ,oBAAC,QAAK,EAAA,GAAE,kjBAAkjB,CAAA;AAG5jB,QAAM,SACJ,oBAAC,QAAK,EAAA,GAAE,yhBAAyhB,CAAA;AAGniB,QAAM,cACJ,oBAAC,QAAK,EAAA,GAAE,sjBAAsjB,CAAA;AAGzjB,SAAA,QAAQ,EAAE,MAAM,WAAW,QAAQ,aAAa,QAAQ,aAAa;AAC9E;AC2CA,MAAM,UAA2C;AAAA,EAC/C,MAAM;AAAA;AAER;AAEA,MAAM,cAA6C;AAAA,EACjD,QAAQ,SAAS;AAAA,EACjB,OAAO,SAAS;AAClB;AAEA,MAAM,eAAe,CAAC,SAAyB,SAAyB,aAA0C;AAChH,MAAI,YAAY,UAAU;AACjB,WAAA;AAAA,EAAA;AAGH,QAAA,QAAQ,WAAW,MAAM;AAE/B,MAAI,YAAY,QAAQ;AACf,WAAA,SAAS,QAAQ,KAAK;AAAA,EAAA;AAG/B,MAAI,YAAY,QAAQ;AACf,WAAA,SAAS,aAAa,KAAK;AAAA,EAAA;AAEtC;AAEA,MAAM,UAAU,MAAM;AAAA,EACpB,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,UAAU;AAAA,IACV,OAAO;AAAA,IACP,WAAW;AAAA,IACX;AAAA,IACA,aAAa;AAAA,IACb;AAAA,IACA;AAAA,IACA,GAAG;AAAA,KAEL,QACG;AACH,UAAM,EAAE,WAAW,iBAAiB,SAAA,IAAa,SAA4B;AAE7E,UAAM,iBAAiB;AAAA,MACrB,OAAO;AAAA,MACP,YAAY,aAAa,OAAO,YAAY,OAAO,EAAE;AAAA;AAAA,MACrD,YAAY,YAAY,OAAO,YAAY,OAAO,EAAE;AAAA,MACpD,OAAO,YAAY,IAAI,EAAE;AAAA,MACzB,aAAa,OAAO,kBAAkB;AAAA,MACtC,YAAY,OAAO,mBAAmB;AAAA,MACtC;AAAA,IACF;AAEA,UAAM,YAAY,aAAa,SAAS,SAAS,aAAa,mBAAmB,QAAQ;AAEzF,UAAM,OAAO,oBAAC,MAAK,EAAA,SAAS,QAAQ,OAAO,GAAG,MAAM,YAAY,IAAI,GAAG,OAAO,WAAW,WAAW,aAAa,iBAAiB;AAElI,QAAI,eAAe,QAAQ;AAEvB,aAAA,oBAAC,UAAK,eAAa,QAAQ,oBAAkB,YAAY,SAAS,WAAW,gBAC1E,UACH,KAAA,CAAA;AAAA,IAAA;AAIJ,UAAM,sBAAsB,uBAAuB,EAAE,OAAO,WAAW,IAAI,kBAAkB;AAG3F,WAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,cAAY;AAAA,QACZ,MAAK;AAAA,QACL,eAAa;AAAA,QACb,oBAAkB,YAAY;AAAA,QAC9B,WAAW;AAAA,QACX,KAAK,UAAU,CAAC,KAAK,QAAQ,CAAC;AAAA,QAC9B,iBAAe;AAAA,QACd,GAAG;AAAA,QACH,GAAG;AAAA,QAEH,UAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAGN;AAEA,QAAQ,cAAc;"}

package/__mocks__/IntersectionObserver.js

@@ -1,4 +1,4 @@
-class e {
+class IntersectionObserver {
   observe() {
   }
   unobserve() {
@@ -7,9 +7,9 @@ class e {
   }
 }
 Object.defineProperty(window, "IntersectionObserver", {
-  value: e
+  value: IntersectionObserver
 });
 export {
-  e as default
+  IntersectionObserver as default
 };
 //# sourceMappingURL=IntersectionObserver.js.map

package/__mocks__/IntersectionObserver.js.map

@@ -1 +1 @@
-{"version":3,"file":"IntersectionObserver.js","sources":["../../src/__mocks__/IntersectionObserver.ts"],"sourcesContent":["class IntersectionObserver {\n  observe(): void {\n    // do nothing\n  }\n  unobserve(): void {\n    // do nothing\n  }\n  disconnect(): void {\n    // do nothing\n  }\n}\n\nObject.defineProperty(window, 'IntersectionObserver', {\n  value: IntersectionObserver,\n});\n\nexport default IntersectionObserver;\n"],"names":["IntersectionObserver"],"mappings":"AAAA,MAAMA,EAAqB;AAAA,EACzB,UAAgB;AAAA,EAEhB;AAAA,EACA,YAAkB;AAAA,EAElB;AAAA,EACA,aAAmB;AAAA,EAEnB;AACF;AAEA,OAAO,eAAe,QAAQ,wBAAwB;AAAA,EACpD,OAAOA;AACT,CAAC;"}
+{"version":3,"file":"IntersectionObserver.js","sources":["../../src/__mocks__/IntersectionObserver.ts"],"sourcesContent":["class IntersectionObserver {\n  observe(): void {\n    // do nothing\n  }\n  unobserve(): void {\n    // do nothing\n  }\n  disconnect(): void {\n    // do nothing\n  }\n}\n\nObject.defineProperty(window, 'IntersectionObserver', {\n  value: IntersectionObserver,\n});\n\nexport default IntersectionObserver;\n"],"names":[],"mappings":"AAAA,MAAM,qBAAqB;AAAA,EACzB,UAAgB;AAAA,EAAA;AAAA,EAGhB,YAAkB;AAAA,EAAA;AAAA,EAGlB,aAAmB;AAAA,EAAA;AAGrB;AAEA,OAAO,eAAe,QAAQ,wBAAwB;AAAA,EACpD,OAAO;AACT,CAAC;"}

package/__mocks__/MutationObserver.js

@@ -1,13 +1,13 @@
-class e {
+class MutationObserver {
   observe() {
   }
   disconnect() {
   }
 }
 Object.defineProperty(window, "MutationObserver", {
-  value: e
+  value: MutationObserver
 });
 export {
-  e as default
+  MutationObserver as default
 };
 //# sourceMappingURL=MutationObserver.js.map

package/__mocks__/MutationObserver.js.map

@@ -1 +1 @@
-{"version":3,"file":"MutationObserver.js","sources":["../../src/__mocks__/MutationObserver.ts"],"sourcesContent":["class MutationObserver {\n  observe(): void {\n    // do nothing\n  }\n  disconnect(): void {\n    // do nothing\n  }\n}\n\nObject.defineProperty(window, 'MutationObserver', {\n  value: MutationObserver,\n});\n\nexport default MutationObserver;\n"],"names":["MutationObserver"],"mappings":"AAAA,MAAMA,EAAiB;AAAA,EACrB,UAAgB;AAAA,EAEhB;AAAA,EACA,aAAmB;AAAA,EAEnB;AACF;AAEA,OAAO,eAAe,QAAQ,oBAAoB;AAAA,EAChD,OAAOA;AACT,CAAC;"}
+{"version":3,"file":"MutationObserver.js","sources":["../../src/__mocks__/MutationObserver.ts"],"sourcesContent":["class MutationObserver {\n  observe(): void {\n    // do nothing\n  }\n  disconnect(): void {\n    // do nothing\n  }\n}\n\nObject.defineProperty(window, 'MutationObserver', {\n  value: MutationObserver,\n});\n\nexport default MutationObserver;\n"],"names":[],"mappings":"AAAA,MAAM,iBAAiB;AAAA,EACrB,UAAgB;AAAA,EAAA;AAAA,EAGhB,aAAmB;AAAA,EAAA;AAGrB;AAEA,OAAO,eAAe,QAAQ,oBAAoB;AAAA,EAChD,OAAO;AACT,CAAC;"}

package/__mocks__/ResizeObserver.js

@@ -1,4 +1,4 @@
-class e {
+class ResizeObserver {
   observe() {
   }
   unobserve() {
@@ -7,9 +7,9 @@ class e {
   }
 }
 Object.defineProperty(window, "ResizeObserver", {
-  value: e
+  value: ResizeObserver
 });
 export {
-  e as default
+  ResizeObserver as default
 };
 //# sourceMappingURL=ResizeObserver.js.map

package/__mocks__/ResizeObserver.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResizeObserver.js","sources":["../../src/__mocks__/ResizeObserver.ts"],"sourcesContent":["class ResizeObserver {\n  observe() {\n    // do nothing\n  }\n  unobserve() {\n    // do nothing\n  }\n  disconnect() {\n    // do nothing\n  }\n}\n\nObject.defineProperty(window, 'ResizeObserver', {\n  value: ResizeObserver,\n});\n\nexport default ResizeObserver;\n"],"names":["ResizeObserver"],"mappings":"AAAA,MAAMA,EAAe;AAAA,EACnB,UAAU;AAAA,EAEV;AAAA,EACA,YAAY;AAAA,EAEZ;AAAA,EACA,aAAa;AAAA,EAEb;AACF;AAEA,OAAO,eAAe,QAAQ,kBAAkB;AAAA,EAC9C,OAAOA;AACT,CAAC;"}
+{"version":3,"file":"ResizeObserver.js","sources":["../../src/__mocks__/ResizeObserver.ts"],"sourcesContent":["class ResizeObserver {\n  observe() {\n    // do nothing\n  }\n  unobserve() {\n    // do nothing\n  }\n  disconnect() {\n    // do nothing\n  }\n}\n\nObject.defineProperty(window, 'ResizeObserver', {\n  value: ResizeObserver,\n});\n\nexport default ResizeObserver;\n"],"names":[],"mappings":"AAAA,MAAM,eAAe;AAAA,EACnB,UAAU;AAAA,EAAA;AAAA,EAGV,YAAY;AAAA,EAAA;AAAA,EAGZ,aAAa;AAAA,EAAA;AAGf;AAEA,OAAO,eAAe,QAAQ,kBAAkB;AAAA,EAC9C,OAAO;AACT,CAAC;"}

package/__mocks__/matchMedia.d.ts

@@ -1 +1 @@
-export declare const mockWindowMatchMedia: import("vitest").Mock<(...args: any[]) => any>;
+export declare const mockWindowMatchMedia: import('vitest').Mock<(...args: any[]) => any>;

package/__mocks__/matchMedia.js

@@ -1,15 +1,15 @@
-import { vi as e } from "vitest";
-const t = e.fn().mockImplementation(() => ({
-  matches: !0,
-  addListener: e.fn(),
-  addEventListener: e.fn(),
-  removeEventListener: e.fn()
+import { vi } from "vitest";
+const mockWindowMatchMedia = vi.fn().mockImplementation(() => ({
+  matches: true,
+  addListener: vi.fn(),
+  addEventListener: vi.fn(),
+  removeEventListener: vi.fn()
 }));
 Object.defineProperty(window, "matchMedia", {
-  writable: !0,
-  value: t
+  writable: true,
+  value: mockWindowMatchMedia
 });
 export {
-  t as mockWindowMatchMedia
+  mockWindowMatchMedia
 };
 //# sourceMappingURL=matchMedia.js.map

package/__mocks__/matchMedia.js.map

@@ -1 +1 @@
-{"version":3,"file":"matchMedia.js","sources":["../../src/__mocks__/matchMedia.ts"],"sourcesContent":["import { vi } from 'vitest';\n\nexport const mockWindowMatchMedia = vi.fn().mockImplementation(() => ({\n  matches: true,\n  addListener: vi.fn(),\n  addEventListener: vi.fn(),\n  removeEventListener: vi.fn(),\n}));\n\nObject.defineProperty(window, 'matchMedia', {\n  writable: true,\n  value: mockWindowMatchMedia,\n});\n"],"names":["mockWindowMatchMedia","vi"],"mappings":";AAEO,MAAMA,IAAuBC,EAAG,GAAG,EAAE,mBAAmB,OAAO;AAAA,EACpE,SAAS;AAAA,EACT,aAAaA,EAAG,GAAG;AAAA,EACnB,kBAAkBA,EAAG,GAAG;AAAA,EACxB,qBAAqBA,EAAG,GAAG;AAC7B,EAAE;AAEF,OAAO,eAAe,QAAQ,cAAc;AAAA,EAC1C,UAAU;AAAA,EACV,OAAOD;AACT,CAAC;"}
+{"version":3,"file":"matchMedia.js","sources":["../../src/__mocks__/matchMedia.ts"],"sourcesContent":["import { vi } from 'vitest';\n\nexport const mockWindowMatchMedia = vi.fn().mockImplementation(() => ({\n  matches: true,\n  addListener: vi.fn(),\n  addEventListener: vi.fn(),\n  removeEventListener: vi.fn(),\n}));\n\nObject.defineProperty(window, 'matchMedia', {\n  writable: true,\n  value: mockWindowMatchMedia,\n});\n"],"names":[],"mappings":";AAEO,MAAM,uBAAuB,GAAG,GAAG,EAAE,mBAAmB,OAAO;AAAA,EACpE,SAAS;AAAA,EACT,aAAa,GAAG,GAAG;AAAA,EACnB,kBAAkB,GAAG,GAAG;AAAA,EACxB,qBAAqB,GAAG,GAAG;AAC7B,EAAE;AAEF,OAAO,eAAe,QAAQ,cAAc;AAAA,EAC1C,UAAU;AAAA,EACV,OAAO;AACT,CAAC;"}

package/__mocks__/useHover.js

@@ -1,4 +1,6 @@
 vi.mock("../hooks/useHover", () => ({
-  useHover: vi.fn().mockImplementation((e) => ({ hoverRef: e || { current: void 0 }, isHovered: !1 }))
+  useHover: vi.fn().mockImplementation((ref) => {
+    return { hoverRef: ref || { current: void 0 }, isHovered: false };
+  })
 }));
 //# sourceMappingURL=useHover.js.map

package/__mocks__/useHover.js.map

@@ -1 +1 @@
-{"version":3,"file":"useHover.js","sources":["../../src/__mocks__/useHover.ts"],"sourcesContent":["vi.mock('../hooks/useHover', () => ({\n  useHover: vi.fn().mockImplementation(ref => {\n    return { hoverRef: ref || { current: undefined }, isHovered: false };\n  }),\n}));\n\nexport {};\n"],"names":["ref"],"mappings":"AAAA,GAAG,KAAK,qBAAqB,OAAO;AAAA,EAClC,UAAU,GAAG,GAAG,EAAE,mBAAmB,CAAOA,OACnC,EAAE,UAAUA,KAAO,EAAE,SAAS,OAAU,GAAG,WAAW,KAC9D;AACH,EAAE;"}
+{"version":3,"file":"useHover.js","sources":["../../src/__mocks__/useHover.ts"],"sourcesContent":["vi.mock('../hooks/useHover', () => ({\n  useHover: vi.fn().mockImplementation(ref => {\n    return { hoverRef: ref || { current: undefined }, isHovered: false };\n  }),\n}));\n\nexport {};\n"],"names":[],"mappings":"AAAA,GAAG,KAAK,qBAAqB,OAAO;AAAA,EAClC,UAAU,GAAG,GAAG,EAAE,mBAAmB,CAAO,QAAA;AACnC,WAAA,EAAE,UAAU,OAAO,EAAE,SAAS,OAAU,GAAG,WAAW,MAAM;AAAA,EACpE,CAAA;AACH,EAAE;"}

package/__mocks__/usePseudoClasses.js

@@ -1,4 +1,6 @@
 vi.mock("../hooks/usePseudoClasses", () => ({
-  usePseudoClasses: vi.fn().mockImplementation((e) => ({ refObject: e, isHovered: !1, isFocused: !1 }))
+  usePseudoClasses: vi.fn().mockImplementation((ref) => {
+    return { refObject: ref, isHovered: false, isFocused: false };
+  })
 }));
 //# sourceMappingURL=usePseudoClasses.js.map

package/__mocks__/usePseudoClasses.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePseudoClasses.js","sources":["../../src/__mocks__/usePseudoClasses.ts"],"sourcesContent":["vi.mock('../hooks/usePseudoClasses', () => ({\n  usePseudoClasses: vi.fn().mockImplementation(ref => {\n    return { refObject: ref, isHovered: false, isFocused: false };\n  }),\n}));\n\nexport {};\n"],"names":["ref"],"mappings":"AAAA,GAAG,KAAK,6BAA6B,OAAO;AAAA,EAC1C,kBAAkB,GAAG,GAAG,EAAE,mBAAmB,CAAOA,OAC3C,EAAE,WAAWA,GAAK,WAAW,IAAO,WAAW,KACvD;AACH,EAAE;"}
+{"version":3,"file":"usePseudoClasses.js","sources":["../../src/__mocks__/usePseudoClasses.ts"],"sourcesContent":["vi.mock('../hooks/usePseudoClasses', () => ({\n  usePseudoClasses: vi.fn().mockImplementation(ref => {\n    return { refObject: ref, isHovered: false, isFocused: false };\n  }),\n}));\n\nexport {};\n"],"names":[],"mappings":"AAAA,GAAG,KAAK,6BAA6B,OAAO;AAAA,EAC1C,kBAAkB,GAAG,GAAG,EAAE,mBAAmB,CAAO,QAAA;AAClD,WAAO,EAAE,WAAW,KAAK,WAAW,OAAO,WAAW,MAAM;AAAA,EAC7D,CAAA;AACH,EAAE;"}

package/__mocks__/useSize.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSize.js","sources":["../../src/__mocks__/useSize.ts"],"sourcesContent":["vi.mock('../hooks/useSize', () => ({\n  useSize: vi.fn().mockReturnValue({\n    height: 100,\n    width: 100,\n    top: 0,\n    left: 0,\n    right: 100,\n    bottom: 100,\n  }),\n}));\n\nexport {};\n"],"names":[],"mappings":"AAAA,GAAG,KAAK,oBAAoB,OAAO;AAAA,EACjC,SAAS,GAAG,GAAG,EAAE,gBAAgB;AAAA,IAC/B,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,KAAK;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,IACP,QAAQ;AAAA,EAAA,CACT;AACH,EAAE;"}
+{"version":3,"file":"useSize.js","sources":["../../src/__mocks__/useSize.ts"],"sourcesContent":["vi.mock('../hooks/useSize', () => ({\n  useSize: vi.fn().mockReturnValue({\n    height: 100,\n    width: 100,\n    top: 0,\n    left: 0,\n    right: 100,\n    bottom: 100,\n  }),\n}));\n\nexport {};\n"],"names":[],"mappings":"AAAA,GAAG,KAAK,oBAAoB,OAAO;AAAA,EACjC,SAAS,GAAG,GAAG,EAAE,gBAAgB;AAAA,IAC/B,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,KAAK;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,IACP,QAAQ;AAAA,EACT,CAAA;AACH,EAAE;"}

package/__mocks__/uuid.js

@@ -1,6 +1,9 @@
-import { a as t } from "../uuid.js";
-const i = {
+import { a as uuidUtils } from "../uuid.js";
+const testId = {
   id: 0
 };
-vi.spyOn(t, "uuid").mockImplementation(() => (i.id++, `testid-${i.id}`));
+vi.spyOn(uuidUtils, "uuid").mockImplementation(() => {
+  testId.id++;
+  return `testid-${testId.id}`;
+});
 //# sourceMappingURL=uuid.js.map

package/__mocks__/uuid.js.map

@@ -1 +1 @@
-{"version":3,"file":"uuid.js","sources":["../../src/__mocks__/uuid.ts"],"sourcesContent":["import * as uuidUtils from '../utils/uuid';\n\nconst testId = {\n  id: 0,\n};\n\n/**\n * Returnerer en unik, forutsigbar id hver gang uuid() kalles\n */\nvi.spyOn(uuidUtils, 'uuid').mockImplementation(() => {\n  testId.id++;\n  return `testid-${testId.id}`;\n});\n"],"names":["testId","uuidUtils"],"mappings":";AAEA,MAAMA,IAAS;AAAA,EACb,IAAI;AACN;AAKA,GAAG,MAAMC,GAAW,MAAM,EAAE,mBAAmB,OACtCD,EAAA,MACA,UAAUA,EAAO,EAAE,GAC3B;"}
+{"version":3,"file":"uuid.js","sources":["../../src/__mocks__/uuid.ts"],"sourcesContent":["import * as uuidUtils from '../utils/uuid';\n\nconst testId = {\n  id: 0,\n};\n\n/**\n * Returnerer en unik, forutsigbar id hver gang uuid() kalles\n */\nvi.spyOn(uuidUtils, 'uuid').mockImplementation(() => {\n  testId.id++;\n  return `testid-${testId.id}`;\n});\n"],"names":[],"mappings":";AAEA,MAAM,SAAS;AAAA,EACb,IAAI;AACN;AAKA,GAAG,MAAM,WAAW,MAAM,EAAE,mBAAmB,MAAM;AAC5C,SAAA;AACA,SAAA,UAAU,OAAO,EAAE;AAC5B,CAAC;"}

package/components/AnchorLink/AnchorLink.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 export type AnchorLinkTargets = '_self' | '_blank' | '_parent';
 export type AnchorLinkTags = 'a' | 'button';
 export type AnchorLinkOnClickEvent = React.MouseEvent<HTMLElement, MouseEvent> | React.FormEvent<{}> | React.KeyboardEvent<HTMLUListElement> | null;

package/components/AnchorLink/index.d.ts

@@ -1,3 +1,3 @@
-import AnchorLink from './AnchorLink';
+import { default as AnchorLink } from './AnchorLink';
 export * from './AnchorLink';
 export default AnchorLink;

package/components/AnchorLink/index.js

@@ -1,5 +1,5 @@
-import { A as r } from "../../AnchorLink.js";
+import { A as AnchorLink } from "../../AnchorLink.js";
 export {
-  r as default
+  AnchorLink as default
 };
 //# sourceMappingURL=index.js.map

package/components/Avatar/Avatar.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 export declare enum AvatarSize {
     xsmall = "xsmall",
     small = "small"

package/components/Avatar/index.d.ts

@@ -1,3 +1,3 @@
-import Avatar from './Avatar';
+import { default as Avatar } from './Avatar';
 export * from './Avatar';
 export default Avatar;

package/components/Avatar/index.js

@@ -1,7 +1,7 @@
-import { A as r } from "../../Avatar.js";
-import { a as e } from "../../Avatar.js";
+import { A as Avatar } from "../../Avatar.js";
+import { a } from "../../Avatar.js";
 export {
-  e as AvatarSize,
-  r as default
+  a as AvatarSize,
+  Avatar as default
 };
 //# sourceMappingURL=index.js.map

package/components/Badge/Badge.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { BadgeNotificationVariant } from './NotificationBadge';
 import { PaletteNames } from '../../theme/palette';
 export type BadgeColors = Extract<PaletteNames, 'blueberry' | 'cherry' | 'neutral'>;

package/components/Badge/NotificationBadge.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { IconSize } from '../../constants';
 export type BadgeNotificationVariant = 'info' | 'warn' | 'error' | 'success';
 export interface NotificationBadgeProps {

package/components/Badge/index.d.ts

@@ -1,3 +1,3 @@
-import Badge from './Badge';
+import { default as Badge } from './Badge';
 export * from './Badge';
 export default Badge;