@rikstv/shared-components 3.2.1-2 → 3.2.1-4

package/dist/components/list/CrossmarkListItem-CbzfzRC4.mjs

@@ -1,9 +0,0 @@
-import { j as s } from "../accordion/Accordion-C-Lu1AN3.mjs";
-import "react";
-import "../icons/HeartToggle-Buv7f9yB.mjs";
-import { S as o } from "../icons/Icons-D0X7KrxA.mjs";
-import { L as m } from "./ListItem-CQZq9GfN.mjs";
-const j = ({ children: t, ...r }) => /* @__PURE__ */ s.jsx(m, { testId: "rds-list-item--cross", icon: /* @__PURE__ */ s.jsx(o, {}), ...r, children: t });
-export {
-  j as C
-};

package/dist/components/list/ListItem-CQZq9GfN.mjs

@@ -1,34 +0,0 @@
-import { j as r } from "../accordion/Accordion-C-Lu1AN3.mjs";
-const n = (s) => {
-  switch (s) {
-    case "error":
-      return { "--mark-color": "var(--rds-feedback-error-dark)" };
-    case "success":
-      return { "--mark-color": "var(--rds-feedback-success)" };
-    case "faded":
-      return { "--mark-color": "var(--rds-foreground-secondary)" };
-    default:
-      return;
-  }
-}, u = ({
-  className: s = "",
-  children: e,
-  innerClassName: a = "",
-  icon: c,
-  testId: t = "rds-list-item",
-  style: o,
-  color: l,
-  ...d
-}) => {
-  const i = {
-    ...o,
-    ...n(l)
-  };
-  return /* @__PURE__ */ r.jsxs("li", { className: `rds-list__item ${s}`, "data-testid": t, style: i, ...d, children: [
-    /* @__PURE__ */ r.jsx("span", { className: "rds-list__item--svg-wrapper", children: c || /* @__PURE__ */ r.jsx("svg", { viewBox: "0 0 24 24", children: /* @__PURE__ */ r.jsx("circle", { cx: "12", cy: "12", r: "5", fill: "currentColor" }) }) }),
-    /* @__PURE__ */ r.jsx("span", { className: `${a}`, children: e })
-  ] });
-};
-export {
-  u as L
-};

package/dist/components/list/OrderedListItem-CjcJ5-Li.mjs

@@ -1,5 +0,0 @@
-import { j as s } from "../accordion/Accordion-C-Lu1AN3.mjs";
-const a = ({ className: e = "", innerClassName: r = "", children: t, ...d }) => /* @__PURE__ */ s.jsx("li", { className: `rds-list__item__ordered ${e}`, "data-testid": "rds-ordered-list-item", ...d, children: /* @__PURE__ */ s.jsx("span", { className: `${r}`, children: t }) });
-export {
-  a as O
-};

package/dist/components/loader/Loader-D_bteiXh.mjs

@@ -1,21 +0,0 @@
-import { j as n } from "../accordion/Accordion-C-Lu1AN3.mjs";
-import { forwardRef as m, useState as u, useEffect as f } from "react";
-import { R as s } from "./RawLoader-5VXTs9nJ.mjs";
-const a = (r) => {
-  const [e, t] = u(r === 0);
-  return f(() => {
-    if (r === 0)
-      return;
-    const o = setTimeout(() => t(!0), r);
-    return () => {
-      clearTimeout(o);
-    };
-  }, [r]), [e];
-}, p = m(({ delay: r = 200, ...e }, t) => {
-  const [o] = a(r);
-  return o ? /* @__PURE__ */ n.jsx(s, { ref: t, ...e }) : null;
-});
-p.displayName = "Loader";
-export {
-  p as L
-};

package/dist/components/loader/RawLoader-5VXTs9nJ.mjs

