@midas-ds/components 13.0.1 → 14.1.0

package/{Button-DD5_S-tD.js → Button-CGe3Nyos.js}

@@ -1,25 +1,25 @@
-import { $ as L, d as _, a as R } from "./utils-Cpcjg55U.js";
-import { $ as A } from "./Hidden-C9KWUR7b.js";
-import m, { useMemo as B, createContext as w, forwardRef as S, useRef as H, useEffect as K } from "react";
-import { $ as I } from "./number-BE8InLgI.js";
-import { c as v, a as D } from "./mergeProps-BSsN7Bgk.js";
+import { $ as L, d as _, a as C } from "./utils-D2iKpxcZ.js";
+import { $ as I } from "./Hidden-B5ir3Lei.js";
+import p, { useMemo as B, createContext as w, forwardRef as S, useRef as H, useEffect as Z } from "react";
+import { $ as A } from "./number-BE8InLgI.js";
+import { c as v, a as D } from "./mergeProps-Ct8m5-xW.js";
 import { $ as T } from "./filterDOMProps-wsa9OcNI.js";
-import { $ as U } from "./useLabels-Kmq5JCp_.js";
-import { $ as Z } from "./context-CGNJ3grH.js";
-import { $ as k } from "./useButton-D6iUB8cN.js";
-import { $ as z } from "./useFocusRing-DMo8ctYV.js";
-import { $ as G } from "./useHover-D6bNIkU0.js";
+import { $ as k } from "./useLabels-D24on06F.js";
+import { $ as W } from "./context-Dl_saGB6.js";
+import { $ as z } from "./useButton-CRgN6aZf.js";
+import { $ as G } from "./useFocusRing-CcxI7nbg.js";
+import { $ as J } from "./useHover-DkC5FyNd.js";
 const V = 7e3;
