@rikstv/shared-components 2.0.16 → 2.0.18

package/dist/components/list/{CrossmarkListItem-60e093df.mjs → CrossmarkListItem-7cbcd904.mjs}

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

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

@@ -1,4 +1,4 @@
-import { j as i } from "../accordion/Accordion-5e72e67b.mjs";
+import { j as i } from "../accordion/Accordion-99b76aba.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/{ListItem-fe58799f.mjs → ListItem-8cbd4ee8.mjs}

@@ -1,4 +1,4 @@
-import { j as s } from "../accordion/Accordion-5e72e67b.mjs";
+import { j as s } from "../accordion/Accordion-99b76aba.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/{OrderedListItem-1a4b67c5.mjs → OrderedListItem-82670461.mjs}

@@ -1,4 +1,4 @@
-import { j as s } from "../accordion/Accordion-5e72e67b.mjs";
+import { j as s } from "../accordion/Accordion-99b76aba.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-55215a54.mjs → Loader-822d18a9.mjs}

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

package/dist/components/loader/{RawLoader-15d14922.mjs → RawLoader-56b0c399.mjs}

@@ -1,4 +1,4 @@
-import { j as s } from "../accordion/Accordion-5e72e67b.mjs";
+import { j as s } from "../accordion/Accordion-99b76aba.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-bec7aa7b.mjs → NotificationDot-5b879a7c.mjs}

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

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

@@ -1,4 +1,4 @@
-import { j as l } from "../accordion/Accordion-5e72e67b.mjs";
+import { j as l } from "../accordion/Accordion-99b76aba.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-c4bab68c.mjs → Panel-36486e4c.mjs}

@@ -1,9 +1,9 @@
-import { j as s } from "../accordion/Accordion-5e72e67b.mjs";
+import { j as s } from "../accordion/Accordion-99b76aba.mjs";
 import { forwardRef as m } from "react";