@@ -1,47 +0,0 @@
-import { j as s } from "../accordion/Accordion-C-Lu1AN3.mjs";
-import { forwardRef as d } from "react";
-const o = d(
-  ({ size: r = "small", className: n = "", lightBackground: e, label: a = "Laster", politeness: p = "polite", ...i }, t) => /* @__PURE__ */ s.jsx(
-    "div",
-    {
-      ref: t,
-      "aria-label": a,
-      "aria-busy": "true",
-      "aria-live": p,
-      role: "alert",
-      title: a,
-      className: `rds-loader-container ${e ? "rds-loader-container--light" : ""} ${n}`,
-      "data-testid": "rds-loader",
-      ...i,
-      children: /* @__PURE__ */ s.jsxs(
-        "div",
-        {
-          "data-testid": "rds-spinner",
-          className: `rds-loader-container__spinner rds-loader-container__spinner__${r}`,
-          children: [
-            /* @__PURE__ */ s.jsx("span", {}),
-            /* @__PURE__ */ s.jsx("span", {}),
-            /* @__PURE__ */ s.jsx("span", {}),
-            /* @__PURE__ */ s.jsx("span", {}),
-            /* @__PURE__ */ s.jsx("span", {}),
-            /* @__PURE__ */ s.jsx("span", {}),
-            /* @__PURE__ */ s.jsx("span", {}),
-            /* @__PURE__ */ s.jsx("span", {}),
-            /* @__PURE__ */ s.jsx("span", {}),
-            /* @__PURE__ */ s.jsx("span", {}),
-            /* @__PURE__ */ s.jsx("span", {}),
-            /* @__PURE__ */ s.jsx("span", {}),
-            /* @__PURE__ */ s.jsx("span", {}),
-            /* @__PURE__ */ s.jsx("span", {}),
-            /* @__PURE__ */ s.jsx("span", {}),
-            /* @__PURE__ */ s.jsx("span", {})
-          ]
-        }
-      )
-    }
-  )
-);
-o.displayName = "RawLoader";
-export {
-  o as R
-};

package/dist/components/panel/Panel-CrtDgKD_.mjs

@@ -1,59 +0,0 @@
-import { j as t } from "../accordion/Accordion-C-Lu1AN3.mjs";
-import { forwardRef as j } from "react";
-import { S as x } from "../typography/Typography-BDz_QfCz.mjs";
-import "../icons/HeartToggle-Buv7f9yB.mjs";
-import { b as c, c as u, a as v } from "../icons/Icons-D0X7KrxA.mjs";
-const N = "_rds-panel_297es_1", b = "_content-and-buttons_297es_34", P = "_content_297es_34", y = "_title_297es_60", A = "_icon_297es_68", S = "_buttons_297es_75", n = {
-  rdsPanel: N,
-  contentAndButtons: b,
-  content: P,
-  title: y,
-  icon: A,
-  buttons: S
-}, k = {
-  error: {
-    title: "Feil",
-    icon: /* @__PURE__ */ t.jsx(c, {})
-  },
-  info: {
-    title: "Informasjon",
-    icon: /* @__PURE__ */ t.jsx(c, {})
-  },
-  success: {
-    title: "Vellykket",
-    icon: /* @__PURE__ */ t.jsx(u, {})
-  },
-  warning: {
-    title: "Advarsel",
-    icon: /* @__PURE__ */ t.jsx(v, {})
-  }
-}, B = j(
-  ({ className: l = "", intent: e = "info", heading: s, action: o, id: r, children: i, ...a }, m) => {
-    const { title: _, icon: p } = k[e], d = typeof s == "string" ? s : (s == null ? void 0 : s.title) ?? _, f = typeof s == "string" ? "span" : (s == null ? void 0 : s.level) ?? "span";
-    return /* @__PURE__ */ t.jsxs(
-      "div",
-      {
-        id: r,
-        className: `${n.rdsPanel} ${l}`,
-        "data-testid": "rds-panel",
-        "data-intent": e,
-        ref: m,
-        ...a,
-        children: [
-          /* @__PURE__ */ t.jsx("span", { className: n.icon, children: p }),
-          /* @__PURE__ */ t.jsxs("div", { className: n.contentAndButtons, children: [
-            /* @__PURE__ */ t.jsxs("div", { className: n.content, children: [
-              /* @__PURE__ */ t.jsx(f, { className: `${n.title} rds-title-4`, children: d }),
-              /* @__PURE__ */ t.jsx(x, { children: i })
-            ] }),
-            o && /* @__PURE__ */ t.jsx("div", { className: n.buttons, children: o })
-          ] })
-        ]
-      }
-    );
-  }
-);
-B.displayName = "Panel";
-export {
-  B as P
-};