-let s = null;
-function O(a, e = "assertive", t = V) {
-  s ? s.announce(a, e, t) : (s = new J(), (typeof IS_REACT_ACT_ENVIRONMENT == "boolean" ? IS_REACT_ACT_ENVIRONMENT : typeof jest < "u") ? s.announce(a, e, t) : setTimeout(() => {
-    s != null && s.isAttached() && (s == null || s.announce(a, e, t));
+let o = null;
+function R(r, e = "assertive", t = V) {
+  o ? o.announce(r, e, t) : (o = new K(), (typeof IS_REACT_ACT_ENVIRONMENT == "boolean" ? IS_REACT_ACT_ENVIRONMENT : typeof jest < "u") ? o.announce(r, e, t) : setTimeout(() => {
+    o != null && o.isAttached() && (o == null || o.announce(r, e, t));
   }, 100));
 }
-function $e(a) {
-  s && s.clear(a);
+function $e(r) {
+  o && o.clear(r);
 }
-class J {
+class K {
   isAttached() {
     var e;
     return (e = this.node) === null || e === void 0 ? void 0 : e.isConnected;
@@ -31,13 +31,13 @@ class J {
   destroy() {
     this.node && (document.body.removeChild(this.node), this.node = null);
   }
-  announce(e, t = "assertive", r = V) {
-    var i, l;
+  announce(e, t = "assertive", l = V) {
+    var a, i;
     if (!this.node) return;
     let n = document.createElement("div");
-    typeof e == "object" ? (n.setAttribute("role", "img"), n.setAttribute("aria-labelledby", e["aria-labelledby"])) : n.textContent = e, t === "assertive" ? (i = this.assertiveLog) === null || i === void 0 || i.appendChild(n) : (l = this.politeLog) === null || l === void 0 || l.appendChild(n), e !== "" && setTimeout(() => {
+    typeof e == "object" ? (n.setAttribute("role", "img"), n.setAttribute("aria-labelledby", e["aria-labelledby"])) : n.textContent = e, t === "assertive" ? (a = this.assertiveLog) === null || a === void 0 || a.appendChild(n) : (i = this.politeLog) === null || i === void 0 || i.appendChild(n), e !== "" && setTimeout(() => {
       n.remove();
-    }, r);
+    }, l);
   }
   clear(e) {
     this.node && ((!e || e === "assertive") && this.assertiveLog && (this.assertiveLog.innerHTML = ""), (!e || e === "polite") && this.politeLog && (this.politeLog.innerHTML = ""));
@@ -82,16 +82,16 @@ const N = {
     }
   }
 };
-class W {
+class U {
   /** Formats a number value as a string, according to the locale and options provided to the constructor. */
   format(e) {
     let t = "";
     if (!E && this.options.signDisplay != null ? t = q(this.numberFormatter, this.options.signDisplay, e) : t = this.numberFormatter.format(e), this.options.style === "unit" && !y) {
-      var r;
-      let { unit: i, unitDisplay: l = "short", locale: n } = this.resolvedOptions();
-      if (!i) return t;
-      let o = (r = N[i]) === null || r === void 0 ? void 0 : r[l];
-      t += o[n] || o.default;
+      var l;
+      let { unit: a, unitDisplay: i = "short", locale: n } = this.resolvedOptions();
+      if (!a) return t;
+      let s = (l = N[a]) === null || l === void 0 ? void 0 : l[i];
+      t += s[n] || s.default;
     }
     return t;
   }
@@ -109,10 +109,10 @@ class W {
   formatRangeToParts(e, t) {
     if (typeof this.numberFormatter.formatRangeToParts == "function") return this.numberFormatter.formatRangeToParts(e, t);
     if (t < e) throw new RangeError("End date must be >= start date");
-    let r = this.numberFormatter.formatToParts(e), i = this.numberFormatter.formatToParts(t);
+    let l = this.numberFormatter.formatToParts(e), a = this.numberFormatter.formatToParts(t);
     return [
-      ...r.map((l) => ({
-        ...l,
+      ...l.map((i) => ({
+        ...i,
         source: "startRange"
       })),
       {
@@ -120,8 +120,8 @@ class W {
         value: " – ",
         source: "shared"
       },
-      ...i.map((l) => ({
-        ...l,
+      ...a.map((i) => ({
+        ...i,
         source: "endRange"
       }))
     ];
@@ -143,106 +143,106 @@ class W {
     this.numberFormatter = Y(e, t), this.options = t;
   }
 }
-function Y(a, e = {}) {
+function Y(r, e = {}) {
   let { numberingSystem: t } = e;
-  if (t && a.includes("-nu-") && (a.includes("-u-") || (a += "-u-"), a += `-nu-${t}`), e.style === "unit" && !y) {
-    var r;
-    let { unit: n, unitDisplay: o = "short" } = e;
+  if (t && r.includes("-nu-") && (r.includes("-u-") || (r += "-u-"), r += `-nu-${t}`), e.style === "unit" && !y) {
+    var l;
+    let { unit: n, unitDisplay: s = "short" } = e;
     if (!n) throw new Error('unit option must be provided with style: "unit"');
-    if (!(!((r = N[n]) === null || r === void 0) && r[o])) throw new Error(`Unsupported unit ${n} with unitDisplay = ${o}`);
+    if (!(!((l = N[n]) === null || l === void 0) && l[s])) throw new Error(`Unsupported unit ${n} with unitDisplay = ${s}`);
     e = {
       ...e,
       style: "decimal"
     };
   }
-  let i = a + (e ? Object.entries(e).sort((n, o) => n[0] < o[0] ? -1 : 1).join() : "");
-  if (x.has(i)) return x.get(i);
-  let l = new Intl.NumberFormat(a, e);
-  return x.set(i, l), l;
+  let a = r + (e ? Object.entries(e).sort((n, s) => n[0] < s[0] ? -1 : 1).join() : "");
+  if (x.has(a)) return x.get(a);
+  let i = new Intl.NumberFormat(r, e);
+  return x.set(a, i), i;
 }
-function q(a, e, t) {
-  if (e === "auto") return a.format(t);
-  if (e === "never") return a.format(Math.abs(t));
+function q(r, e, t) {
+  if (e === "auto") return r.format(t);
+  if (e === "never") return r.format(Math.abs(t));
   {
-    let r = !1;
-    if (e === "always" ? r = t > 0 || Object.is(t, 0) : e === "exceptZero" && (Object.is(t, -0) || Object.is(t, 0) ? t = Math.abs(t) : r = t > 0), r) {
-      let i = a.format(-t), l = a.format(t), n = i.replace(l, "").replace(/\u200e|\u061C/, "");
+    let l = !1;
+    if (e === "always" ? l = t > 0 || Object.is(t, 0) : e === "exceptZero" && (Object.is(t, -0) || Object.is(t, 0) ? t = Math.abs(t) : l = t > 0), l) {
+      let a = r.format(-t), i = r.format(t), n = a.replace(i, "").replace(/\u200e|\u061C/, "");
       return [
         ...n
-      ].length !== 1 && console.warn("@react-aria/i18n polyfill for NumberFormat signDisplay: Unsupported case"), i.replace(l, "!!!").replace(n, "+").replace("!!!", l);
-    } else return a.format(t);
+      ].length !== 1 && console.warn("@react-aria/i18n polyfill for NumberFormat signDisplay: Unsupported case"), a.replace(i, "!!!").replace(n, "+").replace("!!!", i);
+    } else return r.format(t);
   }
 }
-function Q(a = {}) {
-  let { locale: e } = Z();
-  return B(() => new W(e, a), [
+function Q(r = {}) {
+  let { locale: e } = W();
+  return B(() => new U(e, r), [
     e,
-    a
+    r
   ]);
 }
-function X(a) {
-  let { id: e, label: t, "aria-labelledby": r, "aria-label": i, labelElementType: l = "label" } = a;
+function X(r) {
+  let { id: e, label: t, "aria-labelledby": l, "aria-label": a, labelElementType: i = "label" } = r;
   e = v(e);
-  let n = v(), o = {};
-  t ? (r = r ? `${n} ${r}` : n, o = {
+  let n = v(), s = {};
+  t ? (l = l ? `${n} ${l}` : n, s = {
     id: n,
-    htmlFor: l === "label" ? e : void 0
-  }) : !r && !i && process.env.NODE_ENV !== "production" && console.warn("If you do not provide a visible label, you must specify an aria-label or aria-labelledby attribute for accessibility");
-  let d = U({
+    htmlFor: i === "label" ? e : void 0
+  }) : !l && !a && process.env.NODE_ENV !== "production" && console.warn("If you do not provide a visible label, you must specify an aria-label or aria-labelledby attribute for accessibility");
+  let d = k({
     id: e,
-    "aria-label": i,
-    "aria-labelledby": r
+    "aria-label": a,
+    "aria-labelledby": l
   });
   return {
-    labelProps: o,
+    labelProps: s,
     fieldProps: d
   };
 }
-function ee(a) {
-  let { value: e = 0, minValue: t = 0, maxValue: r = 100, valueLabel: i, isIndeterminate: l, formatOptions: n = {
+function ee(r) {
+  let { value: e = 0, minValue: t = 0, maxValue: l = 100, valueLabel: a, isIndeterminate: i, formatOptions: n = {
     style: "percent"
-  } } = a, o = T(a, {
+  } } = r, s = T(r, {
     labelable: !0
   }), { labelProps: d, fieldProps: f } = X({
-    ...a,
+    ...r,
     // Progress bar is not an HTML input element so it
     // shouldn't be labeled by a <label> element.
     labelElementType: "span"
   });
-  e = I(e, t, r);
-  let $ = (e - t) / (r - t), b = Q(n);
-  if (!l && !i) {
+  e = A(e, t, l);
+  let $ = (e - t) / (l - t), b = Q(n);
+  if (!i && !a) {
     let u = n.style === "percent" ? $ : e;
-    i = b.format(u);
+    a = b.format(u);
   }
   return {
-    progressBarProps: D(o, {
+    progressBarProps: D(s, {
       ...f,
-      "aria-valuenow": l ? void 0 : e,
+      "aria-valuenow": i ? void 0 : e,
       "aria-valuemin": t,
-      "aria-valuemax": r,
-      "aria-valuetext": l ? void 0 : i,
+      "aria-valuemax": l,
+      "aria-valuetext": i ? void 0 : a,
       role: "progressbar"
     }),
     labelProps: d
   };
 }
-const M = /* @__PURE__ */ w({}), me = /* @__PURE__ */ A(function(e, t) {
+const M = /* @__PURE__ */ w({}), pe = /* @__PURE__ */ I(function(e, t) {
   [e, t] = L(e, t, M);
-  let { elementType: r = "label", ...i } = e;
-  return /* @__PURE__ */ m.createElement(r, {
+  let { elementType: l = "label", ...a } = e;
+  return /* @__PURE__ */ p.createElement(l, {
     className: "react-aria-Label",
-    ...i,
+    ...a,
     ref: t
   });
-}), j = /* @__PURE__ */ w(null), pe = /* @__PURE__ */ S(function(e, t) {
+}), j = /* @__PURE__ */ w(null), me = /* @__PURE__ */ S(function(e, t) {
   [e, t] = L(e, t, j);
-  let { value: r = 0, minValue: i = 0, maxValue: l = 100, isIndeterminate: n = !1 } = e;
-  r = I(r, i, l);
-  let [o, d] = _(!e["aria-label"] && !e["aria-labelledby"]), { progressBarProps: f, labelProps: $ } = ee({
+  let { value: l = 0, minValue: a = 0, maxValue: i = 100, isIndeterminate: n = !1 } = e;
+  l = A(l, a, i);
+  let [s, d] = _(!e["aria-label"] && !e["aria-labelledby"]), { progressBarProps: f, labelProps: $ } = ee({
     ...e,
     label: d
-  }), b = n ? void 0 : (r - i) / (l - i) * 100, u = R({
+  }), b = n ? void 0 : (l - a) / (i - a) * 100, u = C({
     ...e,
     defaultClassName: "react-aria-ProgressBar",
     values: {
@@ -250,46 +250,48 @@ const M = /* @__PURE__ */ w({}), me = /* @__PURE__ */ A(function(e, t) {
       valueText: f["aria-valuetext"],
       isIndeterminate: n
     }
-  }), p = T(e, {
+  }), m = T(e, {
     global: !0
   });
-  return /* @__PURE__ */ m.createElement("div", {
-    ...D(p, u, f),
+  return /* @__PURE__ */ p.createElement("div", {
+    ...D(m, u, f),
     ref: t,
     slot: e.slot || void 0
-  }, /* @__PURE__ */ m.createElement(M.Provider, {
+  }, /* @__PURE__ */ p.createElement(M.Provider, {
     value: {
       ...$,
-      ref: o,
+      ref: s,
       elementType: "span"
     }
   }, u.children));
-}), te = /* @__PURE__ */ w({}), he = /* @__PURE__ */ A(function(e, t) {
-  [e, t] = L(e, t, te), e = ae(e);
-  let r = e, { isPending: i } = r, { buttonProps: l, isPressed: n } = k(e, t), { focusProps: o, isFocused: d, isFocusVisible: f } = z(e), { hoverProps: $, isHovered: b } = G({
+}), te = /* @__PURE__ */ w({}), he = /* @__PURE__ */ I(function(e, t) {
+  [e, t] = L(e, t, te);
+  let l = e, { isPending: a } = l, { buttonProps: i, isPressed: n } = z(e, t);
+  i = ae(i, a);
+  let { focusProps: s, isFocused: d, isFocusVisible: f } = G(e), { hoverProps: $, isHovered: b } = J({
     ...e,
-    isDisabled: e.isDisabled || i
+    isDisabled: e.isDisabled || a
   }), u = {
     isHovered: b,
-    isPressed: (r.isPressed || n) && !i,
+    isPressed: (l.isPressed || n) && !a,
     isFocused: d,
     isFocusVisible: f,
     isDisabled: e.isDisabled || !1,
-    isPending: i ?? !1
-  }, p = R({
+    isPending: a ?? !1
+  }, m = C({
     ...e,
     values: u,
     defaultClassName: "react-aria-Button"
-  }), h = v(l.id), g = v(), c = l["aria-labelledby"];
-  i && (c ? c = `${c} ${g}` : l["aria-label"] && (c = `${h} ${g}`));
-  let P = H(i);
-  K(() => {
-    let C = {
+  }), h = v(i.id), g = v(), c = i["aria-labelledby"];
+  a && (c ? c = `${c} ${g}` : i["aria-label"] && (c = `${h} ${g}`));
+  let P = H(a);
+  Z(() => {
+    let O = {
       "aria-labelledby": c || h
     };
-    (!P.current && d && i || P.current && d && !i) && O(C, "assertive"), P.current = i;
+    (!P.current && d && a || P.current && d && !a) && R(O, "assertive"), P.current = a;
   }, [
-    i,
+    a,
     d,
     c,
     h
@@ -297,39 +299,43 @@ const M = /* @__PURE__ */ w({}), me = /* @__PURE__ */ A(function(e, t) {
   let F = T(e, {
     global: !0
   });
-  return delete F.onClick, /* @__PURE__ */ m.createElement("button", {
-    ...D(F, p, l, o, $),
+  return delete F.onClick, /* @__PURE__ */ p.createElement("button", {
+    ...D(F, m, i, s, $),
     // When the button is in a pending state, we want to stop implicit form submission (ie. when the user presses enter on a text input).
     // We do this by changing the button's type to button.
-    type: l.type === "submit" && i ? "button" : l.type,
+    type: i.type === "submit" && a ? "button" : i.type,
     id: h,
     ref: t,
     "aria-labelledby": c,
     slot: e.slot || void 0,
-    "aria-disabled": i ? "true" : l["aria-disabled"],
+    "aria-disabled": a ? "true" : i["aria-disabled"],
     "data-disabled": e.isDisabled || void 0,
     "data-pressed": u.isPressed || void 0,
     "data-hovered": b || void 0,
     "data-focused": d || void 0,
-    "data-pending": i || void 0,
+    "data-pending": a || void 0,
     "data-focus-visible": f || void 0
-  }, /* @__PURE__ */ m.createElement(j.Provider, {
+  }, /* @__PURE__ */ p.createElement(j.Provider, {
     value: {
       id: g
     }
-  }, p.children));
+  }, m.children));
 });
-function ae(a) {
-  return a.isPending && (a.onPress = void 0, a.onPressStart = void 0, a.onPressEnd = void 0, a.onPressChange = void 0, a.onPressUp = void 0, a.onKeyDown = void 0, a.onKeyUp = void 0, a.onClick = void 0, a.href = void 0), a;
+function ae(r, e) {
+  if (e) {
+    for (const t in r) t.startsWith("on") && !(t.includes("Focus") || t.includes("Blur")) && (r[t] = void 0);
+    r.href = void 0, r.target = void 0;
+  }
+  return r;
 }
 export {
   he as $,
   X as a,
   M as b,
-  pe as c,
-  me as d,
+  me as c,
+  pe as d,
   te as e,
-  O as f,
-  W as g,
+  R as f,
+  U as g,
   $e as h
 };

package/Button.module-COONZqNU.cjs

@@ -0,0 +1 @@
+"use strict";require('./assets/Button.css');const i="_button_1ikai_1",t="_secondary_1ikai_48",n="_tertiary_1ikai_71",_="_iconBtn_1ikai_91",o="_medium_1ikai_111",a="_danger_1ikai_116",c="_iconRight_1ikai_138",r="_fullwidth_1ikai_142",s="_primary_1ikai_152",e={button:i,secondary:t,tertiary:n,iconBtn:_,medium:o,danger:a,iconRight:c,fullwidth:r,primary:s};exports.ButtonStyles=e;

package/Button.module-Cm0H98vy.js

@@ -0,0 +1,14 @@
+import './assets/Button.css';const i = "_button_1ikai_1", t = "_secondary_1ikai_48", n = "_tertiary_1ikai_71", _ = "_iconBtn_1ikai_91", o = "_medium_1ikai_111", a = "_danger_1ikai_116", c = "_iconRight_1ikai_138", r = "_fullwidth_1ikai_142", s = "_primary_1ikai_152", e = {
+  button: i,
+  secondary: t,
+  tertiary: n,
+  iconBtn: _,
+  medium: o,
+  danger: a,
+  iconRight: c,
+  fullwidth: r,
+  primary: s
+};
+export {
+  e as B
+};

package/{ButtonGroup-zx-9mxbJ.cjs → ButtonGroup-BpvDDECt.cjs}

@@ -1 +1 @@
-"use strict";require('./assets/ButtonGroup.css');const s=require("react/jsx-runtime"),n=require("./clsx-C11secjj.cjs"),e="_buttonGroup_o1hqg_1",c={buttonGroup:e},l=({children:t,className:o,"aria-label":u,...r})=>s.jsx("div",{role:"group","aria-label":u,className:n.clsx(c.buttonGroup,o),...r,children:t});exports.ButtonGroup=l;
+"use strict";require('./assets/ButtonGroup.css');const s=require("react/jsx-runtime"),n=require("./clsx-DKOfLqne.cjs"),e="_buttonGroup_o1hqg_1",c={buttonGroup:e},l=({children:t,className:o,"aria-label":u,...r})=>s.jsx("div",{role:"group","aria-label":u,className:n.clsx(c.buttonGroup,o),...r,children:t});exports.ButtonGroup=l;

package/{ButtonGroup-DC8925jD.js → ButtonGroup-Swh2E6Es.js}

@@ -1,5 +1,5 @@
 import { jsx as s } from "react/jsx-runtime";
-import { c as a } from "./clsx-OuTLNxxd.js";
+import { c as a } from "./clsx-jbLnTBqA.js";
 import './assets/ButtonGroup.css';const n = "_buttonGroup_o1hqg_1", p = {
   buttonGroup: n
 }, b = ({

package/CHANGELOG.md

@@ -1,3 +1,62 @@
+## 14.1.0 (2025-10-27)
+
+### 🚀 Features
+
+- **spinner:** color defaults to icon-tertiary, deprecate `isOnColor` ([68108dfea0](https://github.com/migrationsverket/midas/commit/68108dfea0))
+- **accordion:** add panel animation support for non-chrome browsers ([1a00da2ddc](https://github.com/migrationsverket/midas/commit/1a00da2ddc))
+
+### 🩹 Fixes
+
+- **textfield:** omit duplicate prop definitions ([d19e6e3ad0](https://github.com/migrationsverket/midas/commit/d19e6e3ad0))
+- **calendar:** set correct styles for days outside month ([61b9958ad6](https://github.com/migrationsverket/midas/commit/61b9958ad6))
+- **tabs:** fix displaying horizontal/vertical tabs ([55507b2ed2](https://github.com/migrationsverket/midas/commit/55507b2ed2))
+
+### 📖 Documentation changes
+
+- **spinner:** update spinner docs with new props ([6ffbcabf1e](https://github.com/migrationsverket/midas/commit/6ffbcabf1e))
+
+### 🔧 Maintenance
+
+- **select:** utilize RAC multi select types ([06f9720a99](https://github.com/migrationsverket/midas/commit/06f9720a99))
+- **deps:** update react-aria-components and react-stately ([a0d8b0bd63](https://github.com/migrationsverket/midas/commit/a0d8b0bd63))
+
+### 🧱 Updated Dependencies
+
+- Updated theme to 3.1.1
+
+# 14.0.0 (2025-10-10)
+
+### 🚀 Features
+
+- ⚠️ **theme:** change plural to singular for transition tokens ([e54e1b9631](https://github.com/migrationsverket/midas/commit/e54e1b9631))
+- **button:** expand :not condition for pressed state background ([47c6784cbf](https://github.com/migrationsverket/midas/commit/47c6784cbf))
+- **button:** disable background change when button pressed && aria-expanded ([1a9b930509](https://github.com/migrationsverket/midas/commit/1a9b930509))
+- **heading:** add a new flag for using built in margin ([3df0389120](https://github.com/migrationsverket/midas/commit/3df0389120))
+- **modal:** add option to hide close button in header ([5e7b2c59d6](https://github.com/migrationsverket/midas/commit/5e7b2c59d6))
+- **modal:** add support for custom className ([#842](https://github.com/migrationsverket/midas/pull/842))
+
+### 🩹 Fixes
+
+- style fixes for forced colors mode ([caca6865c0](https://github.com/migrationsverket/midas/commit/caca6865c0))
+- **info-banner:** prevent double useEffect run in strict mode ([#873](https://github.com/migrationsverket/midas/pull/873))
+- add clsx wrapper for react aria classname ([e07a2e84c6](https://github.com/migrationsverket/midas/commit/e07a2e84c6))
+- **modal:** accept controlled open state props ([7cd6ff0175](https://github.com/migrationsverket/midas/commit/7cd6ff0175))
+- **progress-bar:** expose single valueLabels for screen readers ([#852](https://github.com/migrationsverket/midas/pull/852))
+- **accordion-item:** fix keyboard-focus/animation/hover bug in accordion-item ([a3663f64bb](https://github.com/migrationsverket/midas/commit/a3663f64bb))
+- **accordion:** increase specificity for button css ([e2e9c75914](https://github.com/migrationsverket/midas/commit/e2e9c75914))
+
+### 🔧 Maintenance
+
+- break out storybook ([1746df3356](https://github.com/migrationsverket/midas/commit/1746df3356))
+
+### ⚠️ Breaking Changes
+
+- **theme:** transition tokens are now named without plural `s` and uses DTCG object style instead of arbitrary string
+
+### 🧱 Updated Dependencies
+
+- Updated theme to 3.1.0
+
 ## 13.0.1 (2025-09-26)
 
 ### 🩹 Fixes

package/Card-DJ8E5Rzd.js

@@ -0,0 +1,131 @@
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { c as n } from "./clsx-jbLnTBqA.js";
+import * as e from "react";
+import { H as m } from "./Heading-CCoGfKQ8.js";
+import { $ as _ } from "./Button-CGe3Nyos.js";
+import { $ as C } from "./Link-l-nMP-Zd.js";
+import { A as x } from "./arrow-right-uemUGIg8.js";
+import './assets/Card.css';const A = "_card_1x9yi_1", h = "_horizontal_1x9yi_11", I = "_cardLink_1x9yi_16", p = "_cardContent_1x9yi_21", u = "_cardActions_1x9yi_40", f = "_cardActionArea_1x9yi_50", z = "_cardImage_1x9yi_83", $ = "_cardLinkIcon_1x9yi_115", r = {
+  card: A,
+  horizontal: h,
+  cardLink: I,
+  cardContent: p,
+  cardActions: u,
+  cardActionArea: f,
+  cardImage: z,
+  cardLinkIcon: $
+}, i = e.createContext({
+  horizontal: void 0,
+  titleId: void 0
+}), j = ({
+  horizontal: t,
+  className: o,
+  children: a,
+  ...s
+}) => {
+  const d = `card-title-${e.useId()}`;
+  return /* @__PURE__ */ c(i.Provider, { value: { horizontal: t, titleId: d }, children: /* @__PURE__ */ c(
+    "div",
+    {
+      ...s,
+      className: n(
+        r.card,
+        t && r.horizontal,
+        o
+      ),
+      children: a
+    }
+  ) });
+}, H = ({
+  children: t,
+  ...o
+}) => {
+  const { horizontal: a } = e.useContext(i);
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      ...o,
+      className: n(r.cardContent, a && r.horizontal),
+      children: t
+    }
+  );
+}, R = ({
+  elementType: t = "h2",
+  children: o
+}) => {
+  const { horizontal: a, titleId: s } = e.useContext(i);
+  return /* @__PURE__ */ c(
+    m,
+    {
+      level: a ? 5 : 3,
+      elementType: t,
+      isExpressive: a,
+      className: n(r.cardTitle, a && r.horizontal),
+      id: s,
+      children: o
+    }
+  );
+}, T = ({
+  children: t,
+  ...o
+}) => {
+  const { horizontal: a } = e.useContext(i);
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      ...o,
+      className: n(r.cardActions, a && r.horizontal),
+      children: t
+    }
+  );
+}, w = ({ children: t, className: o, ...a }) => {
+  const { titleId: s } = e.useContext(i);
+  return /* @__PURE__ */ c(
+    _,
+    {
+      ...a,
+      "aria-labelledby": s,
+      className: n(r.cardActionArea, o),
+      children: t
+    }
+  );
+}, E = ({
+  as: t = "img",
+  className: o,
+  ...a
+}) => /* @__PURE__ */ c(
+  t,
+  {
+    ...a,
+    className: n(r.cardImage, o)
+  }
+), P = ({
+  children: t,
+  as: o,
+  ...a
+}) => /* @__PURE__ */ l(
+  o || C,
+  {
+    ...a,
+    className: n(r.cardLink, a.className),
+    children: [
+      t,
+      /* @__PURE__ */ c(
+        x,
+        {
+          className: r.cardLinkIcon,
+          size: 24
+        }
+      )
+    ]
+  }
+);
+export {
+  j as C,
+  H as a,
+  R as b,
+  T as c,
+  w as d,
+  E as e,
+  P as f
+};

package/Card-Db9xdzJ0.cjs

@@ -0,0 +1 @@
+"use strict";require('./assets/Card.css');const a=require("react/jsx-runtime"),o=require("./clsx-DKOfLqne.cjs"),l=require("react"),x=require("./Heading-x7y3xadc.cjs"),u=require("./Button-1sEX8jKn.cjs"),C=require("./Link-DRU6Qzia.cjs"),_=require("./arrow-right-BGd86zzR.cjs");function m(e){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(c,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return c.default=e,Object.freeze(c)}const s=m(l),A="_card_1x9yi_1",g="_horizontal_1x9yi_11",h="_cardLink_1x9yi_16",I="_cardContent_1x9yi_21",b="_cardActions_1x9yi_40",j="_cardActionArea_1x9yi_50",y="_cardImage_1x9yi_83",f="_cardLinkIcon_1x9yi_115",r={card:A,horizontal:g,cardLink:h,cardContent:I,cardActions:b,cardActionArea:j,cardImage:y,cardLinkIcon:f},i=s.createContext({horizontal:void 0,titleId:void 0}),k=({horizontal:e,className:c,children:t,...n})=>{const d=`card-title-${s.useId()}`;return a.jsx(i.Provider,{value:{horizontal:e,titleId:d},children:a.jsx("div",{...n,className:o.clsx(r.card,e&&r.horizontal,c),children:t})})},z=({children:e,...c})=>{const{horizontal:t}=s.useContext(i);return a.jsx("div",{...c,className:o.clsx(r.cardContent,t&&r.horizontal),children:e})},L=({elementType:e="h2",children:c})=>{const{horizontal:t,titleId:n}=s.useContext(i);return a.jsx(x.Heading,{level:t?5:3,elementType:e,isExpressive:t,className:o.clsx(r.cardTitle,t&&r.horizontal),id:n,children:c})},$=({children:e,...c})=>{const{horizontal:t}=s.useContext(i);return a.jsx("div",{...c,className:o.clsx(r.cardActions,t&&r.horizontal),children:e})},p=({children:e,className:c,...t})=>{const{titleId:n}=s.useContext(i);return a.jsx(u.$d2b4bc8c273e7be6$export$353f5b6fc5456de1,{...t,"aria-labelledby":n,className:o.clsx(r.cardActionArea,c),children:e})},v=({as:e="img",className:c,...t})=>a.jsx(e,{...t,className:o.clsx(r.cardImage,c)}),N=({children:e,as:c,...t})=>{const n=c||C.$4f118338184dc1d9$export$a6c7ac8248d6e38a;return a.jsxs(n,{...t,className:o.clsx(r.cardLink,t.className),children:[e,a.jsx(_.ArrowRight,{className:r.cardLinkIcon,size:24})]})};exports.Card=k;exports.CardActionArea=p;exports.CardActions=$;exports.CardContent=z;exports.CardImage=v;exports.CardLink=N;exports.CardTitle=L;

package/{CharacterCounter-CnRv-iUP.cjs → CharacterCounter-CTpQ12f7.cjs}

@@ -1 +1 @@
-"use strict";require('./assets/CharacterCounter.css');const s=require("react/jsx-runtime"),u=require("react"),i=require("./utils-CMHKYKlz.cjs"),f=require("./Input-CzMx2mfl.cjs");function d(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const l=d(u),h="_characterCounter_4nrnf_1",b={characterCounter:h},g=l.forwardRef((e,n)=>{[e]=i.$64fa3d84918910a7$export$29f1550f4b0d4415(e,n,f.$3985021b0ad6602f$export$37fb8590cf2c088c);const{maxLength:t,value:r,isLonely:o}=e,{length:c}=(r==null?void 0:r.toString())??"",a=t!==void 0;return s.jsx("span",{className:b.characterCounter,"data-exceeded":a&&c>t||void 0,"data-lonely":o||void 0,children:a?`${c} / ${t}`:c})});exports.CharacterCounter=g;
+"use strict";require('./assets/CharacterCounter.css');const s=require("react/jsx-runtime"),u=require("react"),i=require("./utils-CtICjCYt.cjs"),d=require("./Input-Bda0PCu5.cjs");function f(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const l=f(u),$="_characterCounter_4nrnf_1",b={characterCounter:$},h=l.forwardRef((e,n)=>{[e]=i.$64fa3d84918910a7$export$29f1550f4b0d4415(e,n,d.$3985021b0ad6602f$export$37fb8590cf2c088c);const{maxLength:t,value:r,isLonely:o}=e,{length:c}=(r==null?void 0:r.toString())??"",a=t!==void 0;return s.jsx("span",{className:b.characterCounter,"data-exceeded":a&&c>t||void 0,"data-lonely":o||void 0,children:a?`${c} / ${t}`:c})});exports.CharacterCounter=h;