@midas-ds/components 15.0.0 → 15.1.0

package/AccordionItem-8UtB6O1X.js

@@ -0,0 +1,347 @@
+import { jsx as f, jsxs as I } from "react/jsx-runtime";
+import { c as y } from "./clsx-jbLnTBqA.js";
+import { i as j } from "./icon-map-uS87FT_Q.js";
+import b, { useRef as A, useCallback as h, useEffect as P, useMemo as K, forwardRef as v, createContext as m, useContext as w } from "react";
+import { e as N } from "./Button-BbfVT9Yl.js";
+import { $ as G, a as C, f as S, g as q, h as O } from "./utils-D2iKpxcZ.js";
+import { c as E, $ as J, a as B } from "./mergeProps-Ct8m5-xW.js";
+import { $ as D } from "./filterDOMProps-wsa9OcNI.js";
+import { $ as M } from "./useControlledState-u436Wbp1.js";
+import { flushSync as L } from "react-dom";
+import { $ as Q } from "./useEvent-smuTnX4G.js";
+import { $ as U } from "./SSRProvider-D8lZ0o6A.js";
+import { $ as R } from "./useFocusRing-CcxI7nbg.js";
+import { B as X } from "./Button-DdXFHfXw.js";
+import { H as Y } from "./Heading-CCoGfKQ8.js";
+import { C as Z } from "./chevron-down-DmZMdOiC.js";
+import './assets/AccordionItem.css';const ee = "_root_17bdp_1", te = "_contained_17bdp_5", _ = {
+  root: ee,
+  contained: te
+};
+function ne(i, e, a) {
+  let { isDisabled: n } = i, s = E(), d = E(), r = U(), c = A(null), u = h(() => {
+    c.current = requestAnimationFrame(() => {
+      a.current && a.current.setAttribute("hidden", "until-found");
+    }), L(() => {
+      e.toggle();
+    });
+  }, [
+    a,
+    e
+  ]);
+  Q(a, "beforematch", u);
+  let o = A(null);
+  return J(() => {
+    if (c.current && cancelAnimationFrame(c.current), a.current && !n && !r) {
+      let t = a.current;
+      o.current == null || typeof t.getAnimations != "function" ? e.isExpanded ? (t.removeAttribute("hidden"), t.style.setProperty("--disclosure-panel-width", "auto"), t.style.setProperty("--disclosure-panel-height", "auto")) : (t.setAttribute("hidden", "until-found"), t.style.setProperty("--disclosure-panel-width", "0px"), t.style.setProperty("--disclosure-panel-height", "0px")) : e.isExpanded !== o.current && (e.isExpanded ? (t.removeAttribute("hidden"), t.style.setProperty("--disclosure-panel-width", t.scrollWidth + "px"), t.style.setProperty("--disclosure-panel-height", t.scrollHeight + "px"), Promise.all(t.getAnimations().map((p) => p.finished)).then(() => {
+        t.style.setProperty("--disclosure-panel-width", "auto"), t.style.setProperty("--disclosure-panel-height", "auto");
+      }).catch(() => {
+      })) : (t.style.setProperty("--disclosure-panel-width", t.scrollWidth + "px"), t.style.setProperty("--disclosure-panel-height", t.scrollHeight + "px"), window.getComputedStyle(t).height, t.style.setProperty("--disclosure-panel-width", "0px"), t.style.setProperty("--disclosure-panel-height", "0px"), Promise.all(t.getAnimations().map((p) => p.finished)).then(() => t.setAttribute("hidden", "until-found")).catch(() => {
+      }))), o.current = e.isExpanded;
+    }
+  }, [
+    n,
+    a,
+    e.isExpanded,
+    r
+  ]), P(() => () => {
+    c.current && cancelAnimationFrame(c.current);
+  }, []), {
+    buttonProps: {
+      id: s,
+      "aria-expanded": e.isExpanded,
+      "aria-controls": d,
+      onPress: (t) => {
+        !n && t.pointerType !== "keyboard" && e.toggle();
+      },
+      isDisabled: n,
+      onPressStart(t) {
+        t.pointerType === "keyboard" && !n && e.toggle();
+      }
+    },
+    panelProps: {
+      id: d,
+      // This can be overridden at the panel element level.
+      role: "group",
+      "aria-labelledby": s,
+      "aria-hidden": !e.isExpanded,
+      hidden: r || n ? n || !e.isExpanded : void 0
+    }
+  };
+}
+function ae(i) {
+  let [e, a] = M(i.isExpanded, i.defaultExpanded || !1, i.onExpandedChange);
+  const n = h(() => {
+    a(!0);
+  }, [
+    a
+  ]), s = h(() => {
+    a(!1);
+  }, [
+    a
+  ]), d = h(() => {
+    a(!e);
+  }, [
+    a,
+    e
+  ]);
+  return {
+    isExpanded: e,
+    setExpanded: a,
+    expand: n,
+    collapse: s,
+    toggle: d
+  };
+}
+function se(i) {
+  let { allowsMultipleExpanded: e = !1, isDisabled: a = !1 } = i, [n, s] = M(K(() => i.expandedKeys ? new Set(i.expandedKeys) : void 0, [
+    i.expandedKeys
+  ]), K(() => i.defaultExpandedKeys ? new Set(i.defaultExpandedKeys) : /* @__PURE__ */ new Set(), [
+    i.defaultExpandedKeys
+  ]), i.onExpandedChange);
+  return P(() => {
+    if (!e && n.size > 1) {
+      let d = n.values().next().value;
+      d != null && s(/* @__PURE__ */ new Set([
+        d
+      ]));
+    }
+  }), {
+    allowsMultipleExpanded: e,
+    isDisabled: a,
+    expandedKeys: n,
+    setExpandedKeys: s,
+    toggleKey(d) {
+      let r;
+      e ? (r = new Set(n), r.has(d) ? r.delete(d) : r.add(d)) : r = new Set(n.has(d) ? [] : [
+        d
+      ]), s(r);
+    }
+  };
+}
+const F = /* @__PURE__ */ m(null), ie = /* @__PURE__ */ v(function(e, a) {
+  let n = se(e), s = C({
+    ...e,
+    defaultClassName: "react-aria-DisclosureGroup",
+    values: {
+      isDisabled: n.isDisabled,
+      state: n
+    }
+  }), d = D(e, {
+    global: !0
+  });
+  return /* @__PURE__ */ b.createElement("div", {
+    ...d,
+    ...s,
+    ref: a,
+    "data-disabled": e.isDisabled || void 0
+  }, /* @__PURE__ */ b.createElement(F.Provider, {
+    value: n
+  }, s.children));
+}), de = /* @__PURE__ */ m(null), re = /* @__PURE__ */ m(null), W = /* @__PURE__ */ m(null), oe = /* @__PURE__ */ v(function(e, a) {
+  [e, a] = G(e, a, de);
+  let n = w(F), { id: s, ...d } = e, r = E();
+  s || (s = r);
+  let c = n ? n.expandedKeys.has(s) : e.isExpanded, u = ae({
+    ...e,
+    isExpanded: c,
+    onExpandedChange(H) {
+      var $;
+      n && n.toggleKey(s), ($ = e.onExpandedChange) === null || $ === void 0 || $.call(e, H);
+    }
+  }), o = b.useRef(null), t = e.isDisabled || (n == null ? void 0 : n.isDisabled) || !1, { buttonProps: p, panelProps: g } = ne({
+    ...e,
+    isExpanded: c,
+    isDisabled: t
+  }, u, o), { isFocusVisible: x, focusProps: V } = R({
+    within: !0
+  }), k = C({
+    ...e,
+    id: void 0,
+    defaultClassName: "react-aria-Disclosure",
+    values: {
+      isExpanded: u.isExpanded,
+      isDisabled: t,
+      isFocusVisibleWithin: x,
+      state: u
+    }
+  }), z = D(d, {
+    global: !0
+  });
+  return /* @__PURE__ */ b.createElement(S, {
+    values: [
+      [
+        N,
+        {
+          slots: {
+            [q]: {},
+            trigger: p
+          }
+        }
+      ],
+      [
+        W,
+        {
+          panelProps: g,
+          panelRef: o
+        }
+      ],
+      [
+        re,
+        u
+      ]
+    ]
+  }, /* @__PURE__ */ b.createElement("div", {
+    ...B(z, k, V),
+    ref: a,
+    "data-expanded": u.isExpanded || void 0,
+    "data-disabled": t || void 0,
+    "data-focus-visible-within": x || void 0
+  }, k.children));
+}), le = /* @__PURE__ */ v(function(e, a) {
+  let { role: n = "group" } = e, { panelProps: s, panelRef: d } = w(W), { isFocusVisible: r, focusProps: c } = R({
+    within: !0
+  }), u = C({
+    ...e,
+    defaultClassName: "react-aria-DisclosurePanel",
+    values: {
+      isFocusVisibleWithin: r
+    }
+  }), o = D(e, {
+    global: !0
+  });
+  return /* @__PURE__ */ b.createElement("div", {
+    ...B(o, u, s, c),
+    ref: O(a, d),
+    role: n,
+    "data-focus-visible-within": r || void 0
+  }, /* @__PURE__ */ b.createElement(S, {
+    values: [
+      [
+        N,
+        null
+      ]
+    ]
+  }, e.children));
+}), T = m(void 0), je = ({
+  variant: i,
+  children: e,
+  className: a,
+  isContained: n,
+  size: s = "large",
+  ...d
+}) => {
+  const r = n || i === "contained";
+  return /* @__PURE__ */ f(T.Provider, { value: { isContained: r, size: s }, children: /* @__PURE__ */ f(
+    ie,
+    {
+      className: y(
+        _.root,
+        r ? _.contained : _.uncontained,
+        a
+      ),
+      ...d,
+      children: e
+    }
+  ) });
+}, ce = "_item_bbrk2_1", ue = "_contained_bbrk2_18", fe = "_medium_bbrk2_28", pe = "_success_bbrk2_33", be = "_warning_bbrk2_39", me = "_info_bbrk2_45", ge = "_important_bbrk2_51", xe = "_triggerButton_bbrk2_62", he = "_triggerText_bbrk2_66", $e = "_trigger_bbrk2_62", _e = "_triggerMainContent_bbrk2_79", ye = "_chevronIcon_bbrk2_96", Ee = "_statusIcon_bbrk2_102", Pe = "_panel_bbrk2_120", ve = "_content_bbrk2_128", we = "_hasBackground_bbrk2_133", Ce = "_header_bbrk2_137", l = {
+  item: ce,
+  contained: ue,
+  medium: fe,
+  success: pe,
+  warning: be,
+  info: me,
+  important: ge,
+  triggerButton: xe,
+  triggerText: he,
+  trigger: $e,
+  triggerMainContent: _e,
+  "	": "_	_bbrk2_1",
+  chevronIcon: ye,
+  statusIcon: Ee,
+  panel: Pe,
+  content: ve,
+  hasBackground: we,
+  header: Ce
+}, Ge = ({
+  title: i,
+  children: e,
+  className: a,
+  headingLevel: n = "h2",
+  type: s,
+  hasBackground: d = !0,
+  size: r = "large",
+  isContained: c,
+  ...u
+}) => {
+  const o = w(T), t = c ?? (o == null ? void 0 : o.isContained) ?? !1, p = typeof i == "object";
+  P(() => {
+    s && !t && console.warn(
+      "AccordionItem: When 'type' is set, it is recommended to also set 'isContained' to true for visual consistency."
+    );
+  }, [s, t]);
+  const g = s ? j[s] : null, x = g ? /* @__PURE__ */ f(
+    g,
+    {
+      size: 20,
+      className: l.statusIcon
+    }
+  ) : null;
+  return /* @__PURE__ */ I(
+    oe,
+    {
+      ...u,
+      className: y(
+        l.item,
+        s && l[s],
+        (r === "medium" || (o == null ? void 0 : o.size) === "medium") && l.medium,
+        t && l.contained,
+        a
+      ),
+      children: [
+        /* @__PURE__ */ f("div", { className: l.trigger, children: /* @__PURE__ */ I(
+          X,
+          {
+            className: l.triggerButton,
+            slot: "trigger",
+            variant: "icon",
+            children: [
+              /* @__PURE__ */ f(
+                Z,
+                {
+                  size: 20,
+                  className: l.chevronIcon
+                }
+              ),
+              /* @__PURE__ */ f("div", { className: l.triggerMainContent, children: p ? i : /* @__PURE__ */ f(
+                Y,
+                {
+                  level: 3,
+                  elementType: n,
+                  className: l.triggerText,
+                  children: i
+                }
+              ) }),
+              x
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ f(le, { className: l.panel, children: /* @__PURE__ */ f(
+          "div",
+          {
+            className: y(
+              l.content,
+              d && l.hasBackground
+            ),
+            children: e
+          }
+        ) })
+      ]
+    }
+  );
+};
+export {
+  Ge as A,
+  je as a
+};

package/AccordionItem-DKE794Si.cjs

@@ -0,0 +1 @@
+"use strict";require('./assets/AccordionItem.css');const b=require("react/jsx-runtime"),E=require("./clsx-DKOfLqne.cjs"),S=require("./icon-map-9XcghDra.cjs"),d=require("react"),v=require("./Button-1sEX8jKn.cjs"),p=require("./utils-CtICjCYt.cjs"),$=require("./mergeProps-Du5A8xi8.cjs"),y=require("./filterDOMProps-RRlKPKX0.cjs"),C=require("./useControlledState-D0L6S_5r.cjs"),K=require("react-dom"),M=require("./useEvent-C125NAue.cjs"),N=require("./SSRProvider-DZRLwxPS.cjs"),w=require("./useFocusRing-C-XVcAE5.cjs"),j=require("./Button-BEWKXjlP.cjs"),B=require("./Heading-x7y3xadc.cjs"),F=require("./chevron-down-5hFlg_lR.cjs"),W="_root_17bdp_1",T="_contained_17bdp_5",_={root:W,contained:T};function V(r,e,s){let{isDisabled:n}=r,a=$.$bdb11010cef70236$export$f680877a34711e37(),i=$.$bdb11010cef70236$export$f680877a34711e37(),o=N.$b5e257d569688ac6$export$535bd6ca7f90a273(),u=d.useRef(null),f=d.useCallback(()=>{u.current=requestAnimationFrame(()=>{s.current&&s.current.setAttribute("hidden","until-found")}),K.flushSync(()=>{e.toggle()})},[s,e]);M.$e9faafb641e167db$export$90fc3a17d93f704c(s,"beforematch",f);let c=d.useRef(null);return $.$f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(()=>{if(u.current&&cancelAnimationFrame(u.current),s.current&&!n&&!o){let t=s.current;c.current==null||typeof t.getAnimations!="function"?e.isExpanded?(t.removeAttribute("hidden"),t.style.setProperty("--disclosure-panel-width","auto"),t.style.setProperty("--disclosure-panel-height","auto")):(t.setAttribute("hidden","until-found"),t.style.setProperty("--disclosure-panel-width","0px"),t.style.setProperty("--disclosure-panel-height","0px")):e.isExpanded!==c.current&&(e.isExpanded?(t.removeAttribute("hidden"),t.style.setProperty("--disclosure-panel-width",t.scrollWidth+"px"),t.style.setProperty("--disclosure-panel-height",t.scrollHeight+"px"),Promise.all(t.getAnimations().map(x=>x.finished)).then(()=>{t.style.setProperty("--disclosure-panel-width","auto"),t.style.setProperty("--disclosure-panel-height","auto")}).catch(()=>{})):(t.style.setProperty("--disclosure-panel-width",t.scrollWidth+"px"),t.style.setProperty("--disclosure-panel-height",t.scrollHeight+"px"),window.getComputedStyle(t).height,t.style.setProperty("--disclosure-panel-width","0px"),t.style.setProperty("--disclosure-panel-height","0px"),Promise.all(t.getAnimations().map(x=>x.finished)).then(()=>t.setAttribute("hidden","until-found")).catch(()=>{}))),c.current=e.isExpanded}},[n,s,e.isExpanded,o]),d.useEffect(()=>()=>{u.current&&cancelAnimationFrame(u.current)},[]),{buttonProps:{id:a,"aria-expanded":e.isExpanded,"aria-controls":i,onPress:t=>{!n&&t.pointerType!=="keyboard"&&e.toggle()},isDisabled:n,onPressStart(t){t.pointerType==="keyboard"&&!n&&e.toggle()}},panelProps:{id:i,role:"group","aria-labelledby":a,"aria-hidden":!e.isExpanded,hidden:o||n?n||!e.isExpanded:void 0}}}function z(r){let[e,s]=C.$458b0a5536c1a7cf$export$40bfa8c7b0832715(r.isExpanded,r.defaultExpanded||!1,r.onExpandedChange);const n=d.useCallback(()=>{s(!0)},[s]),a=d.useCallback(()=>{s(!1)},[s]),i=d.useCallback(()=>{s(!e)},[s,e]);return{isExpanded:e,setExpanded:s,expand:n,collapse:a,toggle:i}}function H(r){let{allowsMultipleExpanded:e=!1,isDisabled:s=!1}=r,[n,a]=C.$458b0a5536c1a7cf$export$40bfa8c7b0832715(d.useMemo(()=>r.expandedKeys?new Set(r.expandedKeys):void 0,[r.expandedKeys]),d.useMemo(()=>r.defaultExpandedKeys?new Set(r.defaultExpandedKeys):new Set,[r.defaultExpandedKeys]),r.onExpandedChange);return d.useEffect(()=>{if(!e&&n.size>1){let i=n.values().next().value;i!=null&&a(new Set([i]))}}),{allowsMultipleExpanded:e,isDisabled:s,expandedKeys:n,setExpandedKeys:a,toggleKey(i){let o;e?(o=new Set(n),o.has(i)?o.delete(i):o.add(i)):o=new Set(n.has(i)?[]:[i]),a(o)}}}const k=d.createContext(null),O=d.forwardRef(function(e,s){let n=H(e),a=p.$64fa3d84918910a7$export$4d86445c2cf5e3({...e,defaultClassName:"react-aria-DisclosureGroup",values:{isDisabled:n.isDisabled,state:n}}),i=y.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(e,{global:!0});return d.createElement("div",{...i,...a,ref:s,"data-disabled":e.isDisabled||void 0},d.createElement(k.Provider,{value:n},a.children))}),G=d.createContext(null),J=d.createContext(null),D=d.createContext(null),L=d.forwardRef(function(e,s){[e,s]=p.$64fa3d84918910a7$export$29f1550f4b0d4415(e,s,G);let n=d.useContext(k),{id:a,...i}=e,o=$.$bdb11010cef70236$export$f680877a34711e37();a||(a=o);let u=n?n.expandedKeys.has(a):e.isExpanded,f=z({...e,isExpanded:u,onExpandedChange(q){var m;n&&n.toggleKey(a),(m=e.onExpandedChange)===null||m===void 0||m.call(e,q)}}),c=d.useRef(null),t=e.isDisabled||(n==null?void 0:n.isDisabled)||!1,{buttonProps:x,panelProps:g}=V({...e,isExpanded:u,isDisabled:t},f,c),{isFocusVisible:h,focusProps:I}=w.$f7dceffc5ad7768b$export$4e328f61c538687f({within:!0}),P=p.$64fa3d84918910a7$export$4d86445c2cf5e3({...e,id:void 0,defaultClassName:"react-aria-Disclosure",values:{isExpanded:f.isExpanded,isDisabled:t,isFocusVisibleWithin:h,state:f}}),R=y.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(i,{global:!0});return d.createElement(p.$64fa3d84918910a7$export$2881499e37b75b9a,{values:[[v.$d2b4bc8c273e7be6$export$24d547caef80ccd1,{slots:{[p.$64fa3d84918910a7$export$c62b8e45d58ddad9]:{},trigger:x}}],[D,{panelProps:g,panelRef:c}],[J,f]]},d.createElement("div",{...$.$3ef42575df84b30b$export$9d1611c77c2fe928(R,P,I),ref:s,"data-expanded":f.isExpanded||void 0,"data-disabled":t||void 0,"data-focus-visible-within":h||void 0},P.children))}),Q=d.forwardRef(function(e,s){let{role:n="group"}=e,{panelProps:a,panelRef:i}=d.useContext(D),{isFocusVisible:o,focusProps:u}=w.$f7dceffc5ad7768b$export$4e328f61c538687f({within:!0}),f=p.$64fa3d84918910a7$export$4d86445c2cf5e3({...e,defaultClassName:"react-aria-DisclosurePanel",values:{isFocusVisibleWithin:o}}),c=y.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(e,{global:!0});return d.createElement("div",{...$.$3ef42575df84b30b$export$9d1611c77c2fe928(c,f,a,u),ref:p.$5dc95899b306f630$export$c9058316764c140e(s,i),role:n,"data-focus-visible-within":o||void 0},d.createElement(p.$64fa3d84918910a7$export$2881499e37b75b9a,{values:[[v.$d2b4bc8c273e7be6$export$24d547caef80ccd1,null]]},e.children))}),A=d.createContext(void 0),U=({variant:r,children:e,className:s,isContained:n,size:a="large",...i})=>{const o=n||r==="contained";return b.jsx(A.Provider,{value:{isContained:o,size:a},children:b.jsx(O,{className:E.clsx(_.root,o?_.contained:_.uncontained,s),...i,children:e})})},X="_item_bbrk2_1",Y="_contained_bbrk2_18",Z="_medium_bbrk2_28",ee="_success_bbrk2_33",te="_warning_bbrk2_39",ne="_info_bbrk2_45",se="_important_bbrk2_51",de="_triggerButton_bbrk2_62",ae="_triggerText_bbrk2_66",re="_trigger_bbrk2_62",ie="_triggerMainContent_bbrk2_79",oe="_chevronIcon_bbrk2_96",ce="_statusIcon_bbrk2_102",le="_panel_bbrk2_120",ue="_content_bbrk2_128",fe="_hasBackground_bbrk2_133",be="_header_bbrk2_137",l={item:X,contained:Y,medium:Z,success:ee,warning:te,info:ne,important:se,triggerButton:de,triggerText:ae,trigger:re,triggerMainContent:ie,"	":"_	_bbrk2_1",chevronIcon:oe,statusIcon:ce,panel:le,content:ue,hasBackground:fe,header:be},pe=({title:r,children:e,className:s,headingLevel:n="h2",type:a,hasBackground:i=!0,size:o="large",isContained:u,...f})=>{const c=d.useContext(A),t=u??(c==null?void 0:c.isContained)??!1,x=typeof r=="object";d.useEffect(()=>{a&&!t&&console.warn("AccordionItem: When 'type' is set, it is recommended to also set 'isContained' to true for visual consistency.")},[a,t]);const g=a?S.iconMap[a]:null,h=g?b.jsx(g,{size:20,className:l.statusIcon}):null;return b.jsxs(L,{...f,className:E.clsx(l.item,a&&l[a],(o==="medium"||(c==null?void 0:c.size)==="medium")&&l.medium,t&&l.contained,s),children:[b.jsx("div",{className:l.trigger,children:b.jsxs(j.Button,{className:l.triggerButton,slot:"trigger",variant:"icon",children:[b.jsx(F.ChevronDown,{size:20,className:l.chevronIcon}),b.jsx("div",{className:l.triggerMainContent,children:x?r:b.jsx(B.Heading,{level:3,elementType:n,className:l.triggerText,children:r})}),h]})}),b.jsx(Q,{className:l.panel,children:b.jsx("div",{className:E.clsx(l.content,i&&l.hasBackground),children:e})})]})};exports.Accordion=U;exports.AccordionItem=pe;

package/CHANGELOG.md

@@ -1,8 +1,14 @@
+## 15.1.0 (2025-10-30)
+
+### 🚀 Features
+
+- **accordion:** add size prop ([#896](https://github.com/migrationsverket/midas/pull/896))
+
 # 15.0.0 (2025-10-28)
 
 ### 🚀 Features
 
-- ⚠️  **select:** replace custom select with new RAC based select
+- ⚠️ **select:** replace custom select with new RAC based select
 - **select:** use midas popover
 - **select:** update type imports
 - **select:** add sections
@@ -17,9 +23,9 @@
 - **tag:** add visible keyboard focus for all tags
 - **field-error:** remove margin from aria hidden siblings
 
-### ⚠️  Breaking Changes
+### ⚠️ Breaking Changes
 
-- ⚠️  **select:** replace custom select with new RAC based select
+- ⚠️ **select:** replace custom select with new RAC based select
 
 ## 14.1.0 (2025-10-27)
 

package/accordion/Accordion.d.ts

@@ -1,4 +1,5 @@
 import { DisclosureGroupProps } from 'react-aria-components';
+import { Size } from '../common/types';
 import * as React from 'react';
 export interface MidasAccordion extends DisclosureGroupProps {
     /**
@@ -9,6 +10,10 @@ export interface MidasAccordion extends DisclosureGroupProps {
     children?: React.ReactNode;
     isDisabled?: boolean;
     isContained?: boolean;
+    /** Component size when used with `isContained` (large: height 48px, medium: height 40px)
+     *  @default 'large'
+     **/
+    size?: Size;
 }
 /**
  * Accordions help reduce visual clutter on a page by organizing content into collapsible sections.

package/accordion/AccordionContext.d.ts

@@ -1,4 +1,3 @@
-export interface AccordionContextValue {
-    isContained: boolean;
-}
+import { MidasAccordion } from './Accordion';
+export type AccordionContextValue = Pick<MidasAccordion, 'isContained' | 'size'>;
 export declare const AccordionContext: import('react').Context<AccordionContextValue | undefined>;

package/accordion/AccordionItem.d.ts

@@ -1,6 +1,6 @@
 import { DisclosureProps } from 'react-aria-components';
 import { HeadingProps } from '../heading';
-import { FeedbackStatus } from '../common/types';
+import { FeedbackStatus, Size } from '../common/types';
 import * as React from 'react';
 interface MidasAccordionItem extends Omit<DisclosureProps, 'children'> {
     /** The text displayed in the collapsed state. If a ReactNode is provided, a heading will not be automatically added, and you must provide one yourself. */
@@ -16,6 +16,10 @@ interface MidasAccordionItem extends Omit<DisclosureProps, 'children'> {
      **/
     hasBackground?: boolean;
     isContained?: boolean;
+    /** Component size when used with `isContained`  (large: height 48px, medium: height 40px)
+     *  @default 'large'
+     **/
+    size?: Size;
 }
 export declare const AccordionItem: React.FC<MidasAccordionItem>;
 export {};

package/accordion/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../AccordionItem-tWS22wDv.cjs");exports.Accordion=o.Accordion;exports.AccordionItem=o.AccordionItem;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../AccordionItem-DKE794Si.cjs");exports.Accordion=o.Accordion;exports.AccordionItem=o.AccordionItem;

package/accordion/index.js

@@ -1,4 +1,4 @@
-import { a as r, A as a } from "../AccordionItem-DTbu3lqx.js";
+import { a as r, A as a } from "../AccordionItem-8UtB6O1X.js";
 export {
   r as Accordion,
   a as AccordionItem

package/assets/AccordionItem.css

@@ -1 +1 @@
-._root_17bdp_1{--gap: .75rem;--heading-color: var(--midas-text-primary);font-family:var(--midas-typography-font-family);color:var(--midas-text-primary);width:100%;display:flex;flex-direction:column;gap:var(--gap)}._root_17bdp_1._contained_17bdp_5{--gap: .25rem}._root_17bdp_1[data-disabled]{--heading-color: var(--midas-text-disabled)}._root_17bdp_1[data-disabled] ._triggerButton_17bdp_12{background:transparent}._item_1hy85_1{--item-padding: 0;--content-padding: var(--midas-size-20) var(--midas-size-40) var(--midas-size-40) 1.85rem;--border: none;--accordion-background: transparent;--accordion-background-hover: transparent;--text-color: var(--midas-text-primary);--icon-color: var(--midas-icon-primary);font-family:var(--midas-typography-font-family);color:var(--text-color);background-color:var(--accordion-background);border:var(--border);border-color:var(--border-color)}._contained_1hy85_18{--gap: .25rem;--item-padding: .75rem;--content-padding: var(--midas-size-60) var(--midas-size-80) var(--midas-size-80) var(--midas-size-80);--border-color: var(--midas-border-color-secondary);--border: 1px solid;--accordion-background: var(--midas-layer-01-base);--accordion-background-hover: var(--midas-layer-01-hover)}._success_1hy85_29{--accordion-background: var(--midas-support-background-success);--accordion-background-hover: var(--midas-support-background-success-hover);--border-color: var(--midas-support-border-success)}._warning_1hy85_35{--accordion-background: var(--midas-support-background-warning);--accordion-background-hover: var(--midas-support-background-warning-hover);--border-color: var(--midas-support-border-warning)}._info_1hy85_41{--accordion-background: var(--midas-support-background-info);--accordion-background-hover: var(--midas-support-background-info-hover);--border-color: var(--midas-support-border-info)}._important_1hy85_47{--accordion-background: var(--midas-support-background-important);--accordion-background-hover: var(--midas-support-background-important-hover);--border-color: var(--midas-support-border-important)}._item_1hy85_1[data-disabled]{--border-color: var(--midas-border-color-disabled);--icon-color: var(--midas-text-disabled);--text-color: var(--midas-text-disabled)}._item_1hy85_1[data-disabled] ._triggerButton_1hy85_58{background:transparent}._item_1hy85_1[data-disabled] ._triggerText_1hy85_62{color:var(--midas-text-disabled)}._trigger_1hy85_58{border:0;cursor:pointer;margin:0;position:relative;z-index:1}._triggerMainContent_1hy85_75{flex:1 0 0;text-align:left}._triggerText_1hy85_62{margin:0;padding:0}:not(#_\	_1hy85_1) ._triggerButton_1hy85_58{width:100%;padding:var(--item-padding);align-items:flex-start;min-height:unset}._chevronIcon_1hy85_92{transform:rotate(0);transition:transform var(--midas-transition-duration-normal) ease;padding:.125rem 0}._statusIcon_1hy85_98{color:var(--icon-color);padding:.125rem 0}@media (forced-colors: active){._statusIcon_1hy85_98{color:currentColor}}._triggerButton_1hy85_58[aria-expanded=true] ._chevronIcon_1hy85_92{transform:rotate(-180deg);transition:transform var(--midas-transition-duration-normal) ease}._triggerButton_1hy85_58[data-hovered]{background-color:var(--accordion-background-hover)}._panel_1hy85_116{height:var(--disclosure-panel-height);transition:height var(--midas-transition-panel-collapse);overflow:clip}._content_1hy85_124{height:auto;padding:var(--content-padding)}._hasBackground_1hy85_129{background-color:var(--midas-background-base)}._header_1hy85_133{margin:0}
+._root_17bdp_1{--gap: .75rem;--heading-color: var(--midas-text-primary);font-family:var(--midas-typography-font-family);color:var(--midas-text-primary);width:100%;display:flex;flex-direction:column;gap:var(--gap)}._root_17bdp_1._contained_17bdp_5{--gap: .25rem}._root_17bdp_1[data-disabled]{--heading-color: var(--midas-text-disabled)}._root_17bdp_1[data-disabled] ._triggerButton_17bdp_12{background:transparent}._item_bbrk2_1{--item-padding: 0;--content-padding: var(--midas-spacing-20) var(--midas-spacing-50) var(--midas-spacing-50) 1.85rem;--border: none;--accordion-background: transparent;--accordion-background-hover: transparent;--text-color: var(--midas-text-primary);--icon-color: var(--midas-icon-primary);font-family:var(--midas-typography-font-family);color:var(--text-color);background-color:var(--accordion-background);border:var(--border);border-color:var(--border-color)}._contained_bbrk2_18{--gap: var(--midas-spacing-20);--item-padding: calc(var(--midas-spacing-40) - 2px) var(--midas-spacing-40);--content-padding: var(--midas-spacing-40) var(--midas-spacing-50) var(--midas-spacing-50) var(--midas-spacing-50);--border-color: var(--midas-border-color-secondary);--border: 1px solid;--accordion-background: var(--midas-layer-01-base);--accordion-background-hover: var(--midas-layer-01-hover)}._contained_bbrk2_18._medium_bbrk2_28{--item-padding: calc(var(--midas-spacing-30) - 2px) var(--midas-spacing-40)}._success_bbrk2_33{--accordion-background: var(--midas-support-background-success);--accordion-background-hover: var(--midas-support-background-success-hover);--border-color: var(--midas-support-border-success)}._warning_bbrk2_39{--accordion-background: var(--midas-support-background-warning);--accordion-background-hover: var(--midas-support-background-warning-hover);--border-color: var(--midas-support-border-warning)}._info_bbrk2_45{--accordion-background: var(--midas-support-background-info);--accordion-background-hover: var(--midas-support-background-info-hover);--border-color: var(--midas-support-border-info)}._important_bbrk2_51{--accordion-background: var(--midas-support-background-important);--accordion-background-hover: var(--midas-support-background-important-hover);--border-color: var(--midas-support-border-important)}._item_bbrk2_1[data-disabled]{--border-color: var(--midas-border-color-disabled);--icon-color: var(--midas-text-disabled);--text-color: var(--midas-text-disabled)}._item_bbrk2_1[data-disabled] ._triggerButton_bbrk2_62{background:transparent}._item_bbrk2_1[data-disabled] ._triggerText_bbrk2_66{color:var(--midas-text-disabled)}._trigger_bbrk2_62{border:0;cursor:pointer;margin:0;position:relative;z-index:1}._triggerMainContent_bbrk2_79{flex:1 0 0;text-align:left}._triggerText_bbrk2_66{margin:0;padding:0}:not(#_\	_bbrk2_1) ._triggerButton_bbrk2_62{width:100%;padding:var(--item-padding);align-items:flex-start;min-height:unset}._chevronIcon_bbrk2_96{transform:rotate(0);transition:transform var(--midas-transition-duration-normal) ease;padding:var(--midas-spacing-10) 0}._statusIcon_bbrk2_102{color:var(--icon-color);padding:var(--midas-spacing-10) 0}@media (forced-colors: active){._statusIcon_bbrk2_102{color:currentColor}}._triggerButton_bbrk2_62[aria-expanded=true] ._chevronIcon_bbrk2_96{transform:rotate(-180deg);transition:transform var(--midas-transition-duration-normal) ease}._triggerButton_bbrk2_62[data-hovered]{background-color:var(--accordion-background-hover)}._panel_bbrk2_120{height:var(--disclosure-panel-height);transition:height var(--midas-transition-panel-collapse);overflow:clip}._content_bbrk2_128{height:auto;padding:var(--content-padding)}._hasBackground_bbrk2_133{background-color:var(--midas-background-base)}._header_bbrk2_137{margin:0}

package/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("./AccordionItem-tWS22wDv.cjs"),l=require("./BadgeContainer-BZl6mSeb.cjs"),m=require("./Breadcrumbs-BBDGxc68.cjs"),I=require("./Button-BEWKXjlP.cjs"),D=require("./ButtonGroup-BpvDDECt.cjs"),g=require("./RangeCalendar-CH0CyBui.cjs"),e=require("./Card-Db9xdzJ0.cjs"),k=require("./CharacterCounter-CTpQ12f7.cjs"),P=require("./Checkbox-BgrLxY6P.cjs"),G=require("./CheckboxGroup-thvsvOqD.cjs"),h=require("./ColorSchemeSwitch-Ckna0otR.cjs"),u=require("./ComboBox-DFPrJUoV.cjs"),R=require("./DateField-B92Cqf9K.cjs"),s=require("./DateInputDivider-CCrXjsUB.cjs"),T=require("./DateRangePicker-COSTCOt8.cjs"),B=require("./Dropdown-_g9l5k07.cjs"),v=require("./FieldError-JWxR_EqN.cjs"),b=require("./FileUpload-C0TjNkuh.cjs"),F=require("./Grid-B6G4PWn5.cjs"),M=require("./GridItem-BZ8eOXMB.cjs"),A=require("./Heading-x7y3xadc.cjs"),$=require("./InfoBanner-_M_rGQiu.cjs"),w=require("./Label-DpY2SZdQ.cjs"),t=require("./Layout-BrEuHajQ.cjs"),f=require("./Link-BvUSTIip.cjs"),H=require("./LinkButton-DGdnbTgR.cjs"),y=require("./Logo-4tRnV4Su.cjs"),E=require("./Dialog-DtOf0vWx.cjs"),N=require("./Popover-DpB0XDBp.cjs"),Q=require("./ProgressBar-BZqAQTV3.cjs"),C=require("./Radio-B3FBTn4F.cjs"),Z=require("./SearchField-BX7P7BgV.cjs"),j=require("./Select-D4wi-0Jw.cjs"),O=require("./Select-JIDW2mN8.cjs"),U=require("./Skeleton-8onymGEG.cjs"),z=require("./Spinner-DIapnvIz.cjs"),o=require("./Table-B1nxmW14.cjs"),a=require("./TabList-DVzXuGXA.cjs"),p=require("./Tag-BL-_PONN.cjs"),J=require("./Text-D5OSv6Uv.cjs"),n=require("./TextArea-Bjf8CBp0.cjs"),r=require("./Toast-DUZ5jfG1.cjs"),q=require("./ToggleButtonGroup-dnvnzkaD.cjs"),x=require("./Tooltip-D-ATlbIM.cjs"),K=require("./ListBox-u6ZXp5Yi.cjs"),L=require("./ListBoxLoadMoreItem-DMUOzVtt.cjs"),c=require("./ListBoxSection-CBlpg0AG.cjs"),i=require("./Separator-CSyYDGNE.cjs"),V=require("./usePress-DmU79HEg.cjs"),S=require("./Dialog-DycTLpdr.cjs");exports.Accordion=d.Accordion;exports.AccordionItem=d.AccordionItem;exports.Badge=l.Badge;exports.BadgeContainer=l.BadgeContainer;exports.Breadcrumbs=m.Breadcrumbs;exports.Button=I.Button;exports.ButtonGroup=D.ButtonGroup;exports.Calendar=g.Calendar;exports.RangeCalendar=g.RangeCalendar;exports.Card=e.Card;exports.CardActionArea=e.CardActionArea;exports.CardActions=e.CardActions;exports.CardContent=e.CardContent;exports.CardImage=e.CardImage;exports.CardLink=e.CardLink;exports.CardTitle=e.CardTitle;exports.CharacterCounter=k.CharacterCounter;exports.Checkbox=P.Checkbox;exports.CheckboxGroup=G.CheckboxGroup;exports.ColorSchemeSwitch=h.ColorSchemeSwitch;exports.ComboBox=u.ComboBox;exports.ComboBoxItem=u.ComboBoxItem;exports.ComboBoxSection=u.ComboBoxSection;exports.DateField=R.DateField;exports.DateInput=s.DateInput;exports.DateInputDivider=s.DateInputDivider;exports.DateSegment=s.DateSegment;exports.DatePicker=T.DatePicker;exports.DateRangePicker=T.DateRangePicker;exports.Dropdown=B.Dropdown;exports.DropdownItem=B.DropdownItem;exports.FieldError=v.FieldError;exports.DropZone=b.DropZone;exports.FileTrigger=b.FileTrigger;exports.Grid=F.Grid;exports.GridItem=M.GridItem;exports.Heading=A.Heading;exports.InfoBanner=$.InfoBanner;exports.Label=w.Label;exports.Header=t.Header;exports.Layout=t.Layout;exports.Navbar=t.Navbar;exports.Sidebar=t.Sidebar;exports.SidebarLink=t.SidebarLink;exports.Link=f.Link;exports.LinkButton=H.LinkButton;exports.Logo=y.Logo;exports.Modal=E.Modal;exports.Popover=N.Popover;exports.ProgressBar=Q.ProgressBar;exports.Radio=C.Radio;exports.RadioGroup=C.RadioGroup;exports.SearchField=Z.SearchField;exports.Select=j.Select;exports.LegacySelect=O.Select;exports.Skeleton=U.Skeleton;exports.Spinner=z.Spinner;exports.Cell=o.Cell;exports.Column=o.Column;exports.Row=o.Row;exports.Table=o.Table;exports.TableBody=o.TableBody;exports.TableHeader=o.TableHeader;exports.Tab=a.Tab;exports.TabList=a.TabList;exports.TabPanel=a.TabPanel;exports.Tabs=a.Tabs;exports.Tag=p.Tag;exports.TagGroup=p.TagGroup;exports.Text=J.Text;exports.Input=n.Input;exports.TextArea=n.TextArea;exports.TextField=n.TextField;exports.TextFieldBase=n.TextFieldBase;exports.GlobalToastRegion=r.GlobalToastRegion;exports.Toast=r.Toast;exports.ToastProvider=r.ToastProvider;exports.ToastRegion=r.ToastRegion;exports.toastQueue=r.toastQueue;exports.useToastState=r.useToastState;exports.ToggleButton=q.ToggleButton;exports.ToggleButtonGroup=q.ToggleButtonGroup;exports.Tooltip=x.Tooltip;exports.TooltipTrigger=x.TooltipTrigger;exports.ListBox=K.ListBox;exports.ListBoxButton=L.ListBoxButton;exports.ListBoxLoadMoreItem=L.ListBoxLoadMoreItem;exports.ListBoxHeader=c.ListBoxHeader;exports.ListBoxItem=c.ListBoxItem;exports.ListBoxPopover=c.ListBoxPopover;exports.ListBoxSection=c.ListBoxSection;exports.Menu=i.Menu;exports.MenuItem=i.MenuItem;exports.MenuPopover=i.MenuPopover;exports.MenuSection=i.MenuSection;exports.Separator=i.Separator;exports.RouterProvider=V.$ea8dcbcb9ea1b556$export$323e4fc2fa4753fb;exports.DialogTrigger=S.$de32f1b87079253c$export$2e1e1122cf0cba88;exports.MenuTrigger=S.$3674c52c6b3c5bce$export$27d2ad3c5815583e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("./AccordionItem-DKE794Si.cjs"),l=require("./BadgeContainer-BZl6mSeb.cjs"),m=require("./Breadcrumbs-BBDGxc68.cjs"),I=require("./Button-BEWKXjlP.cjs"),D=require("./ButtonGroup-BpvDDECt.cjs"),g=require("./RangeCalendar-CH0CyBui.cjs"),e=require("./Card-Db9xdzJ0.cjs"),k=require("./CharacterCounter-CTpQ12f7.cjs"),P=require("./Checkbox-BgrLxY6P.cjs"),G=require("./CheckboxGroup-thvsvOqD.cjs"),h=require("./ColorSchemeSwitch-Ckna0otR.cjs"),u=require("./ComboBox-DFPrJUoV.cjs"),R=require("./DateField-B92Cqf9K.cjs"),s=require("./DateInputDivider-CCrXjsUB.cjs"),T=require("./DateRangePicker-COSTCOt8.cjs"),B=require("./Dropdown-_g9l5k07.cjs"),v=require("./FieldError-JWxR_EqN.cjs"),b=require("./FileUpload-C0TjNkuh.cjs"),F=require("./Grid-B6G4PWn5.cjs"),M=require("./GridItem-BZ8eOXMB.cjs"),A=require("./Heading-x7y3xadc.cjs"),$=require("./InfoBanner-_M_rGQiu.cjs"),w=require("./Label-DpY2SZdQ.cjs"),t=require("./Layout-BrEuHajQ.cjs"),f=require("./Link-BvUSTIip.cjs"),H=require("./LinkButton-DGdnbTgR.cjs"),y=require("./Logo-4tRnV4Su.cjs"),E=require("./Dialog-DtOf0vWx.cjs"),N=require("./Popover-DpB0XDBp.cjs"),Q=require("./ProgressBar-BZqAQTV3.cjs"),C=require("./Radio-B3FBTn4F.cjs"),Z=require("./SearchField-BX7P7BgV.cjs"),j=require("./Select-D4wi-0Jw.cjs"),O=require("./Select-JIDW2mN8.cjs"),U=require("./Skeleton-8onymGEG.cjs"),z=require("./Spinner-DIapnvIz.cjs"),o=require("./Table-B1nxmW14.cjs"),a=require("./TabList-DVzXuGXA.cjs"),p=require("./Tag-BL-_PONN.cjs"),J=require("./Text-D5OSv6Uv.cjs"),n=require("./TextArea-Bjf8CBp0.cjs"),r=require("./Toast-DUZ5jfG1.cjs"),q=require("./ToggleButtonGroup-dnvnzkaD.cjs"),x=require("./Tooltip-D-ATlbIM.cjs"),K=require("./ListBox-u6ZXp5Yi.cjs"),L=require("./ListBoxLoadMoreItem-DMUOzVtt.cjs"),c=require("./ListBoxSection-CBlpg0AG.cjs"),i=require("./Separator-CSyYDGNE.cjs"),V=require("./usePress-DmU79HEg.cjs"),S=require("./Dialog-DycTLpdr.cjs");exports.Accordion=d.Accordion;exports.AccordionItem=d.AccordionItem;exports.Badge=l.Badge;exports.BadgeContainer=l.BadgeContainer;exports.Breadcrumbs=m.Breadcrumbs;exports.Button=I.Button;exports.ButtonGroup=D.ButtonGroup;exports.Calendar=g.Calendar;exports.RangeCalendar=g.RangeCalendar;exports.Card=e.Card;exports.CardActionArea=e.CardActionArea;exports.CardActions=e.CardActions;exports.CardContent=e.CardContent;exports.CardImage=e.CardImage;exports.CardLink=e.CardLink;exports.CardTitle=e.CardTitle;exports.CharacterCounter=k.CharacterCounter;exports.Checkbox=P.Checkbox;exports.CheckboxGroup=G.CheckboxGroup;exports.ColorSchemeSwitch=h.ColorSchemeSwitch;exports.ComboBox=u.ComboBox;exports.ComboBoxItem=u.ComboBoxItem;exports.ComboBoxSection=u.ComboBoxSection;exports.DateField=R.DateField;exports.DateInput=s.DateInput;exports.DateInputDivider=s.DateInputDivider;exports.DateSegment=s.DateSegment;exports.DatePicker=T.DatePicker;exports.DateRangePicker=T.DateRangePicker;exports.Dropdown=B.Dropdown;exports.DropdownItem=B.DropdownItem;exports.FieldError=v.FieldError;exports.DropZone=b.DropZone;exports.FileTrigger=b.FileTrigger;exports.Grid=F.Grid;exports.GridItem=M.GridItem;exports.Heading=A.Heading;exports.InfoBanner=$.InfoBanner;exports.Label=w.Label;exports.Header=t.Header;exports.Layout=t.Layout;exports.Navbar=t.Navbar;exports.Sidebar=t.Sidebar;exports.SidebarLink=t.SidebarLink;exports.Link=f.Link;exports.LinkButton=H.LinkButton;exports.Logo=y.Logo;exports.Modal=E.Modal;exports.Popover=N.Popover;exports.ProgressBar=Q.ProgressBar;exports.Radio=C.Radio;exports.RadioGroup=C.RadioGroup;exports.SearchField=Z.SearchField;exports.Select=j.Select;exports.LegacySelect=O.Select;exports.Skeleton=U.Skeleton;exports.Spinner=z.Spinner;exports.Cell=o.Cell;exports.Column=o.Column;exports.Row=o.Row;exports.Table=o.Table;exports.TableBody=o.TableBody;exports.TableHeader=o.TableHeader;exports.Tab=a.Tab;exports.TabList=a.TabList;exports.TabPanel=a.TabPanel;exports.Tabs=a.Tabs;exports.Tag=p.Tag;exports.TagGroup=p.TagGroup;exports.Text=J.Text;exports.Input=n.Input;exports.TextArea=n.TextArea;exports.TextField=n.TextField;exports.TextFieldBase=n.TextFieldBase;exports.GlobalToastRegion=r.GlobalToastRegion;exports.Toast=r.Toast;exports.ToastProvider=r.ToastProvider;exports.ToastRegion=r.ToastRegion;exports.toastQueue=r.toastQueue;exports.useToastState=r.useToastState;exports.ToggleButton=q.ToggleButton;exports.ToggleButtonGroup=q.ToggleButtonGroup;exports.Tooltip=x.Tooltip;exports.TooltipTrigger=x.TooltipTrigger;exports.ListBox=K.ListBox;exports.ListBoxButton=L.ListBoxButton;exports.ListBoxLoadMoreItem=L.ListBoxLoadMoreItem;exports.ListBoxHeader=c.ListBoxHeader;exports.ListBoxItem=c.ListBoxItem;exports.ListBoxPopover=c.ListBoxPopover;exports.ListBoxSection=c.ListBoxSection;exports.Menu=i.Menu;exports.MenuItem=i.MenuItem;exports.MenuPopover=i.MenuPopover;exports.MenuSection=i.MenuSection;exports.Separator=i.Separator;exports.RouterProvider=V.$ea8dcbcb9ea1b556$export$323e4fc2fa4753fb;exports.DialogTrigger=S.$de32f1b87079253c$export$2e1e1122cf0cba88;exports.MenuTrigger=S.$3674c52c6b3c5bce$export$27d2ad3c5815583e;

package/index.js

@@ -1,4 +1,4 @@
-import { a as r, A as e } from "./AccordionItem-DTbu3lqx.js";
+import { a as r, A as e } from "./AccordionItem-8UtB6O1X.js";
 import { B as s, a as p } from "./BadgeContainer-DilMiV6u.js";
 import { B as m } from "./Breadcrumbs-BenPNv8Z.js";
 import { B as i } from "./Button-DdXFHfXw.js";

package/package.json

@@ -14,7 +14,7 @@
   "description": "Midas Components",
   "homepage": "https://designsystem.migrationsverket.se/",
   "license": "CC0-1.0",
-  "version": "15.0.0",
+  "version": "15.1.0",
   "main": "./index.cjs",
   "module": "./index.js",
   "types": "./index.d.ts",

package/AccordionItem-DTbu3lqx.js

@@ -1,343 +0,0 @@
-import { jsx as u, jsxs as A } from "react/jsx-runtime";
-import { c as y } from "./clsx-jbLnTBqA.js";
-import { i as z } from "./icon-map-uS87FT_Q.js";
-import h, { useRef as K, useCallback as g, useEffect as E, useMemo as N, forwardRef as P, createContext as x, useContext as v } from "react";
-import { e as S } from "./Button-BbfVT9Yl.js";
-import { $ as G, a as w, f as B, g as q, h as O } from "./utils-D2iKpxcZ.js";
-import { c as _, $ as J, a as M } from "./mergeProps-Ct8m5-xW.js";
-import { $ as C } from "./filterDOMProps-wsa9OcNI.js";
-import { $ as R } from "./useControlledState-u436Wbp1.js";
-import { flushSync as L } from "react-dom";
-import { $ as Q } from "./useEvent-smuTnX4G.js";
-import { $ as U } from "./SSRProvider-D8lZ0o6A.js";
-import { $ as F } from "./useFocusRing-CcxI7nbg.js";
-import { B as X } from "./Button-DdXFHfXw.js";
-import { H as Y } from "./Heading-CCoGfKQ8.js";
-import { C as Z } from "./chevron-down-DmZMdOiC.js";
-import './assets/AccordionItem.css';const ee = "_root_17bdp_1", te = "_contained_17bdp_5", b = {
-  root: ee,
-  contained: te
-};
-function ne(d, e, a) {
-  let { isDisabled: n } = d, s = _(), i = _(), o = U(), l = K(null), r = g(() => {
-    l.current = requestAnimationFrame(() => {
-      a.current && a.current.setAttribute("hidden", "until-found");
-    }), L(() => {
-      e.toggle();
-    });
-  }, [
-    a,
-    e
-  ]);
-  Q(a, "beforematch", r);
-  let c = K(null);
-  return J(() => {
-    if (l.current && cancelAnimationFrame(l.current), a.current && !n && !o) {
-      let t = a.current;
-      c.current == null || typeof t.getAnimations != "function" ? e.isExpanded ? (t.removeAttribute("hidden"), t.style.setProperty("--disclosure-panel-width", "auto"), t.style.setProperty("--disclosure-panel-height", "auto")) : (t.setAttribute("hidden", "until-found"), t.style.setProperty("--disclosure-panel-width", "0px"), t.style.setProperty("--disclosure-panel-height", "0px")) : e.isExpanded !== c.current && (e.isExpanded ? (t.removeAttribute("hidden"), t.style.setProperty("--disclosure-panel-width", t.scrollWidth + "px"), t.style.setProperty("--disclosure-panel-height", t.scrollHeight + "px"), Promise.all(t.getAnimations().map((p) => p.finished)).then(() => {
-        t.style.setProperty("--disclosure-panel-width", "auto"), t.style.setProperty("--disclosure-panel-height", "auto");
-      }).catch(() => {
-      })) : (t.style.setProperty("--disclosure-panel-width", t.scrollWidth + "px"), t.style.setProperty("--disclosure-panel-height", t.scrollHeight + "px"), window.getComputedStyle(t).height, t.style.setProperty("--disclosure-panel-width", "0px"), t.style.setProperty("--disclosure-panel-height", "0px"), Promise.all(t.getAnimations().map((p) => p.finished)).then(() => t.setAttribute("hidden", "until-found")).catch(() => {
-      }))), c.current = e.isExpanded;
-    }
-  }, [
-    n,
-    a,
-    e.isExpanded,
-    o
-  ]), E(() => () => {
-    l.current && cancelAnimationFrame(l.current);
-  }, []), {
-    buttonProps: {
-      id: s,
-      "aria-expanded": e.isExpanded,
-      "aria-controls": i,
-      onPress: (t) => {
-        !n && t.pointerType !== "keyboard" && e.toggle();
-      },
-      isDisabled: n,
-      onPressStart(t) {
-        t.pointerType === "keyboard" && !n && e.toggle();
-      }
-    },
-    panelProps: {
-      id: i,
-      // This can be overridden at the panel element level.
-      role: "group",
-      "aria-labelledby": s,
-      "aria-hidden": !e.isExpanded,
-      hidden: o || n ? n || !e.isExpanded : void 0
-    }
-  };
-}
-function ae(d) {
-  let [e, a] = R(d.isExpanded, d.defaultExpanded || !1, d.onExpandedChange);
-  const n = g(() => {
-    a(!0);
-  }, [
-    a
-  ]), s = g(() => {
-    a(!1);
-  }, [
-    a
-  ]), i = g(() => {
-    a(!e);
-  }, [
-    a,
-    e
-  ]);
-  return {
-    isExpanded: e,
-    setExpanded: a,
-    expand: n,
-    collapse: s,
-    toggle: i
-  };
-}
-function se(d) {
-  let { allowsMultipleExpanded: e = !1, isDisabled: a = !1 } = d, [n, s] = R(N(() => d.expandedKeys ? new Set(d.expandedKeys) : void 0, [
-    d.expandedKeys
-  ]), N(() => d.defaultExpandedKeys ? new Set(d.defaultExpandedKeys) : /* @__PURE__ */ new Set(), [
-    d.defaultExpandedKeys
-  ]), d.onExpandedChange);
-  return E(() => {
-    if (!e && n.size > 1) {
-      let i = n.values().next().value;
-      i != null && s(/* @__PURE__ */ new Set([
-        i
-      ]));
-    }
-  }), {
-    allowsMultipleExpanded: e,
-    isDisabled: a,
-    expandedKeys: n,
-    setExpandedKeys: s,
-    toggleKey(i) {
-      let o;
-      e ? (o = new Set(n), o.has(i) ? o.delete(i) : o.add(i)) : o = new Set(n.has(i) ? [] : [
-        i
-      ]), s(o);
-    }
-  };
-}
-const W = /* @__PURE__ */ x(null), ie = /* @__PURE__ */ P(function(e, a) {
-  let n = se(e), s = w({
-    ...e,
-    defaultClassName: "react-aria-DisclosureGroup",
-    values: {
-      isDisabled: n.isDisabled,
-      state: n
-    }
-  }), i = C(e, {
-    global: !0
-  });
-  return /* @__PURE__ */ h.createElement("div", {
-    ...i,
-    ...s,
-    ref: a,
-    "data-disabled": e.isDisabled || void 0
-  }, /* @__PURE__ */ h.createElement(W.Provider, {
-    value: n
-  }, s.children));
-}), de = /* @__PURE__ */ x(null), oe = /* @__PURE__ */ x(null), T = /* @__PURE__ */ x(null), re = /* @__PURE__ */ P(function(e, a) {
-  [e, a] = G(e, a, de);
-  let n = v(W), { id: s, ...i } = e, o = _();
-  s || (s = o);
-  let l = n ? n.expandedKeys.has(s) : e.isExpanded, r = ae({
-    ...e,
-    isExpanded: l,
-    onExpandedChange(j) {
-      var $;
-      n && n.toggleKey(s), ($ = e.onExpandedChange) === null || $ === void 0 || $.call(e, j);
-    }
-  }), c = h.useRef(null), t = e.isDisabled || (n == null ? void 0 : n.isDisabled) || !1, { buttonProps: p, panelProps: m } = ne({
-    ...e,
-    isExpanded: l,
-    isDisabled: t
-  }, r, c), { isFocusVisible: D, focusProps: k } = F({
-    within: !0
-  }), I = w({
-    ...e,
-    id: void 0,
-    defaultClassName: "react-aria-Disclosure",
-    values: {
-      isExpanded: r.isExpanded,
-      isDisabled: t,
-      isFocusVisibleWithin: D,
-      state: r
-    }
-  }), H = C(i, {
-    global: !0
-  });
-  return /* @__PURE__ */ h.createElement(B, {
-    values: [
-      [
-        S,
-        {
-          slots: {
-            [q]: {},
-            trigger: p
-          }
-        }
-      ],
-      [
-        T,
-        {
-          panelProps: m,
-          panelRef: c
-        }
-      ],
-      [
-        oe,
-        r
-      ]
-    ]
-  }, /* @__PURE__ */ h.createElement("div", {
-    ...M(H, I, k),
-    ref: a,
-    "data-expanded": r.isExpanded || void 0,
-    "data-disabled": t || void 0,
-    "data-focus-visible-within": D || void 0
-  }, I.children));
-}), le = /* @__PURE__ */ P(function(e, a) {
-  let { role: n = "group" } = e, { panelProps: s, panelRef: i } = v(T), { isFocusVisible: o, focusProps: l } = F({
-    within: !0
-  }), r = w({
-    ...e,
-    defaultClassName: "react-aria-DisclosurePanel",
-    values: {
-      isFocusVisibleWithin: o
-    }
-  }), c = C(e, {
-    global: !0
-  });
-  return /* @__PURE__ */ h.createElement("div", {
-    ...M(c, r, s, l),
-    ref: O(a, i),
-    role: n,
-    "data-focus-visible-within": o || void 0
-  }, /* @__PURE__ */ h.createElement(B, {
-    values: [
-      [
-        S,
-        null
-      ]
-    ]
-  }, e.children));
-}), V = x(void 0), je = ({
-  variant: d,
-  children: e,
-  className: a,
-  isContained: n,
-  ...s
-}) => {
-  const i = n || d === "contained";
-  return /* @__PURE__ */ u(V.Provider, { value: { isContained: i }, children: /* @__PURE__ */ u(
-    ie,
-    {
-      className: y(
-        b.root,
-        i ? b.contained : b.uncontained,
-        a
-      ),
-      ...s,
-      children: e
-    }
-  ) });
-}, ce = "_item_1hy85_1", fe = "_contained_1hy85_18", ue = "_success_1hy85_29", pe = "_warning_1hy85_35", he = "_info_1hy85_41", xe = "_important_1hy85_47", ge = "_triggerButton_1hy85_58", me = "_triggerText_1hy85_62", $e = "_trigger_1hy85_58", be = "_triggerMainContent_1hy85_75", ye = "_chevronIcon_1hy85_92", _e = "_statusIcon_1hy85_98", Ee = "_panel_1hy85_116", Pe = "_content_1hy85_124", ve = "_hasBackground_1hy85_129", we = "_header_1hy85_133", f = {
-  item: ce,
-  contained: fe,
-  success: ue,
-  warning: pe,
-  info: he,
-  important: xe,
-  triggerButton: ge,
-  triggerText: me,
-  trigger: $e,
-  triggerMainContent: be,
-  "	": "_	_1hy85_1",
-  chevronIcon: ye,
-  statusIcon: _e,
-  panel: Ee,
-  content: Pe,
-  hasBackground: ve,
-  header: we
-}, ze = ({
-  title: d,
-  children: e,
-  className: a,
-  headingLevel: n = "h2",
-  type: s,
-  hasBackground: i = !0,
-  isContained: o,
-  ...l
-}) => {
-  const r = v(V), c = o ?? (r == null ? void 0 : r.isContained) ?? !1, t = typeof d == "object";
-  E(() => {
-    s && !c && console.warn(
-      "AccordionItem: When 'type' is set, it is recommended to also set 'isContained' to true for visual consistency."
-    );
-  }, [s, c]);
-  const p = s ? z[s] : null, m = p ? /* @__PURE__ */ u(
-    p,
-    {
-      size: 20,
-      className: f.statusIcon
-    }
-  ) : null;
-  return /* @__PURE__ */ A(
-    re,
-    {
-      ...l,
-      className: y(
-        f.item,
-        s && f[s],
-        c && f.contained,
-        a
-      ),
-      children: [
-        /* @__PURE__ */ u("div", { className: f.trigger, children: /* @__PURE__ */ A(
-          X,
-          {
-            className: f.triggerButton,
-            slot: "trigger",
-            variant: "icon",
-            children: [
-              /* @__PURE__ */ u(
-                Z,
-                {
-                  size: 20,
-                  className: f.chevronIcon
-                }
-              ),
-              /* @__PURE__ */ u("div", { className: f.triggerMainContent, children: t ? d : /* @__PURE__ */ u(
-                Y,
-                {
-                  level: 3,
-                  elementType: n,
-                  className: f.triggerText,
-                  children: d
-                }
-              ) }),
-              m
-            ]
-          }
-        ) }),
-        /* @__PURE__ */ u(le, { className: f.panel, children: /* @__PURE__ */ u(
-          "div",
-          {
-            className: y(
-              f.content,
-              i && f.hasBackground
-            ),
-            children: e
-          }
-        ) })
-      ]
-    }
-  );
-};
-export {
-  ze as A,
-  je as a
-};

package/AccordionItem-tWS22wDv.cjs

@@ -1 +0,0 @@
-"use strict";require('./assets/AccordionItem.css');const p=require("react/jsx-runtime"),_=require("./clsx-DKOfLqne.cjs"),K=require("./icon-map-9XcghDra.cjs"),d=require("react"),v=require("./Button-1sEX8jKn.cjs"),$=require("./utils-CtICjCYt.cjs"),h=require("./mergeProps-Du5A8xi8.cjs"),m=require("./filterDOMProps-RRlKPKX0.cjs"),C=require("./useControlledState-D0L6S_5r.cjs"),M=require("react-dom"),N=require("./useEvent-C125NAue.cjs"),j=require("./SSRProvider-DZRLwxPS.cjs"),w=require("./useFocusRing-C-XVcAE5.cjs"),B=require("./Button-BEWKXjlP.cjs"),F=require("./Heading-x7y3xadc.cjs"),W=require("./chevron-down-5hFlg_lR.cjs"),k="_root_17bdp_1",T="_contained_17bdp_5",y={root:k,contained:T};function V(o,e,s){let{isDisabled:n}=o,a=h.$bdb11010cef70236$export$f680877a34711e37(),i=h.$bdb11010cef70236$export$f680877a34711e37(),r=j.$b5e257d569688ac6$export$535bd6ca7f90a273(),l=d.useRef(null),c=d.useCallback(()=>{l.current=requestAnimationFrame(()=>{s.current&&s.current.setAttribute("hidden","until-found")}),M.flushSync(()=>{e.toggle()})},[s,e]);N.$e9faafb641e167db$export$90fc3a17d93f704c(s,"beforematch",c);let u=d.useRef(null);return h.$f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(()=>{if(l.current&&cancelAnimationFrame(l.current),s.current&&!n&&!r){let t=s.current;u.current==null||typeof t.getAnimations!="function"?e.isExpanded?(t.removeAttribute("hidden"),t.style.setProperty("--disclosure-panel-width","auto"),t.style.setProperty("--disclosure-panel-height","auto")):(t.setAttribute("hidden","until-found"),t.style.setProperty("--disclosure-panel-width","0px"),t.style.setProperty("--disclosure-panel-height","0px")):e.isExpanded!==u.current&&(e.isExpanded?(t.removeAttribute("hidden"),t.style.setProperty("--disclosure-panel-width",t.scrollWidth+"px"),t.style.setProperty("--disclosure-panel-height",t.scrollHeight+"px"),Promise.all(t.getAnimations().map(x=>x.finished)).then(()=>{t.style.setProperty("--disclosure-panel-width","auto"),t.style.setProperty("--disclosure-panel-height","auto")}).catch(()=>{})):(t.style.setProperty("--disclosure-panel-width",t.scrollWidth+"px"),t.style.setProperty("--disclosure-panel-height",t.scrollHeight+"px"),window.getComputedStyle(t).height,t.style.setProperty("--disclosure-panel-width","0px"),t.style.setProperty("--disclosure-panel-height","0px"),Promise.all(t.getAnimations().map(x=>x.finished)).then(()=>t.setAttribute("hidden","until-found")).catch(()=>{}))),u.current=e.isExpanded}},[n,s,e.isExpanded,r]),d.useEffect(()=>()=>{l.current&&cancelAnimationFrame(l.current)},[]),{buttonProps:{id:a,"aria-expanded":e.isExpanded,"aria-controls":i,onPress:t=>{!n&&t.pointerType!=="keyboard"&&e.toggle()},isDisabled:n,onPressStart(t){t.pointerType==="keyboard"&&!n&&e.toggle()}},panelProps:{id:i,role:"group","aria-labelledby":a,"aria-hidden":!e.isExpanded,hidden:r||n?n||!e.isExpanded:void 0}}}function H(o){let[e,s]=C.$458b0a5536c1a7cf$export$40bfa8c7b0832715(o.isExpanded,o.defaultExpanded||!1,o.onExpandedChange);const n=d.useCallback(()=>{s(!0)},[s]),a=d.useCallback(()=>{s(!1)},[s]),i=d.useCallback(()=>{s(!e)},[s,e]);return{isExpanded:e,setExpanded:s,expand:n,collapse:a,toggle:i}}function z(o){let{allowsMultipleExpanded:e=!1,isDisabled:s=!1}=o,[n,a]=C.$458b0a5536c1a7cf$export$40bfa8c7b0832715(d.useMemo(()=>o.expandedKeys?new Set(o.expandedKeys):void 0,[o.expandedKeys]),d.useMemo(()=>o.defaultExpandedKeys?new Set(o.defaultExpandedKeys):new Set,[o.defaultExpandedKeys]),o.onExpandedChange);return d.useEffect(()=>{if(!e&&n.size>1){let i=n.values().next().value;i!=null&&a(new Set([i]))}}),{allowsMultipleExpanded:e,isDisabled:s,expandedKeys:n,setExpandedKeys:a,toggleKey(i){let r;e?(r=new Set(n),r.has(i)?r.delete(i):r.add(i)):r=new Set(n.has(i)?[]:[i]),a(r)}}}const D=d.createContext(null),O=d.forwardRef(function(e,s){let n=z(e),a=$.$64fa3d84918910a7$export$4d86445c2cf5e3({...e,defaultClassName:"react-aria-DisclosureGroup",values:{isDisabled:n.isDisabled,state:n}}),i=m.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(e,{global:!0});return d.createElement("div",{...i,...a,ref:s,"data-disabled":e.isDisabled||void 0},d.createElement(D.Provider,{value:n},a.children))}),G=d.createContext(null),J=d.createContext(null),A=d.createContext(null),L=d.forwardRef(function(e,s){[e,s]=$.$64fa3d84918910a7$export$29f1550f4b0d4415(e,s,G);let n=d.useContext(D),{id:a,...i}=e,r=h.$bdb11010cef70236$export$f680877a34711e37();a||(a=r);let l=n?n.expandedKeys.has(a):e.isExpanded,c=H({...e,isExpanded:l,onExpandedChange(S){var g;n&&n.toggleKey(a),(g=e.onExpandedChange)===null||g===void 0||g.call(e,S)}}),u=d.useRef(null),t=e.isDisabled||(n==null?void 0:n.isDisabled)||!1,{buttonProps:x,panelProps:b}=V({...e,isExpanded:l,isDisabled:t},c,u),{isFocusVisible:E,focusProps:R}=w.$f7dceffc5ad7768b$export$4e328f61c538687f({within:!0}),P=$.$64fa3d84918910a7$export$4d86445c2cf5e3({...e,id:void 0,defaultClassName:"react-aria-Disclosure",values:{isExpanded:c.isExpanded,isDisabled:t,isFocusVisibleWithin:E,state:c}}),q=m.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(i,{global:!0});return d.createElement($.$64fa3d84918910a7$export$2881499e37b75b9a,{values:[[v.$d2b4bc8c273e7be6$export$24d547caef80ccd1,{slots:{[$.$64fa3d84918910a7$export$c62b8e45d58ddad9]:{},trigger:x}}],[A,{panelProps:b,panelRef:u}],[J,c]]},d.createElement("div",{...h.$3ef42575df84b30b$export$9d1611c77c2fe928(q,P,R),ref:s,"data-expanded":c.isExpanded||void 0,"data-disabled":t||void 0,"data-focus-visible-within":E||void 0},P.children))}),Q=d.forwardRef(function(e,s){let{role:n="group"}=e,{panelProps:a,panelRef:i}=d.useContext(A),{isFocusVisible:r,focusProps:l}=w.$f7dceffc5ad7768b$export$4e328f61c538687f({within:!0}),c=$.$64fa3d84918910a7$export$4d86445c2cf5e3({...e,defaultClassName:"react-aria-DisclosurePanel",values:{isFocusVisibleWithin:r}}),u=m.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(e,{global:!0});return d.createElement("div",{...h.$3ef42575df84b30b$export$9d1611c77c2fe928(u,c,a,l),ref:$.$5dc95899b306f630$export$c9058316764c140e(s,i),role:n,"data-focus-visible-within":r||void 0},d.createElement($.$64fa3d84918910a7$export$2881499e37b75b9a,{values:[[v.$d2b4bc8c273e7be6$export$24d547caef80ccd1,null]]},e.children))}),I=d.createContext(void 0),U=({variant:o,children:e,className:s,isContained:n,...a})=>{const i=n||o==="contained";return p.jsx(I.Provider,{value:{isContained:i},children:p.jsx(O,{className:_.clsx(y.root,i?y.contained:y.uncontained,s),...a,children:e})})},X="_item_1hy85_1",Y="_contained_1hy85_18",Z="_success_1hy85_29",ee="_warning_1hy85_35",te="_info_1hy85_41",ne="_important_1hy85_47",se="_triggerButton_1hy85_58",de="_triggerText_1hy85_62",ae="_trigger_1hy85_58",ie="_triggerMainContent_1hy85_75",oe="_chevronIcon_1hy85_92",re="_statusIcon_1hy85_98",ce="_panel_1hy85_116",le="_content_1hy85_124",ue="_hasBackground_1hy85_129",fe="_header_1hy85_133",f={item:X,contained:Y,success:Z,warning:ee,info:te,important:ne,triggerButton:se,triggerText:de,trigger:ae,triggerMainContent:ie,"	":"_	_1hy85_1",chevronIcon:oe,statusIcon:re,panel:ce,content:le,hasBackground:ue,header:fe},pe=({title:o,children:e,className:s,headingLevel:n="h2",type:a,hasBackground:i=!0,isContained:r,...l})=>{const c=d.useContext(I),u=r??(c==null?void 0:c.isContained)??!1,t=typeof o=="object";d.useEffect(()=>{a&&!u&&console.warn("AccordionItem: When 'type' is set, it is recommended to also set 'isContained' to true for visual consistency.")},[a,u]);const x=a?K.iconMap[a]:null,b=x?p.jsx(x,{size:20,className:f.statusIcon}):null;return p.jsxs(L,{...l,className:_.clsx(f.item,a&&f[a],u&&f.contained,s),children:[p.jsx("div",{className:f.trigger,children:p.jsxs(B.Button,{className:f.triggerButton,slot:"trigger",variant:"icon",children:[p.jsx(W.ChevronDown,{size:20,className:f.chevronIcon}),p.jsx("div",{className:f.triggerMainContent,children:t?o:p.jsx(F.Heading,{level:3,elementType:n,className:f.triggerText,children:o})}),b]})}),p.jsx(Q,{className:f.panel,children:p.jsx("div",{className:_.clsx(f.content,i&&f.hasBackground),children:e})})]})};exports.Accordion=U;exports.AccordionItem=pe;