package/dist/components/progress/CircularProgress-CopS-z4L.mjs

@@ -1,50 +0,0 @@
-import { j as s } from "../accordion/Accordion-C-Lu1AN3.mjs";
-import { forwardRef as x, useState as e, useEffect as g } from "react";
-import { S as u } from "../typography/Typography-BDz_QfCz.mjs";
-const m = ({ progressRatio: r }) => (1 - r) * 100 * Math.PI, j = x(
-  ({ progressRatio: r, label: t, size: a = "small", className: l = "", children: c, ...d }, o) => {
-    const [i, n] = e(0), [p] = e(a === "small" ? "160px" : "260px");
-    return g(() => {
-      n(m({ progressRatio: r }));
-    }, [r]), /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-      /* @__PURE__ */ s.jsxs("label", { className: "sr-only", "data-testid": "rds-progress__label", children: [
-        t,
-        /* @__PURE__ */ s.jsx("progress", { "data-testid": "rds-progress__progress", value: r, max: 1 })
-      ] }),
-      /* @__PURE__ */ s.jsxs(
-        "div",
-        {
-          ref: o,
-          "data-testid": "rds-progress",
-          className: `rds-progress--circular ${l}`,
-          style: { "--progress-circle-size": p },
-          ...d,
-          children: [
-            /* @__PURE__ */ s.jsx("div", { className: "rds-progress--circular__outer", "data-testid": "rds-progress__content", children: c || /* @__PURE__ */ s.jsx(u, { "data-testid": "rds-progress__default-text", lookLike: "title-3", children: r === 1 ? "Du er i mål!" : `${r * 100} %` }) }),
-            /* @__PURE__ */ s.jsxs(
-              "svg",
-              {
-                style: { "--calculated-progress": i, "--progress": `${r + 1}s` },
-                xmlns: "http://www.w3.org/2000/svg",
-                version: "1.1",
-                viewBox: "-10 0 120 100",
-                children: [
-                  /* @__PURE__ */ s.jsx("defs", { children: /* @__PURE__ */ s.jsxs("linearGradient", { id: "GradientColor", children: [
-                    /* @__PURE__ */ s.jsx("stop", { offset: "0%", stopColor: "var(--rds-heading-accent)" }),
-                    /* @__PURE__ */ s.jsx("stop", { offset: "100%", stopColor: "var(--rds-background-card)" })
-                  ] }) }),
-                  /* @__PURE__ */ s.jsx("circle", { id: "path", cx: "50", cy: "50", r: "50", strokeLinecap: "round" }),
-                  /* @__PURE__ */ s.jsx("circle", { id: "prog", cx: "50", cy: "50", r: "50", strokeLinecap: "round" })
-                ]
-              }
-            )
-          ]
-        }
-      )
-    ] });
-  }
-);
-j.displayName = "CircularProgress";
-export {
-  j as C
-};

package/dist/components/progress/Progress-_FQvkoIg.mjs

@@ -1,26 +0,0 @@
-import { j as s } from "../accordion/Accordion-C-Lu1AN3.mjs";
-import { forwardRef as g } from "react";
-const i = g(
-  ({ className: a = "", label: d, ratio: r, checkmarkOnDone: e = !1, animateIn: t = !1, ...o }, p) => {
-    const l = { "--progress": r };
-    return /* @__PURE__ */ s.jsxs(
-      "div",
-      {
-        "data-testid": "rds-progress__wrapper",
-        className: `rds-progress ${t ? "rds-progress--animate" : ""} ${a}`,
-        children: [
-          /* @__PURE__ */ s.jsxs("label", { "data-testid": "rds-progress__label", className: "sr-only", children: [
-            /* @__PURE__ */ s.jsx("progress", { "data-testid": "rds-progress__sr", max: 1, value: r, ref: p, ...o }),
-            d
-          ] }),
-          r === 1 && e && /* @__PURE__ */ s.jsx("div", { "data-testid": "rds-progress__mark", className: "rds-progress--done" }),
-          (r !== 1 || !e) && /* @__PURE__ */ s.jsx("div", { className: "rds-progress__track", children: /* @__PURE__ */ s.jsx("div", { "data-testid": "rds-progress__bar", style: l, className: "rds-progress__progress" }) })
-        ]
-      }
-    );
-  }
-);
-i.displayName = "Progress";
-export {
-  i as P
-};

