@rikstv/shared-components 2.0.13 → 2.0.15

package/dist/components/list/CheckmarkListItem-f97a2aae.mjs

@@ -0,0 +1,44 @@
+import { j as r } from "../accordion/Accordion-5e72e67b.mjs";
+import "react";
+import "../icons/HeartToggle-a5a93ca7.mjs";
+import { S as i } from "../icons/Icons-32b173f0.mjs";
+const l = (s) => {
+  switch (s) {
+    case "error":
+      return { "--mark-color": "var(--rds-feedback-error-object)" };
+    case "success":
+      return { "--mark-color": "var(--rds-feedback-confirm)" };
+    default:
+      return;
+  }
+};
+const h = ({
+  color: s,
+  style: e,
+  className: t = "",
+  innerClassName: a = "",
+  children: c,
+  ...m
+}) => {
+  const o = {
+    ...e,
+    ...l(s)
+  };
+  return /* @__PURE__ */ r.jsxs(
+    "li",
+    {
+      style: o,
+      className: `rds-list__item__checkmark ${t}`,
+      "data-testid": "rds-list-item--check",
+      ...m,
+      children: [
+        /* @__PURE__ */ r.jsx("span", { className: "rds-list__item__checkmark--svg-wrapper", children: /* @__PURE__ */ r.jsx(i, {}) }),
+        /* @__PURE__ */ r.jsx("span", { className: a, children: c })
+      ]
+    }
+  );
+};
+export {
+  h as C,
+  l as g
+};

package/dist/components/list/CheckmarkListItem.scss

@@ -1,6 +1,5 @@
 .rds-list__item__checkmark {
   --mark-color: currentColor;
-  --unicode-cross: "\2713";
 
   display: flex;
   align-items: flex-start;
@@ -10,32 +9,14 @@
     margin: 0;
   }
 
-  &::before {
-    content: var(--unicode-cross);
-    // Safari handling of screen reader
-    alt: var(--unicode-cross);
-    // Move the text off screen
-    text-indent: -9999px;
-
-    display: block;
-    width: 1em;
-    height: 1em;
-    flex-shrink: 0;
+  &--svg-wrapper {
+    display: flex;
+    max-width: 1.125rem;
     margin-right: 1rem;
-    margin-top: 0.225em;
 
-    clip-path: polygon(
-      33.59% 75.55%,
-      2.27% 44.24%,
-      2.27% 33.29%,
-      13.21% 33.29%,
-      35.62% 55.65%,
-      89% 2.27%,
-      100% 2.27%,
-      100% 13.21%,
-      37.6% 75.55%,
-      33.59% 75.55%
-    );
-    background-color: var(--mark-color);
+    & svg {
+      width: 100%;
+      color: var(--mark-color);
+    }
   }
 }

package/dist/components/list/{CrossmarkListItem-348c226a.mjs → CrossmarkListItem-60e093df.mjs}

@@ -1,5 +1,5 @@
-import { j as s } from "../accordion/Accordion-4b8edd28.mjs";
-import { g as l } from "./CheckmarkListItem-f9df7013.mjs";
+import { j as s } from "../accordion/Accordion-5e72e67b.mjs";
+import { g as l } from "./CheckmarkListItem-f97a2aae.mjs";
 const d = ({
   color: t,
   style: r,

package/dist/components/list/CrossmarkListItem.scss

@@ -18,11 +18,11 @@
     text-indent: -9999px;
 
     display: block;
-    width: 1em;
-    height: 1em;
     flex-shrink: 0;
+    width: 1rem;
+    height: 1rem;
     margin-right: 1rem;
-
+    background-color: var(--mark-color);
     clip-path: polygon(
       10% 0%,
       0% 10%,
@@ -37,6 +37,5 @@
       90% 0%,
       50% 40%
     );
-    background-color: var(--mark-color);
   }
 }

package/dist/components/list/{List-86ad4810.mjs → List-868fec40.mjs}

