@midas-ds/components 12.0.0 → 12.1.0

package/Button-CMIbSc4-.cjs

@@ -0,0 +1 @@
+"use strict";const m=require("./utils-CMHKYKlz.cjs"),O=require("./Hidden-BxRZGdEW.cjs"),s=require("react"),R=require("./number-E0x3H9cL.cjs"),$=require("./mergeProps-JhcJ7uJL.cjs"),D=require("./filterDOMProps-RRlKPKX0.cjs"),j=require("./useLabels-CvUk-yS3.cjs"),B=require("./context-Df3XbgBG.cjs"),H=require("./useButton-R8-i3HLC.cjs"),S=require("./useFocusRing-BcbYske2.cjs"),_=require("./useHover-DGAmG7jt.cjs"),A=7e3;let d=null;function L(a,e="assertive",t=A){d?d.announce(a,e,t):(d=new U,(typeof IS_REACT_ACT_ENVIRONMENT=="boolean"?IS_REACT_ACT_ENVIRONMENT:typeof jest<"u")?d.announce(a,e,t):setTimeout(()=>{d!=null&&d.isAttached()&&(d==null||d.announce(a,e,t))},100))}function K(a){d&&d.clear(a)}class U{isAttached(){var e;return(e=this.node)===null||e===void 0?void 0:e.isConnected}createLog(e){let t=document.createElement("div");return t.setAttribute("role","log"),t.setAttribute("aria-live",e),t.setAttribute("aria-relevant","additions"),t}destroy(){this.node&&(document.body.removeChild(this.node),this.node=null)}announce(e,t="assertive",i=A){var r,n;if(!this.node)return;let l=document.createElement("div");typeof e=="object"?(l.setAttribute("role","img"),l.setAttribute("aria-labelledby",e["aria-labelledby"])):l.textContent=e,t==="assertive"?(r=this.assertiveLog)===null||r===void 0||r.appendChild(l):(n=this.politeLog)===null||n===void 0||n.appendChild(l),e!==""&&setTimeout(()=>{l.remove()},i)}clear(e){this.node&&((!e||e==="assertive")&&this.assertiveLog&&(this.assertiveLog.innerHTML=""),(!e||e==="polite")&&this.politeLog&&(this.politeLog.innerHTML=""))}constructor(){this.node=null,this.assertiveLog=null,this.politeLog=null,typeof document<"u"&&(this.node=document.createElement("div"),this.node.dataset.liveAnnouncer="true",Object.assign(this.node.style,{border:0,clip:"rect(0 0 0 0)",clipPath:"inset(50%)",height:"1px",margin:"-1px",overflow:"hidden",padding:0,position:"absolute",width:"1px",whiteSpace:"nowrap"}),this.assertiveLog=this.createLog("assertive"),this.node.appendChild(this.assertiveLog),this.politeLog=this.createLog("polite"),this.node.appendChild(this.politeLog),document.body.prepend(this.node))}}let E=new Map,w=!1;try{w=new Intl.NumberFormat("de-DE",{signDisplay:"exceptZero"}).resolvedOptions().signDisplay==="exceptZero"}catch{}let g=!1;try{g=new Intl.NumberFormat("de-DE",{style:"unit",unit:"degree"}).resolvedOptions().style==="unit"}catch{}const I={degree:{narrow:{default:"°","ja-JP":" 度","zh-TW":"度","sl-SI":" °"}}};class V{format(e){let t="";if(!w&&this.options.signDisplay!=null?t=k(this.numberFormatter,this.options.signDisplay,e):t=this.numberFormatter.format(e),this.options.style==="unit"&&!g){var i;let{unit:r,unitDisplay:n="short",locale:l}=this.resolvedOptions();if(!r)return t;let o=(i=I[r])===null||i===void 0?void 0:i[n];t+=o[l]||o.default}return t}formatToParts(e){return this.numberFormatter.formatToParts(e)}formatRange(e,t){if(typeof this.numberFormatter.formatRange=="function")return this.numberFormatter.formatRange(e,t);if(t<e)throw new RangeError("End date must be >= start date");return`${this.format(e)} – ${this.format(t)}`}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 i=this.numberFormatter.formatToParts(e),r=this.numberFormatter.formatToParts(t);return[...i.map(n=>({...n,source:"startRange"})),{type:"literal",value:" – ",source:"shared"},...r.map(n=>({...n,source:"endRange"}))]}resolvedOptions(){let e=this.numberFormatter.resolvedOptions();return!w&&this.options.signDisplay!=null&&(e={...e,signDisplay:this.options.signDisplay}),!g&&this.options.style==="unit"&&(e={...e,style:"unit",unit:this.options.unit,unitDisplay:this.options.unitDisplay}),e}constructor(e,t={}){this.numberFormatter=Z(e,t),this.options=t}}function Z(a,e={}){let{numberingSystem:t}=e;if(t&&a.includes("-nu-")&&(a.includes("-u-")||(a+="-u-"),a+=`-nu-${t}`),e.style==="unit"&&!g){var i;let{unit:l,unitDisplay:o="short"}=e;if(!l)throw new Error('unit option must be provided with style: "unit"');if(!(!((i=I[l])===null||i===void 0)&&i[o]))throw new Error(`Unsupported unit ${l} with unitDisplay = ${o}`);e={...e,style:"decimal"}}let r=a+(e?Object.entries(e).sort((l,o)=>l[0]<o[0]?-1:1).join():"");if(E.has(r))return E.get(r);let n=new Intl.NumberFormat(a,e);return E.set(r,n),n}function k(a,e,t){if(e==="auto")return a.format(t);if(e==="never")return a.format(Math.abs(t));{let i=!1;if(e==="always"?i=t>0||Object.is(t,0):e==="exceptZero"&&(Object.is(t,-0)||Object.is(t,0)?t=Math.abs(t):i=t>0),i){let r=a.format(-t),n=a.format(t),l=r.replace(n,"").replace(/\u200e|\u061C/,"");return[...l].length!==1&&console.warn("@react-aria/i18n polyfill for NumberFormat signDisplay: Unsupported case"),r.replace(n,"!!!").replace(l,"+").replace("!!!",n)}else return a.format(t)}}function z(a={}){let{locale:e}=B.$18f2051aff69b9bf$export$43bb16f9c6d9e3f7();return s.useMemo(()=>new V(e,a),[e,a])}function N(a){let{id:e,label:t,"aria-labelledby":i,"aria-label":r,labelElementType:n="label"}=a;e=$.$bdb11010cef70236$export$f680877a34711e37(e);let l=$.$bdb11010cef70236$export$f680877a34711e37(),o={};t?(i=i?`${l} ${i}`:l,o={id:l,htmlFor:n==="label"?e:void 0}):!i&&!r&&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 f=j.$313b98861ee5dd6c$export$d6875122194c7b44({id:e,"aria-label":r,"aria-labelledby":i});return{labelProps:o,fieldProps:f}}function G(a){let{value:e=0,minValue:t=0,maxValue:i=100,valueLabel:r,isIndeterminate:n,formatOptions:l={style:"percent"}}=a,o=D.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(a,{labelable:!0}),{labelProps:f,fieldProps:c}=N({...a,labelElementType:"span"});e=R.$9446cca9a3875146$export$7d15b64cf5a3a4c4(e,t,i);let h=(e-t)/(i-t),p=z(l);if(!n&&!r){let u=l.style==="percent"?h:e;r=p.format(u)}return{progressBarProps:$.$3ef42575df84b30b$export$9d1611c77c2fe928(o,{...c,"aria-valuenow":n?void 0:e,"aria-valuemin":t,"aria-valuemax":i,"aria-valuetext":n?void 0:r,role:"progressbar"}),labelProps:f}}const T=s.createContext({}),J=O.$f39a9eba43920ace$export$86427a43e3e48ebb(function(e,t){[e,t]=m.$64fa3d84918910a7$export$29f1550f4b0d4415(e,t,T);let{elementType:i="label",...r}=e;return s.createElement(i,{className:"react-aria-Label",...r,ref:t})}),M=s.createContext(null),W=s.forwardRef(function(e,t){[e,t]=m.$64fa3d84918910a7$export$29f1550f4b0d4415(e,t,M);let{value:i=0,minValue:r=0,maxValue:n=100,isIndeterminate:l=!1}=e;i=R.$9446cca9a3875146$export$7d15b64cf5a3a4c4(i,r,n);let[o,f]=m.$64fa3d84918910a7$export$9d4c57ee4c6ffdd8(!e["aria-label"]&&!e["aria-labelledby"]),{progressBarProps:c,labelProps:h}=G({...e,label:f}),p=l?void 0:(i-r)/(n-r)*100,u=m.$64fa3d84918910a7$export$4d86445c2cf5e3({...e,defaultClassName:"react-aria-ProgressBar",values:{percentage:p,valueText:c["aria-valuetext"],isIndeterminate:l}}),v=D.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(e,{global:!0});return s.createElement("div",{...$.$3ef42575df84b30b$export$9d1611c77c2fe928(v,u,c),ref:t,slot:e.slot||void 0},s.createElement(T.Provider,{value:{...h,ref:o,elementType:"span"}},u.children))}),q=s.createContext({}),Y=O.$f39a9eba43920ace$export$86427a43e3e48ebb(function(e,t){[e,t]=m.$64fa3d84918910a7$export$29f1550f4b0d4415(e,t,q),e=Q(e);let i=e,{isPending:r}=i,{buttonProps:n,isPressed:l}=H.$701a24aa0da5b062$export$ea18c227d4417cc3(e,t),{focusProps:o,isFocused:f,isFocusVisible:c}=S.$f7dceffc5ad7768b$export$4e328f61c538687f(e),{hoverProps:h,isHovered:p}=_.$6179b936705e76d3$export$ae780daf29e6d456({...e,isDisabled:e.isDisabled||r}),u={isHovered:p,isPressed:(i.isPressed||l)&&!r,isFocused:f,isFocusVisible:c,isDisabled:e.isDisabled||!1,isPending:r??!1},v=m.$64fa3d84918910a7$export$4d86445c2cf5e3({...e,values:u,defaultClassName:"react-aria-Button"}),x=$.$bdb11010cef70236$export$f680877a34711e37(n.id),y=$.$bdb11010cef70236$export$f680877a34711e37(),b=n["aria-labelledby"];r&&(b?b=`${b} ${y}`:n["aria-label"]&&(b=`${x} ${y}`));let P=s.useRef(r);s.useEffect(()=>{let F={"aria-labelledby":b||x};(!P.current&&f&&r||P.current&&f&&!r)&&L(F,"assertive"),P.current=r},[r,f,b,x]);let C=D.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(e,{global:!0});return delete C.onClick,s.createElement("button",{...$.$3ef42575df84b30b$export$9d1611c77c2fe928(C,v,n,o,h),type:n.type==="submit"&&r?"button":n.type,id:x,ref:t,"aria-labelledby":b,slot:e.slot||void 0,"aria-disabled":r?"true":n["aria-disabled"],"data-disabled":e.isDisabled||void 0,"data-pressed":u.isPressed||void 0,"data-hovered":p||void 0,"data-focused":f||void 0,"data-pending":r||void 0,"data-focus-visible":c||void 0},s.createElement(M.Provider,{value:{id:y}},v.children))});function Q(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}exports.$01b77f81d0f07f68$export$75b6ee27786ba447=T;exports.$01b77f81d0f07f68$export$b04be29aa201d4f5=J;exports.$0393f8ab869a0f1a$export$c17561cb55d4db30=W;exports.$319e236875307eab$export$a9b970dcc4ae71a9=L;exports.$319e236875307eab$export$d10ae4f68404609a=K;exports.$488c6ddbf4ef74c2$export$cc77c4ff7e8673c5=V;exports.$d191a55c9702f145$export$8467354a121f1b9f=N;exports.$d2b4bc8c273e7be6$export$24d547caef80ccd1=q;exports.$d2b4bc8c273e7be6$export$353f5b6fc5456de1=Y;

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