package/dist/components/spacing/Gutter-BG0NTrtn.mjs

@@ -1,5 +0,0 @@
-import { j as e } from "../accordion/Accordion-C-Lu1AN3.mjs";
-const a = ({ className: t = "", children: r, ...s }) => /* @__PURE__ */ e.jsx("div", { className: `rds-gutter ${t}`, ...s, children: r });
-export {
-  a as G
-};

package/dist/components/spacing/GutterPadding-n99wy2ws.mjs

@@ -1,5 +0,0 @@
-import { j as a } from "../accordion/Accordion-C-Lu1AN3.mjs";
-const e = ({ className: t = "", children: r, ...s }) => /* @__PURE__ */ a.jsx("div", { className: `rds-gutter-padding ${t}`, ...s, children: r });
-export {
-  e as G
-};

package/dist/components/textfield/PasswordTextField-OBI71D--.mjs

@@ -1,22 +0,0 @@
-import { j as t } from "../accordion/Accordion-C-Lu1AN3.mjs";
-import { forwardRef as d, useState as a } from "react";
-import { T as i } from "./TextField-BCS5Ve2N.mjs";
-const n = d(({ ...o }, e) => {
-  const [s, r] = a(!1);
-  return /* @__PURE__ */ t.jsxs("div", { style: { position: "relative", boxSizing: "content-box" }, children: [
-    /* @__PURE__ */ t.jsx(i, { type: s ? "text" : "password", ref: e, ...o }),
-    /* @__PURE__ */ t.jsx(
-      "button",
-      {
-        type: "button",
-        onClick: () => r(!s),
-        className: `rds-password-textfield-button ${s ? "rds-password-textfield-button--hide" : "rds-password-textfield-button--show"}`,
-        children: /* @__PURE__ */ t.jsx("span", { className: "sr-only", children: s ? "Skjul passord" : "Vis passord" })
-      }
-    )
-  ] });
-});
-n.displayName = "PasswordTextField";
-export {
-  n as P
-};

package/dist/components/textfield/TextField-BCS5Ve2N.mjs

@@ -1,76 +0,0 @@
-import { j as t } from "../accordion/Accordion-C-Lu1AN3.mjs";
-import { forwardRef as j, useRef as w, useEffect as $ } from "react";
-import { g as m } from "../checkbox/BaseCheckbox-Ds7EbRAQ.mjs";
-const v = (i) => {
-  let e = i;
-  for (; e; ) {
-    const r = window.getComputedStyle(e);
-    if (r.backgroundColor !== "rgba(0, 0, 0, 0)" && r.backgroundColor !== "transparent")
-      return r.backgroundColor;
-    e = e.parentElement;
-  }
-  return "transparent";
-}, C = j(
-  ({
-    className: i = "",
-    id: e,
-    labelClass: r = "",
-    type: p = "text",
-    valid: a,
-    lightBackground: l = !1,
-    label: n,
-    errorMessage: d,
-    ...h
-  }, b) => {
-    const o = m(), c = m(e), x = l === "white", f = !d && a, u = !!d || a === !1, s = w(null);
-    return $(() => {
-      s.current && (s.current.style.backgroundColor = v(s.current));
-    }, []), /* @__PURE__ */ t.jsxs("div", { className: i, children: [
-      /* @__PURE__ */ t.jsx(
-        "div",
-        {
-          className: `rds-textfield
-            ${l ? "rds-light" : ""}
-            ${x ? "rds-white" : ""}`,
-          children: /* @__PURE__ */ t.jsxs(
-            "label",
-            {
-              htmlFor: c,
-              className: `rds-textfield-label ${r} ${l ? "rds-light" : ""} ${x ? "rds-white" : ""}`,
-              "data-valid": f,
-              children: [
-                /* @__PURE__ */ t.jsx(
-                  "input",
-                  {
-                    ref: b,
-                    id: c,
-                    className: `rds-textfield-input ${u ? "rds-textfield-input--error" : ""}`,
-                    type: p,
-                    placeholder: n,
-                    "aria-invalid": u,
-                    "aria-describedby": d ? o : void 0,
-                    "data-valid": f,
-                    ...h
-                  }
-                ),
-                /* @__PURE__ */ t.jsx("span", { ref: s, className: "rds-textfield-label-text", children: n })
-              ]
-            }
-          )
-        }
-      ),
-      d && /* @__PURE__ */ t.jsx(
-        "span",
-        {
-          id: o,
-          className: `rds-textfield rds-textfield--error-text ${l ? "rds-light" : ""}`,
-          children: d
-        }
-      )
-    ] });
-  }
-);
-C.displayName = "TextField";
-export {
-  C as T
-};