@@ -1,4 +1,4 @@
-import { j as i } from "../accordion/Accordion-4b8edd28.mjs";
+import { j as i } from "../accordion/Accordion-5e72e67b.mjs";
 import { forwardRef as o } from "react";
 const e = o(
   ({ className: s = "", ordered: a = !1, children: t, ...r }, d) => a ? /* @__PURE__ */ i.jsx(

package/dist/components/list/List.scss

@@ -8,7 +8,8 @@
 
   counter-reset: listCounter;
 
-  & & > li {
+  & .rds-list > li {
+    // Targets only nested lists
     padding-left: rem.convert(32px);
     margin-bottom: var(--list-item__spacing);
   }

package/dist/components/list/{ListItem-4e47bb2e.mjs → ListItem-fe58799f.mjs}

@@ -1,4 +1,4 @@
-import { j as s } from "../accordion/Accordion-4b8edd28.mjs";
+import { j as s } from "../accordion/Accordion-5e72e67b.mjs";
 const r = ({ className: t = "", children: e, innerClassName: i = "", ...a }) => /* @__PURE__ */ s.jsx("li", { className: `rds-list__item ${t}`, "data-testid": "rds-list-item", ...a, children: /* @__PURE__ */ s.jsx("span", { className: `${i}`, children: e }) });
 export {
   r as L

package/dist/components/list/ListItem.scss

@@ -11,15 +11,15 @@
 
   &::before {
     content: "";
+    box-sizing: border-box;
     display: block;
+    flex-shrink: 0;
     width: 0.5em;
     height: 0.5em;
-    flex-shrink: 0;
-    margin-left: 0.25em;
-    margin-right: calc(1rem + 0.25em);
-    box-sizing: border-box;
-    border-radius: 50%;
     margin-top: var(--list-item__topalignment);
+    margin-right: calc(1rem + 0.25em);
+    margin-left: 0.25em;
     background-color: currentColor;
+    border-radius: 50%;
   }
 }

package/dist/components/list/{OrderedListItem-a70598a1.mjs → OrderedListItem-1a4b67c5.mjs}

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

package/dist/components/loader/{Loader-7ab4a8f0.mjs → Loader-55215a54.mjs}

@@ -1,6 +1,6 @@
-import { j as n } from "../accordion/Accordion-4b8edd28.mjs";
+import { j as n } from "../accordion/Accordion-5e72e67b.mjs";
 import { forwardRef as m, useState as u, useEffect as f } from "react";
-import { R as s } from "./RawLoader-7e00f143.mjs";
+import { R as s } from "./RawLoader-15d14922.mjs";
 const a = (r) => {
   const [e, t] = u(r === 0);
   return f(() => {

package/dist/components/loader/{RawLoader-7e00f143.mjs → RawLoader-15d14922.mjs}

@@ -1,4 +1,4 @@
-import { j as s } from "../accordion/Accordion-4b8edd28.mjs";
+import { j as s } from "../accordion/Accordion-5e72e67b.mjs";
 import { forwardRef as i } from "react";
 const o = i(
   ({ size: r = "small", className: n = "", lightBackground: e, label: a = "Laster", politeness: p = "polite", ...t }, d) => /* @__PURE__ */ s.jsx(

package/dist/components/notificationDot/{NotificationDot-b03fa811.mjs → NotificationDot-bec7aa7b.mjs}

@@ -1,4 +1,4 @@
-import { j as r } from "../accordion/Accordion-4b8edd28.mjs";
+import { j as r } from "../accordion/Accordion-5e72e67b.mjs";
 const d = ({
   className: o = "",
   numberOfNotifications: t = 1,

package/dist/components/panel/{Info-7fe85f53.mjs → Info-3147cc01.mjs}

@@ -1,4 +1,4 @@
-import { j as l } from "../accordion/Accordion-4b8edd28.mjs";
+import { j as l } from "../accordion/Accordion-5e72e67b.mjs";
 const C = () => /* @__PURE__ */ l.jsxs("svg", { viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
   /* @__PURE__ */ l.jsx(
     "path",

package/dist/components/panel/{Panel-3704cf42.mjs → Panel-c4bab68c.mjs}

@@ -1,9 +1,9 @@
-import { j as s } from "../accordion/Accordion-4b8edd28.mjs";
+import { j as s } from "../accordion/Accordion-5e72e67b.mjs";
 import { forwardRef as m } from "react";
-import { S as x } from "../typography/Typography-b748b77a.mjs";
-import { S as j } from "./Success-c116cc05.mjs";
-import { W as f } from "./Warning-fa1839e3.mjs";
-import { I as a } from "./Info-7fe85f53.mjs";
+import { S as x } from "../typography/Typography-61ad3ca9.mjs";
+import { S as j } from "./Success-590bfbb6.mjs";
+import { W as f } from "./Warning-8b3edebd.mjs";
+import { I as a } from "./Info-3147cc01.mjs";
 const h = m(
   ({
     className: c = "",

package/dist/components/panel/{Success-c116cc05.mjs → Success-590bfbb6.mjs}

@@ -1,4 +1,4 @@
-import { j as l } from "../accordion/Accordion-4b8edd28.mjs";
+import { j as l } from "../accordion/Accordion-5e72e67b.mjs";
 const d = () => /* @__PURE__ */ l.jsxs("svg", { fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 18 18", children: [
   /* @__PURE__ */ l.jsx(
     "path",

package/dist/components/panel/{Warning-fa1839e3.mjs → Warning-8b3edebd.mjs}

@@ -1,4 +1,4 @@
-import { j as r } from "../accordion/Accordion-4b8edd28.mjs";
+import { j as r } from "../accordion/Accordion-5e72e67b.mjs";
 const t = () => /* @__PURE__ */ r.jsx("svg", { width: "100%", fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 18 18", children: /* @__PURE__ */ r.jsx(
   "path",
   {

package/dist/components/progress/{CircularProgress-01a66141.mjs → CircularProgress-ac261d40.mjs}

@@ -1,6 +1,6 @@
-import { j as s } from "../accordion/Accordion-4b8edd28.mjs";
+import { j as s } from "../accordion/Accordion-5e72e67b.mjs";
 import { forwardRef as x, useState as e, useEffect as g } from "react";
-import { S as u } from "../typography/Typography-b748b77a.mjs";
+import { S as u } from "../typography/Typography-61ad3ca9.mjs";
 const m = ({ progressRatio: r }) => (1 - r) * 100 * Math.PI, j = x(
   ({ progressRatio: r, label: t, size: a = "small", className: c = "", children: l, ...o }, d) => {
     const [i, n] = e(0), [p] = e(a === "small" ? "160px" : "260px");

package/dist/components/progress/{Progress-ef42810b.mjs → Progress-068e34f7.mjs}

@@ -1,4 +1,4 @@
-import { j as s } from "../accordion/Accordion-4b8edd28.mjs";
+import { j as s } from "../accordion/Accordion-5e72e67b.mjs";
 import { forwardRef as g } from "react";
 const i = g(
   ({ className: a = "", label: d, ratio: r, checkmarkOnDone: e = !1, animateIn: o = !1, ...t }, p) => {

package/dist/components/spacing/{Gutter-32112716.mjs → Gutter-e0dfcdc5.mjs}

@@ -1,4 +1,4 @@
-import { j as e } from "../accordion/Accordion-4b8edd28.mjs";
+import { j as e } from "../accordion/Accordion-5e72e67b.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-6be6c9d9.mjs → GutterPadding-bd018bd6.mjs}

@@ -1,4 +1,4 @@
-import { j as a } from "../accordion/Accordion-4b8edd28.mjs";
+import { j as a } from "../accordion/Accordion-5e72e67b.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/{TextField-765a87bf.mjs → TextField-e62bbdd1.mjs}

@@ -1,6 +1,6 @@
-import { j as t } from "../accordion/Accordion-4b8edd28.mjs";
+import { j as t } from "../accordion/Accordion-5e72e67b.mjs";
 import { forwardRef as w } from "react";
-import { g as f } from "../checkbox/BaseCheckbox-6fed1663.mjs";
+import { g as f } from "../checkbox/BaseCheckbox-9b7c43b3.mjs";
 const v = w(
   ({
     className: c = "",

package/dist/components/toggle/{FieldSet-4bdc4b7e.mjs → FieldSet-00f1fc56.mjs}

@@ -1,4 +1,4 @@
-import { j as e } from "../accordion/Accordion-4b8edd28.mjs";
+import { j as e } from "../accordion/Accordion-5e72e67b.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: [

package/dist/components/toggle/{RadioToggle-1528c002.mjs → RadioToggle-5ddf1bfd.mjs}

@@ -1,7 +1,7 @@
-import { j as o } from "../accordion/Accordion-4b8edd28.mjs";
+import { j as o } from "../accordion/Accordion-5e72e67b.mjs";
 import { forwardRef as d, useContext as l } from "react";
-import { R as n } from "./FieldSet-4bdc4b7e.mjs";
-import "../button/ArrowButton-af5de307.mjs";
+import { R as n } from "./FieldSet-00f1fc56.mjs";
+import "../button/ArrowButton-4fa3c028.mjs";
 const m = d(
   ({ label: a, name: e, className: r = "", ...s }, t) => {
     const { radioName: i } = l(n);

package/dist/components/toggleButton/{ToggleButton-a2d4302f.mjs → ToggleButton-d50d64ec.mjs}

@@ -1,6 +1,6 @@
-import { j as t } from "../accordion/Accordion-4b8edd28.mjs";
+import { j as t } from "../accordion/Accordion-5e72e67b.mjs";
 import { forwardRef as I, useRef as k, useState as C } from "react";
-import { B as N } from "../checkbox/BaseCheckbox-6fed1663.mjs";
+import { B as N } from "../checkbox/BaseCheckbox-9b7c43b3.mjs";
 const B = I(
   ({ children: s, className: _ = "", defaultChecked: l, icons: e, iconClass: h = "", id: i, onChange: a, alwaysShowLabel: x = !1, ...f }, m) => {
     const p = k(null), [n, c] = C(!!l), g = e && "checkedIcon" in e ? e.checkedIcon : null, r = e && "uncheckedIcon" in e ? e.uncheckedIcon : null, u = e && "toggleIcon" in e ? e.toggleIcon : null, o = m || p, b = (j) => {

package/dist/components/toggleInlineButton/{ToggleInlineButton-1e480eaa.mjs → ToggleInlineButton-ff76d094.mjs}

@@ -1,6 +1,6 @@
-import { j as l } from "../accordion/Accordion-4b8edd28.mjs";
+import { j as l } from "../accordion/Accordion-5e72e67b.mjs";
 import { forwardRef as h, useRef as x, useState as C } from "react";
-import { B as k } from "../checkbox/BaseCheckbox-6fed1663.mjs";
+import { B as k } from "../checkbox/BaseCheckbox-9b7c43b3.mjs";
 const B = h(
   ({
     defaultChecked: i,

package/dist/components/toggleLinkButton/{ToggleLinkButton-08c60e4d.mjs → ToggleLinkButton-c6127fa1.mjs}

@@ -1,7 +1,7 @@
-import { j as t } from "../accordion/Accordion-4b8edd28.mjs";
+import { j as t } from "../accordion/Accordion-5e72e67b.mjs";
 import { forwardRef as b, useRef as h, useState as x } from "react";
-import { B as C } from "../checkbox/BaseCheckbox-6fed1663.mjs";
-import { C as j } from "../icons/Chevron-ef147695.mjs";
+import { B as C } from "../checkbox/BaseCheckbox-9b7c43b3.mjs";
+import { C as j } from "../icons/Chevron-4e0258de.mjs";
 const N = b(
   ({
     defaultChecked: a,

package/dist/components/typography/{Typography-b748b77a.mjs → Typography-61ad3ca9.mjs}

@@ -1,4 +1,4 @@
-import { j as c } from "../accordion/Accordion-4b8edd28.mjs";
+import { j as c } from "../accordion/Accordion-5e72e67b.mjs";
 import { forwardRef as k } from "react";
 const e = (t) => (
   // eslint-disable-next-line react/display-name