@@ -1,30 +1,78 @@
-import { $ as E, d as j, a as F } from "./utils-KYuflGZt.js";
-import { $ as A } from "./Hidden-B5ir3Lei.js";
-import m, { useMemo as S, createContext as L, forwardRef as _, useRef as B, useEffect as H } from "react";
-import { $ as C } from "./number-BE8InLgI.js";
-import { c as h, a as R } from "./mergeProps-BYJQ6N1s.js";
-import { $ as I } from "./filterDOMProps-D6KHYVBX.js";
-import { $ as K } from "./useLabels-DZlvh4P4.js";
-import { $ as U } from "./context-Dl_saGB6.js";
-import { $ as Z } from "./useButton-CWHoXYnj.js";
-import { $ as k } from "./useFocusRing-HoJn20X5.js";
-import { $ as z } from "./useHover-D8fja4GW.js";
-let P = /* @__PURE__ */ new Map(), x = !1;
+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 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";
+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));
+  }, 100));
+}
+function $e(a) {
+  s && s.clear(a);
+}
+class J {
+  isAttached() {
+    var e;
+    return (e = this.node) === null || e === void 0 ? void 0 : e.isConnected;
+  }
+  createLog(e) {
+    let t = document.createElement("div");
+    return t.setAttribute("role", "log"), t.setAttribute("aria-live", e), t.setAttribute("aria-relevant", "additions"), t;
+  }
+  destroy() {
+    this.node && (document.body.removeChild(this.node), this.node = null);
+  }
+  announce(e, t = "assertive", r = V) {
+    var i, l;
+    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(() => {
+      n.remove();
+    }, r);
+  }
+  clear(e) {
+    this.node && ((!e || e === "assertive") && this.assertiveLog && (this.assertiveLog.innerHTML = ""), (!e || e === "polite") && this.politeLog && (this.politeLog.innerHTML = ""));
+  }
+  constructor() {
+    this.node = null, this.assertiveLog = null, this.politeLog = null, typeof document < "u" && (this.node = document.createElement("div"), this.node.dataset.liveAnnouncer = "true", Object.assign(this.node.style, {
+      border: 0,
+      clip: "rect(0 0 0 0)",
+      clipPath: "inset(50%)",
+      height: "1px",
+      margin: "-1px",
+      overflow: "hidden",
+      padding: 0,
+      position: "absolute",
+      width: "1px",
+      whiteSpace: "nowrap"
+    }), this.assertiveLog = this.createLog("assertive"), this.node.appendChild(this.assertiveLog), this.politeLog = this.createLog("polite"), this.node.appendChild(this.politeLog), document.body.prepend(this.node));
+  }
+}
+let x = /* @__PURE__ */ new Map(), E = !1;
 try {
-  x = new Intl.NumberFormat("de-DE", {
+  E = new Intl.NumberFormat("de-DE", {
     signDisplay: "exceptZero"
   }).resolvedOptions().signDisplay === "exceptZero";
 } catch {
 }
-let v = !1;
+let y = !1;
 try {
-  v = new Intl.NumberFormat("de-DE", {
+  y = new Intl.NumberFormat("de-DE", {
     style: "unit",
     unit: "degree"
   }).resolvedOptions().style === "unit";
 } catch {
 }
-const O = {
+const N = {
   degree: {
     narrow: {
       default: "°",
@@ -34,16 +82,16 @@ const O = {
     }
   }
 };
-class G {
+class W {
   /** Formats a number value as a string, according to the locale and options provided to the constructor. */
   format(e) {
     let t = "";
-    if (!x && this.options.signDisplay != null ? t = W(this.numberFormatter, this.options.signDisplay, e) : t = this.numberFormatter.format(e), this.options.style === "unit" && !v) {
+    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: n = "short", locale: l } = this.resolvedOptions();
+      let { unit: i, unitDisplay: l = "short", locale: n } = this.resolvedOptions();
       if (!i) return t;
-      let o = (r = O[i]) === null || r === void 0 ? void 0 : r[n];
-      t += o[l] || o.default;
+      let o = (r = N[i]) === null || r === void 0 ? void 0 : r[l];
+      t += o[n] || o.default;
     }
     return t;
   }
@@ -63,8 +111,8 @@ class G {
     if (t < e) throw new RangeError("End date must be >= start date");
     let r = this.numberFormatter.formatToParts(e), i = this.numberFormatter.formatToParts(t);
     return [
-      ...r.map((n) => ({
-        ...n,
+      ...r.map((l) => ({
+        ...l,
         source: "startRange"
       })),
       {
@@ -72,8 +120,8 @@ class G {
         value: " – ",
         source: "shared"
       },
-      ...i.map((n) => ({
-        ...n,
+      ...i.map((l) => ({
+        ...l,
         source: "endRange"
       }))
     ];
@@ -81,10 +129,10 @@ class G {
   /** Returns the resolved formatting options based on the values passed to the constructor. */
   resolvedOptions() {
     let e = this.numberFormatter.resolvedOptions();
-    return !x && this.options.signDisplay != null && (e = {
+    return !E && this.options.signDisplay != null && (e = {
       ...e,
       signDisplay: this.options.signDisplay
-    }), !v && this.options.style === "unit" && (e = {
+    }), !y && this.options.style === "unit" && (e = {
       ...e,
       style: "unit",
       unit: this.options.unit,
@@ -92,103 +140,55 @@ class G {
     }), e;
   }
   constructor(e, t = {}) {
-    this.numberFormatter = J(e, t), this.options = t;
+    this.numberFormatter = Y(e, t), this.options = t;
   }
 }
-function J(a, e = {}) {
+function Y(a, e = {}) {
   let { numberingSystem: t } = e;
-  if (t && a.includes("-nu-") && (a.includes("-u-") || (a += "-u-"), a += `-nu-${t}`), e.style === "unit" && !v) {
+  if (t && a.includes("-nu-") && (a.includes("-u-") || (a += "-u-"), a += `-nu-${t}`), e.style === "unit" && !y) {
     var r;
-    let { unit: l, unitDisplay: o = "short" } = e;
-    if (!l) throw new Error('unit option must be provided with style: "unit"');
-    if (!(!((r = O[l]) === null || r === void 0) && r[o])) throw new Error(`Unsupported unit ${l} with unitDisplay = ${o}`);
+    let { unit: n, unitDisplay: o = "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}`);
     e = {
       ...e,
       style: "decimal"
     };
   }
-  let i = a + (e ? Object.entries(e).sort((l, o) => l[0] < o[0] ? -1 : 1).join() : "");
-  if (P.has(i)) return P.get(i);
-  let n = new Intl.NumberFormat(a, e);
-  return P.set(i, n), n;
+  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;
 }
-function W(a, e, t) {
+function q(a, e, t) {
   if (e === "auto") return a.format(t);
   if (e === "never") return a.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), n = a.format(t), l = i.replace(n, "").replace(/\u200e|\u061C/, "");
+      let i = a.format(-t), l = a.format(t), n = i.replace(l, "").replace(/\u200e|\u061C/, "");
       return [
-        ...l
-      ].length !== 1 && console.warn("@react-aria/i18n polyfill for NumberFormat signDisplay: Unsupported case"), i.replace(n, "!!!").replace(l, "+").replace("!!!", n);
+        ...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);
   }
 }
-function Y(a = {}) {
-  let { locale: e } = U();
-  return S(() => new G(e, a), [
+function Q(a = {}) {
+  let { locale: e } = Z();
+  return B(() => new W(e, a), [
     e,
     a
   ]);
 }
-const V = 7e3;
-let s = null;
-function D(a, e = "assertive", t = V) {
-  s ? s.announce(a, e, t) : (s = new q(), (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));
-  }, 100));
-}
-function $e(a) {
-  s && s.clear(a);
-}
-class q {
-  isAttached() {
-    var e;
-    return (e = this.node) === null || e === void 0 ? void 0 : e.isConnected;
-  }
-  createLog(e) {
-    let t = document.createElement("div");
-    return t.setAttribute("role", "log"), t.setAttribute("aria-live", e), t.setAttribute("aria-relevant", "additions"), t;
-  }
-  destroy() {
-    this.node && (document.body.removeChild(this.node), this.node = null);
-  }
-  announce(e, t = "assertive", r = V) {
-    var i, n;
-    if (!this.node) return;
-    let l = document.createElement("div");
-    typeof e == "object" ? (l.setAttribute("role", "img"), l.setAttribute("aria-labelledby", e["aria-labelledby"])) : l.textContent = e, t === "assertive" ? (i = this.assertiveLog) === null || i === void 0 || i.appendChild(l) : (n = this.politeLog) === null || n === void 0 || n.appendChild(l), e !== "" && setTimeout(() => {
-      l.remove();
-    }, r);
-  }
-  clear(e) {
-    this.node && ((!e || e === "assertive") && this.assertiveLog && (this.assertiveLog.innerHTML = ""), (!e || e === "polite") && this.politeLog && (this.politeLog.innerHTML = ""));
-  }
-  constructor() {
-    this.node = null, this.assertiveLog = null, this.politeLog = null, typeof document < "u" && (this.node = document.createElement("div"), this.node.dataset.liveAnnouncer = "true", Object.assign(this.node.style, {
-      border: 0,
-      clip: "rect(0 0 0 0)",
-      clipPath: "inset(50%)",
-      height: "1px",
-      margin: "-1px",
-      overflow: "hidden",
-      padding: 0,
-      position: "absolute",
-      width: "1px",
-      whiteSpace: "nowrap"
-    }), this.assertiveLog = this.createLog("assertive"), this.node.appendChild(this.assertiveLog), this.politeLog = this.createLog("polite"), this.node.appendChild(this.politeLog), document.body.prepend(this.node));
-  }
-}
-function Q(a) {
-  let { id: e, label: t, "aria-labelledby": r, "aria-label": i, labelElementType: n = "label" } = a;
-  e = h(e);
-  let l = h(), o = {};
-  t ? (r = r ? `${l} ${r}` : l, o = {
-    id: l,
-    htmlFor: n === "label" ? e : void 0
+function X(a) {
+  let { id: e, label: t, "aria-labelledby": r, "aria-label": i, labelElementType: l = "label" } = a;
+  e = v(e);
+  let n = v(), o = {};
+  t ? (r = r ? `${n} ${r}` : n, o = {
+    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 = K({
+  let d = U({
     id: e,
     "aria-label": i,
     "aria-labelledby": r
@@ -198,144 +198,138 @@ function Q(a) {
     fieldProps: d
   };
 }
-function X(a) {
-  let { value: e = 0, minValue: t = 0, maxValue: r = 100, valueLabel: i, isIndeterminate: n, formatOptions: l = {
+function ee(a) {
+  let { value: e = 0, minValue: t = 0, maxValue: r = 100, valueLabel: i, isIndeterminate: l, formatOptions: n = {
     style: "percent"
-  } } = a, o = I(a, {
+  } } = a, o = T(a, {
     labelable: !0
-  }), { labelProps: d, fieldProps: f } = Q({
+  }), { labelProps: d, fieldProps: f } = X({
     ...a,
     // Progress bar is not an HTML input element so it
     // shouldn't be labeled by a <label> element.
     labelElementType: "span"
   });
-  e = C(e, t, r);
-  let $ = (e - t) / (r - t), b = Y(l);
-  if (!n && !i) {
-    let u = l.style === "percent" ? $ : e;
+  e = I(e, t, r);
+  let $ = (e - t) / (r - t), b = Q(n);
+  if (!l && !i) {
+    let u = n.style === "percent" ? $ : e;
     i = b.format(u);
   }
   return {
-    progressBarProps: R(o, {
+    progressBarProps: D(o, {
       ...f,
-      "aria-valuenow": n ? void 0 : e,
+      "aria-valuenow": l ? void 0 : e,
       "aria-valuemin": t,
       "aria-valuemax": r,
-      "aria-valuetext": n ? void 0 : i,
+      "aria-valuetext": l ? void 0 : i,
       role: "progressbar"
     }),
     labelProps: d
   };
 }
-const N = /* @__PURE__ */ L({}), me = /* @__PURE__ */ A(function(e, t) {
-  [e, t] = E(e, t, N);
+const M = /* @__PURE__ */ w({}), me = /* @__PURE__ */ A(function(e, t) {
+  [e, t] = L(e, t, M);
   let { elementType: r = "label", ...i } = e;
   return /* @__PURE__ */ m.createElement(r, {
     className: "react-aria-Label",
     ...i,
     ref: t
   });
-}), M = /* @__PURE__ */ L(null), pe = /* @__PURE__ */ _(function(e, t) {
-  [e, t] = E(e, t, M);
-  let { value: r = 0, minValue: i = 0, maxValue: n = 100, isIndeterminate: l = !1 } = e;
-  r = C(r, i, n);
-  let [o, d] = j(!e["aria-label"] && !e["aria-labelledby"]), { progressBarProps: f, labelProps: $ } = X({
+}), j = /* @__PURE__ */ w(null), pe = /* @__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({
     ...e,
     label: d
-  }), b = l ? void 0 : (r - i) / (n - i) * 100, u = F({
+  }), b = n ? void 0 : (r - i) / (l - i) * 100, u = R({
     ...e,
     defaultClassName: "react-aria-ProgressBar",
     values: {
       percentage: b,
       valueText: f["aria-valuetext"],
-      isIndeterminate: l
+      isIndeterminate: n
     }
+  }), p = T(e, {
+    global: !0
   });
   return /* @__PURE__ */ m.createElement("div", {
-    ...f,
-    ...u,
+    ...D(p, u, f),
     ref: t,
     slot: e.slot || void 0
-  }, /* @__PURE__ */ m.createElement(N.Provider, {
+  }, /* @__PURE__ */ m.createElement(M.Provider, {
     value: {
       ...$,
       ref: o,
       elementType: "span"
     }
   }, u.children));
-}), ee = /* @__PURE__ */ new Set([
-  "form",
-  "formAction",
-  "formEncType",
-  "formMethod",
-  "formNoValidate",
-  "formTarget",
-  "name",
-  "value"
-]), te = /* @__PURE__ */ L({}), he = /* @__PURE__ */ A(function(e, t) {
-  [e, t] = E(e, t, te), e = ae(e);
-  let r = e, { isPending: i } = r, { buttonProps: n, isPressed: l } = Z(e, t), { focusProps: o, isFocused: d, isFocusVisible: f } = k(e), { hoverProps: $, isHovered: b } = z({
+}), 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({
     ...e,
     isDisabled: e.isDisabled || i
   }), u = {
     isHovered: b,
-    isPressed: (r.isPressed || l) && !i,
+    isPressed: (r.isPressed || n) && !i,
     isFocused: d,
     isFocusVisible: f,
     isDisabled: e.isDisabled || !1,
     isPending: i ?? !1
-  }, w = F({
+  }, p = R({
     ...e,
     values: u,
     defaultClassName: "react-aria-Button"
-  }), p = h(n.id), y = h(), c = n["aria-labelledby"];
-  i && (c ? c = `${c} ${y}` : n["aria-label"] && (c = `${p} ${y}`));
-  let g = B(i);
-  return H(() => {
-    let T = {
-      "aria-labelledby": c || p
+  }), 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 = {
+      "aria-labelledby": c || h
     };
-    (!g.current && d && i || g.current && d && !i) && D(T, "assertive"), g.current = i;
+    (!P.current && d && i || P.current && d && !i) && O(C, "assertive"), P.current = i;
   }, [
     i,
     d,
     c,
-    p
-  ]), /* @__PURE__ */ m.createElement("button", {
-    ...I(e, {
-      propNames: ee
-    }),
-    ...R(n, o, $),
-    ...w,
-    type: n.type === "submit" && i ? "button" : n.type,
-    id: p,
+    h
+  ]);
+  let F = T(e, {
+    global: !0
+  });
+  return delete F.onClick, /* @__PURE__ */ m.createElement("button", {
+    ...D(F, p, l, o, $),
+    // 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,
+    id: h,
     ref: t,
     "aria-labelledby": c,
     slot: e.slot || void 0,
-    "aria-disabled": i ? "true" : n["aria-disabled"],
+    "aria-disabled": i ? "true" : l["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-focus-visible": f || void 0
-  }, /* @__PURE__ */ m.createElement(M.Provider, {
+  }, /* @__PURE__ */ m.createElement(j.Provider, {
     value: {
-      id: y
+      id: g
     }
-  }, w.children));
+  }, p.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;
 }
 export {
   he as $,
-  Q as a,
-  N as b,
+  X as a,
+  M as b,
   pe as c,
   me as d,
   te as e,
-  D as f,
-  G as g,
+  O as f,
+  W as g,
   $e as h
 };

package/{Button-akT6Hvug.js → Button-DYcmg49Z.js}

@@ -1,6 +1,6 @@
 import { jsx as o, jsxs as a, Fragment as l } from "react/jsx-runtime";
-import { B as r } from "./Button.module-D-mPLRxe.js";
-import { $ as p } from "./Button-DtC_ZOyd.js";
+import { B as r } from "./Button.module-Bax2YU6N.js";
+import { $ as p } from "./Button-DD5_S-tD.js";
 import { c as u } from "./clsx-OuTLNxxd.js";
 const b = ({
   variant: e = "primary",

package/{Button-DQm2iqKU.cjs → Button-DrL5Jv-s.cjs}

@@ -1 +1 @@
-"use strict";const r=require("react/jsx-runtime"),t=require("./Button.module-goCEz5qs.cjs"),y=require("./Button-DZzQGk-L.cjs"),d=require("./clsx-C11secjj.cjs"),B=({variant:e="primary",fullwidth:u,className:o,iconPlacement:i,size:c="large",icon:n,iconSize:l,...s})=>r.jsx(y.$d2b4bc8c273e7be6$export$353f5b6fc5456de1,{className:d.clsx(t.ButtonStyles.button,e==="primary"&&t.ButtonStyles.primary,e==="secondary"&&t.ButtonStyles.secondary,e==="tertiary"&&t.ButtonStyles.tertiary,e==="danger"&&t.ButtonStyles.danger,e==="icon"&&t.ButtonStyles.iconBtn,u&&t.ButtonStyles.fullwidth,c==="medium"&&t.ButtonStyles.medium,i==="right"&&t.ButtonStyles.iconRight,o),...s,children:r.jsxs(r.Fragment,{children:[n&&r.jsx(n,{"aria-hidden":!0,size:l??20}),s.children]})});exports.Button=B;
+"use strict";const r=require("react/jsx-runtime"),t=require("./Button.module-BNLcvARn.cjs"),y=require("./Button-CMIbSc4-.cjs"),d=require("./clsx-C11secjj.cjs"),B=({variant:e="primary",fullwidth:u,className:o,iconPlacement:i,size:c="large",icon:n,iconSize:l,...s})=>r.jsx(y.$d2b4bc8c273e7be6$export$353f5b6fc5456de1,{className:d.clsx(t.ButtonStyles.button,e==="primary"&&t.ButtonStyles.primary,e==="secondary"&&t.ButtonStyles.secondary,e==="tertiary"&&t.ButtonStyles.tertiary,e==="danger"&&t.ButtonStyles.danger,e==="icon"&&t.ButtonStyles.iconBtn,u&&t.ButtonStyles.fullwidth,c==="medium"&&t.ButtonStyles.medium,i==="right"&&t.ButtonStyles.iconRight,o),...s,children:r.jsxs(r.Fragment,{children:[n&&r.jsx(n,{"aria-hidden":!0,size:l??20}),s.children]})});exports.Button=B;

package/Button.module-BNLcvARn.cjs

@@ -0,0 +1 @@
+"use strict";require('./assets/Button.css');const t="_button_1sgsx_4",s="_secondary_1sgsx_51",n="_tertiary_1sgsx_74",_="_iconBtn_1sgsx_94",o="_medium_1sgsx_114",i="_danger_1sgsx_119",c="_iconRight_1sgsx_141",r="_fullwidth_1sgsx_145",e="_primary_1sgsx_155",g={button:t,secondary:s,tertiary:n,iconBtn:_,medium:o,danger:i,iconRight:c,fullwidth:r,primary:e};exports.ButtonStyles=g;

package/Button.module-Bax2YU6N.js

@@ -0,0 +1,14 @@
+import './assets/Button.css';const t = "_button_1sgsx_4", s = "_secondary_1sgsx_51", n = "_tertiary_1sgsx_74", _ = "_iconBtn_1sgsx_94", o = "_medium_1sgsx_114", i = "_danger_1sgsx_119", c = "_iconRight_1sgsx_141", r = "_fullwidth_1sgsx_145", g = "_primary_1sgsx_155", e = {
+  button: t,
+  secondary: s,
+  tertiary: n,
+  iconBtn: _,
+  medium: o,
+  danger: i,
+  iconRight: c,
+  fullwidth: r,
+  primary: g
+};
+export {
+  e as B
+};

package/ButtonGroup-ClYTgaRc.cjs

@@ -0,0 +1 @@
+"use strict";require('./assets/ButtonGroup.css');const s=require("react/jsx-runtime"),n=require("./clsx-C11secjj.cjs"),e="_buttonGroup_dinoh_4",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-DvVvear6.js → ButtonGroup-WZZDPu9Z.js}

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

package/CHANGELOG.md

@@ -1,3 +1,68 @@
+## 12.1.0 (2025-09-10)
+
+### 🚀 Features
+
+- **menu:** new Menu component ([#744](https://github.com/migrationsverket/midas/pull/744))
+- **combobox:** add loading indicator ([#772](https://github.com/migrationsverket/midas/pull/772), [#712](https://github.com/migrationsverket/midas/issues/712))
+
+### 🩹 Fixes
+
+- repair broken tokens ([e905bbf788](https://github.com/migrationsverket/midas/commit/e905bbf788))
+- **select:** minor screen reader announcement bugs ([#775](https://github.com/migrationsverket/midas/pull/775))
+- **accordion:** add margin for focus indicator ([#780](https://github.com/migrationsverket/midas/pull/780))
+- broken tokens ([#782](https://github.com/migrationsverket/midas/pull/782))
+- **layout:** add basepath to active link comparison ([4dec0a45ef](https://github.com/migrationsverket/midas/commit/4dec0a45ef))
+- **badge:** change background color in dark mode ([f40f2dad67](https://github.com/migrationsverket/midas/commit/f40f2dad67))
+- **select:** add aria label to checkbox ([e6cb387a7f](https://github.com/migrationsverket/midas/commit/e6cb387a7f))
+- **components:** export missing listbox types from component lib ([1f06b98610](https://github.com/migrationsverket/midas/commit/1f06b98610))
+- **textfield:** remove duplicate props spreading ([#769](https://github.com/migrationsverket/midas/pull/769))
+- **textfield:** make textarea resizable and remove size from controls storybook ([6d04e25308](https://github.com/migrationsverket/midas/commit/6d04e25308))
+
+### 💅 Refactors
+
+- rename variables in \*.module.css ([42329bde56](https://github.com/migrationsverket/midas/commit/42329bde56))
+- Migrate CSS custom properties from tokens.css to theme.css ([8a21fe5783](https://github.com/migrationsverket/midas/commit/8a21fe5783))
+
+### 📖 Documentation changes
+
+- update tokens page with headers and remove tokens from list that are only refs ([ded9bfa8c7](https://github.com/migrationsverket/midas/commit/ded9bfa8c7))
+
+### 🔧 Maintenance
+
+- **deps:** bump vite in the npm_and_yarn group across 1 directory ([7758e60274](https://github.com/migrationsverket/midas/commit/7758e60274))
+- add css variable linting ([c39e488881](https://github.com/migrationsverket/midas/commit/c39e488881))
+- add dummy comment ([0c12e51cec](https://github.com/migrationsverket/midas/commit/0c12e51cec))
+- move sd config into components package ([4e61ffb05b](https://github.com/migrationsverket/midas/commit/4e61ffb05b))
+- replace rgba() with hex color ([c03b3a7737](https://github.com/migrationsverket/midas/commit/c03b3a7737))
+- set proper object relationship `white: {base: {$value: ...` ([a60bd1643e](https://github.com/migrationsverket/midas/commit/a60bd1643e))
+- add comments to deprecations in tokens.ts ([1adf6a5ffa](https://github.com/migrationsverket/midas/commit/1adf6a5ffa))
+- fix incorrect color generation for nested light-dark ([83b80912f9](https://github.com/migrationsverket/midas/commit/83b80912f9))
+- deprecate tokens.ts and add a warning text to relevant docs ([3025708cc3](https://github.com/migrationsverket/midas/commit/3025708cc3))
+- fix additional `base` variables ([f698b08f8f](https://github.com/migrationsverket/midas/commit/f698b08f8f))
+- replace `@` with `base`, additional cleanup ([2c6bf1e35a](https://github.com/migrationsverket/midas/commit/2c6bf1e35a))
+- correct badge style fixes ([dc8555d733](https://github.com/migrationsverket/midas/commit/dc8555d733))
+- update new badge colors ([f287e78fab](https://github.com/migrationsverket/midas/commit/f287e78fab))
+- add types to generated tokens ([ba3749bd68](https://github.com/migrationsverket/midas/commit/ba3749bd68))
+- temporarily allow js to get a successful build ([2615fe4c40](https://github.com/migrationsverket/midas/commit/2615fe4c40))
+- ignore variables.css in stylelint ([859dbfbd75](https://github.com/migrationsverket/midas/commit/859dbfbd75))
+- start working on docs ([551e825e38](https://github.com/migrationsverket/midas/commit/551e825e38))
+- clean and update style dictionary script ([4a9423ddb6](https://github.com/migrationsverket/midas/commit/4a9423ddb6))
+- remove theme.css generator ([75adb9e1d5](https://github.com/migrationsverket/midas/commit/75adb9e1d5))
+- rename custom css properties ([aa3eddcef9](https://github.com/migrationsverket/midas/commit/aa3eddcef9))
+- update sd build script ([0b9eb9955e](https://github.com/migrationsverket/midas/commit/0b9eb9955e))
+- add basic config and json input for style dictionary ([6af3212a6a](https://github.com/migrationsverket/midas/commit/6af3212a6a))
+- **deps:** bump the npm_and_yarn group across 1 directory with 4 updates ([67b2b595a1](https://github.com/migrationsverket/midas/commit/67b2b595a1))
+- relax stylelint config to allow media query syntax ([5b6955e604](https://github.com/migrationsverket/midas/commit/5b6955e604))
+- remove check-values-import.js since it is no longer applicable ([f4c3ee95a4](https://github.com/migrationsverket/midas/commit/f4c3ee95a4))
+- create separate storybook configs for serve and build ([642e155d8a](https://github.com/migrationsverket/midas/commit/642e155d8a))
+- update dependencies ([#751](https://github.com/migrationsverket/midas/pull/751))
+
+### 🧪 Tests updated
+
+- **table:** add a11y test with links in a striped table ([f3cd83cee2](https://github.com/migrationsverket/midas/commit/f3cd83cee2))
+- **table:** remove flaky test ([9b309c1ade](https://github.com/migrationsverket/midas/commit/9b309c1ade))
+- **tag:** add textValue to mute console.warn ([d5d68e4363](https://github.com/migrationsverket/midas/commit/d5d68e4363))
+
 # 12.0.0 (2025-08-27)
 
 ### 🚀 Features