package/dist/components/toggle/FieldSet-DOEdpTZk.mjs

@@ -1,13 +0,0 @@
-import { j as e } from "../accordion/Accordion-C-Lu1AN3.mjs";
-import { createContext as o, forwardRef as n } from "react";
-const m = o({ radioName: "" }), f = n(
-  ({ legend: s, children: t, name: d, className: r = "", showLegend: a = !1, ...i }, l) => /* @__PURE__ */ e.jsx(m.Provider, { value: { radioName: d }, children: /* @__PURE__ */ e.jsxs("fieldset", { "data-testid": "fieldset", ...i, className: `rds-field-set ${r}`, ref: l, children: [
-    /* @__PURE__ */ e.jsx("legend", { className: `rds-field-set__legend ${a ? "" : "sr-only"}`, children: s }),
-    t
-  ] }) })
-);
-f.displayName = "FieldSet";
-export {
-  f as F,
-  m as R
-};

package/dist/components/toggle/RadioToggle-EoTh0Vv6.mjs

@@ -1,17 +0,0 @@
-import { j as o } from "../accordion/Accordion-C-Lu1AN3.mjs";
-import { forwardRef as d, useContext as l } from "react";
-import { R as m } from "./FieldSet-DOEdpTZk.mjs";
-import "../button/ArrowButton-DMr9aNBX.mjs";
-const n = d(
-  ({ label: a, name: e, className: r = "", ...s }, t) => {
-    const { radioName: i } = l(m);
-    return /* @__PURE__ */ o.jsxs("label", { className: `rds-radio-toggle ${r}`, children: [
-      /* @__PURE__ */ o.jsx("input", { className: "rds-radio-toggle__input", ...s, ref: t, type: "radio", name: i || e }),
-      /* @__PURE__ */ o.jsx("span", { className: "rds-radio-toggle__label", children: a })
-    ] });
-  }
-);
-n.displayName = "RadioToggleInput";
-export {
-  n as R
-};

package/dist/components/toggleButton/ToggleButton-BYIO805O.mjs

@@ -1,47 +0,0 @@
-import { j as t } from "../accordion/Accordion-C-Lu1AN3.mjs";
-import { forwardRef as I, useRef as k, useState as C } from "react";
-import { B as N } from "../checkbox/BaseCheckbox-Ds7EbRAQ.mjs";
-const R = I(
-  ({ children: s, className: _ = "", defaultChecked: l, icons: e, iconClass: i = "", id: h, onChange: a, alwaysShowLabel: x = !1, ...b }, f) => {
-    const m = k(null), [n, c] = C(!!l), g = e && "checkedIcon" in e ? e.checkedIcon : null, r = e && "uncheckedIcon" in e ? e.uncheckedIcon : null, d = e && "toggleIcon" in e ? e.toggleIcon : null, o = f || m, p = (j) => {
-      var u;
-      typeof a == "function" && a(j), c(typeof o != "function" ? !!((u = o.current) != null && u.checked) : !n);
-    };
-    return /* @__PURE__ */ t.jsx(
-      N,
-      {
-        id: h,
-        ref: o,
-        dataTestId: "toggle-button__label",
-        containerClassName: _ + " rds-toggle-button-container",
-        inputClassName: "rds-toggle-button__input",
-        labelClassName: "rds-toggle-button",
-        onChange: p,
-        defaultChecked: l,
-        ...b,
-        children: /* @__PURE__ */ t.jsxs("span", { className: "rds-toggle-button__content", children: [
-          e && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-            /* @__PURE__ */ t.jsxs("span", { className: `rds-toggle-button__icon ${i}`, children: [
-              d && /* @__PURE__ */ t.jsx(d, { checked: n }),
-              g && n && /* @__PURE__ */ t.jsx(g, {}),
-              r && !n && /* @__PURE__ */ t.jsx(r, {})
-            ] }),
-            /* @__PURE__ */ t.jsx(
-              "span",
-              {
-                "data-testid": "toggle-button__icon__label__text",
-                className: `label-text__icon ${x ? "always-show-label" : ""}`,
-                children: s
-              }
-            )
-          ] }),
-          !e && /* @__PURE__ */ t.jsx("span", { "data-testid": "toggle-button__label__text", children: s })
-        ] })
-      }
-    );
-  }
-);
-R.displayName = "ToggleButton";
-export {
-  R as T
-};