-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";
+import { S as x } from "../typography/Typography-afd3a0a3.mjs";
+import { S as j } from "./Success-0b604646.mjs";
+import { W as f } from "./Warning-bc55935c.mjs";
+import { I as a } from "./Info-c966d0cc.mjs";
 const h = m(
   ({
     className: c = "",

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

@@ -1,4 +1,4 @@
-import { j as l } from "../accordion/Accordion-5e72e67b.mjs";
+import { j as l } from "../accordion/Accordion-99b76aba.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-8b3edebd.mjs → Warning-bc55935c.mjs}

@@ -1,4 +1,4 @@
-import { j as r } from "../accordion/Accordion-5e72e67b.mjs";
+import { j as r } from "../accordion/Accordion-99b76aba.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-ac261d40.mjs → CircularProgress-c7bca73a.mjs}

@@ -1,6 +1,6 @@
-import { j as s } from "../accordion/Accordion-5e72e67b.mjs";
+import { j as s } from "../accordion/Accordion-99b76aba.mjs";
 import { forwardRef as x, useState as e, useEffect as g } from "react";
-import { S as u } from "../typography/Typography-61ad3ca9.mjs";
+import { S as u } from "../typography/Typography-afd3a0a3.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-068e34f7.mjs → Progress-7ff6c26b.mjs}

@@ -1,4 +1,4 @@
-import { j as s } from "../accordion/Accordion-5e72e67b.mjs";
+import { j as s } from "../accordion/Accordion-99b76aba.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-e0dfcdc5.mjs → Gutter-fdb118c7.mjs}

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

@@ -1,4 +1,4 @@
-import { j as a } from "../accordion/Accordion-5e72e67b.mjs";
+import { j as a } from "../accordion/Accordion-99b76aba.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-b0018ce1.mjs

@@ -0,0 +1,65 @@
+import { j as t } from "../accordion/Accordion-99b76aba.mjs";
+import { forwardRef as $ } from "react";
+import { g as c } from "../checkbox/BaseCheckbox-7121b553.mjs";
+const v = $(
+  ({
+    className: o = "",
+    id: f,
+    labelClass: m = "",
+    type: p = "text",
+    valid: i,
+    lightBackground: e = !1,
+    label: s,
+    errorMessage: d,
+    ...h
+  }, j) => {
+    const r = c(), a = c(f), l = e === "white", n = !d && i, x = !!d || i === !1;
+    return /* @__PURE__ */ t.jsxs("div", { className: o, children: [
+      /* @__PURE__ */ t.jsx(
+        "div",
+        {
+          className: `rds-textfield
+            ${e ? "rds-light" : ""}
+            ${l ? "rds-white" : ""}`,
+          children: /* @__PURE__ */ t.jsxs(
+            "label",
+            {
+              htmlFor: a,
+              className: `rds-textfield-label ${m} ${e ? "rds-light" : ""} ${l ? "rds-white" : ""}`,
+              "data-valid": n,
+              children: [
+                /* @__PURE__ */ t.jsx(
+                  "input",
+                  {
+                    ref: j,
+                    id: a,
+                    className: `rds-textfield-input ${x ? "rds-textfield-input--error" : ""}`,
+                    type: p,
+                    placeholder: s,
+                    "aria-invalid": x,
+                    "aria-describedby": d ? r : void 0,
+                    "data-valid": n,
+                    ...h
+                  }
+                ),
+                /* @__PURE__ */ t.jsx("span", { children: s })
+              ]
+            }
+          )
+        }
+      ),
+      d && /* @__PURE__ */ t.jsx(
+        "span",
+        {
+          id: r,
+          className: `rds-textfield rds-textfield--error-text ${e ? "rds-light" : ""}`,
+          children: d
+        }
+      )
+    ] });
+  }
+);
+v.displayName = "TextField";
+export {
+  v as T
+};

package/dist/components/textfield/TextField.d.ts

@@ -3,7 +3,6 @@ interface Props extends Omit<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElem
     className?: string;
     name: string;
     label: string;
-    fullWidth?: boolean;
     valid?: boolean;
     lightBackground?: boolean | "white";
     labelClass?: string;

package/dist/components/textfield/textfield.scss

@@ -9,13 +9,8 @@
   --textfield-selected-color: var(--rds-heading-accent);
   --textfield-error-color: var(--rds-feedback-error-text);
   --textfield-bg: var(--rds-background-primary);
-  max-width: 335px;
   position: relative;
 
-  &--full-width {
-    max-width: unset;
-  }
-
   &-input {
     border: 2px solid var(--textfield-border-color);
     border-radius: 12px;

package/dist/components/toggle/{FieldSet-00f1fc56.mjs → FieldSet-9a786292.mjs}

@@ -1,4 +1,4 @@
-import { j as e } from "../accordion/Accordion-5e72e67b.mjs";
+import { j as e } from "../accordion/Accordion-99b76aba.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-5ddf1bfd.mjs → RadioToggle-87e58815.mjs}

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

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

@@ -1,6 +1,6 @@
-import { j as t } from "../accordion/Accordion-5e72e67b.mjs";
+import { j as t } from "../accordion/Accordion-99b76aba.mjs";
 import { forwardRef as I, useRef as k, useState as C } from "react";
-import { B as N } from "../checkbox/BaseCheckbox-9b7c43b3.mjs";
+import { B as N } from "../checkbox/BaseCheckbox-7121b553.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-ff76d094.mjs → ToggleInlineButton-f57f3fe9.mjs}

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

package/dist/components/toggleLinkButton/{ToggleLinkButton-c6127fa1.mjs → ToggleLinkButton-09fe483c.mjs}

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

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

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

package/dist/shared-components.mjs

@@ -1,48 +1,48 @@
-import { R as q } from "./components/core/RiksTV-2cc96840.mjs";
-import { S as j } from "./components/core/Strim-d7ebdcac.mjs";
-import { L as J } from "./components/core/LightMode-481a9782.mjs";
-import { G as X } from "./components/spacing/Gutter-e0dfcdc5.mjs";
-import { G as Z } from "./components/spacing/GutterPadding-bd018bd6.mjs";
-import { N as re } from "./components/notificationDot/NotificationDot-bec7aa7b.mjs";
-import { A as ne } from "./components/accordion/Accordion-5e72e67b.mjs";
-import { P as se } from "./components/panel/Panel-c4bab68c.mjs";
-import { B as ae, a as ce } from "./components/breadcrumb/Breadcrumb-19678339.mjs";
-import { P as me } from "./components/progress/Progress-068e34f7.mjs";
-import { L as fe } from "./components/loader/Loader-55215a54.mjs";
-import { C as xe } from "./components/progress/CircularProgress-ac261d40.mjs";
-import { D as ge } from "./components/dropdown/Dropdown-3cf2ddf7.mjs";
-import { P as he, S as Te, T as ve } from "./components/button/Button-3754ac0a.mjs";
-import { P as Be, S as we, T as Ee } from "./components/button/ArrowButton-4fa3c028.mjs";
-import { P as Me, S as Re, T as be } from "./components/button/IconButton-be3ae8eb.mjs";
-import { T as Se } from "./components/toggleButton/ToggleButton-d50d64ec.mjs";
-import { T as Ce } from "./components/toggleInlineButton/ToggleInlineButton-ff76d094.mjs";
-import { T as Fe } from "./components/toggleLinkButton/ToggleLinkButton-c6127fa1.mjs";
-import { C as De } from "./components/checkbox/Checkbox-b534a84c.mjs";
-import { R as Ge } from "./components/toggle/RadioToggle-5ddf1bfd.mjs";
-import { F as Ne } from "./components/toggle/FieldSet-00f1fc56.mjs";
-import { T as Qe } from "./components/textfield/TextField-e62bbdd1.mjs";
-import { B as _e, d as qe, D as Ue, H as je, a as ze, b as Je, c as Ke, L as Xe, M as Ye, S as Ze, e as er, T as rr } from "./components/typography/Typography-61ad3ca9.mjs";
-import { L as nr } from "./components/list/List-868fec40.mjs";
-import { C as sr } from "./components/list/CheckmarkListItem-f97a2aae.mjs";
-import { L as ar } from "./components/list/ListItem-fe58799f.mjs";
-import { C as ur } from "./components/list/CrossmarkListItem-60e093df.mjs";
-import { O as dr } from "./components/list/OrderedListItem-1a4b67c5.mjs";
+import { R as q } from "./components/core/RiksTV-cc9756df.mjs";
+import { S as j } from "./components/core/Strim-aa5e0106.mjs";
+import { L as J } from "./components/core/LightMode-e67119ed.mjs";
+import { G as X } from "./components/spacing/Gutter-fdb118c7.mjs";
+import { G as Z } from "./components/spacing/GutterPadding-8c480038.mjs";
+import { N as re } from "./components/notificationDot/NotificationDot-5b879a7c.mjs";
+import { A as ne } from "./components/accordion/Accordion-99b76aba.mjs";
+import { P as se } from "./components/panel/Panel-36486e4c.mjs";
+import { B as ae, a as ce } from "./components/breadcrumb/Breadcrumb-e35d6c52.mjs";
+import { P as me } from "./components/progress/Progress-7ff6c26b.mjs";
+import { L as fe } from "./components/loader/Loader-822d18a9.mjs";
+import { C as xe } from "./components/progress/CircularProgress-c7bca73a.mjs";
+import { D as ge } from "./components/dropdown/Dropdown-303a209f.mjs";
+import { P as he, S as Te, T as ve } from "./components/button/Button-eb600417.mjs";
+import { P as Be, S as we, T as Ee } from "./components/button/ArrowButton-0f3b0aa2.mjs";
+import { P as Me, S as Re, T as be } from "./components/button/IconButton-6e1085a5.mjs";
+import { T as Se } from "./components/toggleButton/ToggleButton-2e961f34.mjs";
+import { T as Ce } from "./components/toggleInlineButton/ToggleInlineButton-f57f3fe9.mjs";
+import { T as Fe } from "./components/toggleLinkButton/ToggleLinkButton-09fe483c.mjs";
+import { C as De } from "./components/checkbox/Checkbox-1c4563e6.mjs";
+import { R as Ge } from "./components/toggle/RadioToggle-87e58815.mjs";
+import { F as Ne } from "./components/toggle/FieldSet-9a786292.mjs";
+import { T as Qe } from "./components/textfield/TextField-b0018ce1.mjs";
+import { B as _e, d as qe, D as Ue, H as je, a as ze, b as Je, c as Ke, L as Xe, M as Ye, S as Ze, e as er, T as rr } from "./components/typography/Typography-afd3a0a3.mjs";
+import { L as nr } from "./components/list/List-bb36b86d.mjs";
+import { C as sr } from "./components/list/CheckmarkListItem-e5ed89b1.mjs";
+import { L as ar } from "./components/list/ListItem-8cbd4ee8.mjs";
+import { C as ur } from "./components/list/CrossmarkListItem-7cbcd904.mjs";
+import { O as dr } from "./components/list/OrderedListItem-82670461.mjs";
 import { useState as x, useEffect as d, useRef as c, useCallback as p, useLayoutEffect as y } from "react";
-import { L as lr } from "./components/button/LinkButton-3a3f73b6.mjs";
-import { B as pr } from "./components/button/BaseLinkButton-d325fecb.mjs";
-import "./components/core/Core-5cdbbcd4.mjs";
-import "./components/icons/Chevron-4e0258de.mjs";
-import "./components/panel/Success-590bfbb6.mjs";
-import "./components/panel/Warning-8b3edebd.mjs";
-import "./components/panel/Info-3147cc01.mjs";
-import "./components/loader/RawLoader-15d14922.mjs";
-import "./components/button/BaseButton-4350803a.mjs";
-import "./components/button/DecoratedButton-373af81a.mjs";
-import "./components/button/BaseDecoratedButton-510bde9f.mjs";
-import "./components/icons/Arrow-48abbbdf.mjs";
-import "./components/checkbox/BaseCheckbox-9b7c43b3.mjs";
-import "./components/icons/HeartToggle-a5a93ca7.mjs";
-import "./components/icons/Icons-32b173f0.mjs";
+import { L as lr } from "./components/button/LinkButton-3d2c5c0a.mjs";
+import { B as pr } from "./components/button/BaseLinkButton-327f2203.mjs";
+import "./components/core/Core-7125109d.mjs";
+import "./components/icons/Chevron-53ae63f1.mjs";
+import "./components/panel/Success-0b604646.mjs";
+import "./components/panel/Warning-bc55935c.mjs";
+import "./components/panel/Info-c966d0cc.mjs";
+import "./components/loader/RawLoader-56b0c399.mjs";
+import "./components/button/BaseButton-078de736.mjs";
+import "./components/button/DecoratedButton-5faedb72.mjs";
+import "./components/button/BaseDecoratedButton-8e565d5c.mjs";
+import "./components/icons/Arrow-99fd1aec.mjs";
+import "./components/checkbox/BaseCheckbox-7121b553.mjs";
+import "./components/icons/HeartToggle-b67f1fc7.mjs";
+import "./components/icons/Icons-5a5dc9ba.mjs";
 const g = "(prefers-reduced-motion: reduce)", h = (e) => typeof window < "u" && window.matchMedia ? window.matchMedia(e).matches : !1, T = (e, t) => {
   typeof e.addEventListener < "u" && e.addEventListener("change", t);
 }, v = () => {