package/dist/components/toggleInlineButton/ToggleInlineButton-BgOpE9Ya.mjs

@@ -1,40 +0,0 @@
-import { j as l } from "../accordion/Accordion-C-Lu1AN3.mjs";
-import { forwardRef as h, useRef as x, useState as C } from "react";
-import { B as k } from "../checkbox/BaseCheckbox-Ds7EbRAQ.mjs";
-const N = h(
-  ({
-    defaultChecked: i,
-    lightBackground: a,
-    children: r,
-    onChange: t,
-    id: c,
-    className: u = "",
-    inputClassName: d = "",
-    labelClassName: g = "",
-    ...f
-  }, m) => {
-    const p = x(null), [n, o] = C(!!i), e = m || p, _ = (b) => {
-      var s;
-      typeof t == "function" && t(b), o(typeof e != "function" ? !!((s = e.current) != null && s.checked) : !n);
-    };
-    return /* @__PURE__ */ l.jsx(
-      k,
-      {
-        id: c,
-        ref: e,
-        onChange: _,
-        checked: n,
-        dataTestId: "toggle-inline-button__label",
-        containerClassName: `rds-toggle-inline-button ${u}`,
-        inputClassName: `rds-toggle-inline-button__input ${d}`,
-        labelClassName: `${a ? "rds-light" : ""} ${g}`,
-        ...f,
-        children: /* @__PURE__ */ l.jsx("span", { "data-testid": "toggle-inline-button__label__text", className: "rds-toggle-inline-button__content", children: r })
-      }
-    );
-  }
-);
-N.displayName = "ToggleInlineButton";
-export {
-  N as T
-};

package/dist/components/toggleLinkButton/ToggleLinkButton-DuHYN8Qo.mjs

@@ -1,37 +0,0 @@
-import { j as e } from "../accordion/Accordion-C-Lu1AN3.mjs";
-import { forwardRef as b, useRef as p, useState as h } from "react";
-import { B as x } from "../checkbox/BaseCheckbox-Ds7EbRAQ.mjs";
-import "../icons/HeartToggle-Buv7f9yB.mjs";
-import { e as C, f as N } from "../icons/Icons-D0X7KrxA.mjs";
-const j = b(
-  ({ defaultChecked: a, toggledContentId: i, lightBackground: r, children: c, onChange: s, id: g, className: d = "", ...u }, _) => {
-    const f = p(null), [t, o] = h(!!a), n = _ || f, m = (k) => {
-      var l;
-      typeof s == "function" && s(k), o(typeof n != "function" ? !!((l = n.current) != null && l.checked) : !t);
-    };
-    return /* @__PURE__ */ e.jsx(
-      x,
-      {
-        id: g,
-        ref: n,
-        onChange: m,
-        checked: t,
-        "aria-controls": i,
-        dataTestId: "toggle-link-button__label",
-        containerClassName: "rds-toggle-link-button",
-        inputClassName: "rds-toggle-link-button__input",
-        labelClassName: `rds-toggle-link-button__label ${r ? "rds-light" : ""} ${d}`,
-        ...u,
-        children: /* @__PURE__ */ e.jsxs("span", { className: "rds-toggle-link-button__label__content rds-link", "data-testid": "toggle-link-button__label__text", children: [
-          c,
-          !t && /* @__PURE__ */ e.jsx(C, { className: "rds-toggle-link-button__icon" }),
-          t && /* @__PURE__ */ e.jsx(N, { className: "rds-toggle-link-button__icon" })
-        ] })
-      }
-    );
-  }
-);
-j.displayName = "ToggleLinkButton";
-export {
-  j as T
-};