@midas-ds/components 15.2.12 → 15.2.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1 @@
1
+ "use strict";require('./assets/AccordionItem.css');const p=require("react/jsx-runtime"),E=require("./clsx-DKOfLqne.cjs"),K=require("./icon-map-BzhRRdiZ.cjs"),d=require("react"),v=require("./Button-BuelSBWx.cjs"),x=require("./utils-ZN3Na38z.cjs"),b=require("./mergeProps-D9EPHb19.cjs"),y=require("./filterDOMProps-WUskt27c.cjs"),C=require("./useControlledState-D0L6S_5r.cjs"),M=require("react-dom"),N=require("./useEvent-DnWDW9C-.cjs"),j=require("./SSRProvider-DZRLwxPS.cjs"),w=require("./useFocusRing-BV6zA8CX.cjs"),B=require("./Button-CPtsYcdR.cjs"),F=require("./Heading-DWSQCI4U.cjs"),W=require("./chevron-down-DyBh7agb.cjs"),k="_root_17bdp_1",T="_contained_17bdp_5",_={root:k,contained:T};function V(i,e,s){let{isDisabled:n}=i,a=b.$bdb11010cef70236$export$f680877a34711e37(),o=b.$bdb11010cef70236$export$f680877a34711e37(),r=j.$b5e257d569688ac6$export$535bd6ca7f90a273(),l=d.useRef(null),u=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",u);let f=d.useRef(null);return b.$f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(()=>{if(l.current&&cancelAnimationFrame(l.current),s.current&&!n&&!r){let t=s.current;f.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!==f.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($=>$.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($=>$.finished)).then(()=>t.setAttribute("hidden","until-found")).catch(()=>{}))),f.current=e.isExpanded}},[n,s,e.isExpanded,r]),d.useEffect(()=>()=>{l.current&&cancelAnimationFrame(l.current)},[]),{buttonProps:{id:a,"aria-expanded":e.isExpanded,"aria-controls":o,onPress:t=>{!n&&t.pointerType!=="keyboard"&&e.toggle()},isDisabled:n,onPressStart(t){t.pointerType==="keyboard"&&!n&&e.toggle()}},panelProps:{id:o,role:"group","aria-labelledby":a,"aria-hidden":!e.isExpanded,hidden:r||n?n||!e.isExpanded:void 0}}}function z(i){let[e,s]=C.$458b0a5536c1a7cf$export$40bfa8c7b0832715(i.isExpanded,i.defaultExpanded||!1,i.onExpandedChange);const n=d.useCallback(()=>{s(!0)},[s]),a=d.useCallback(()=>{s(!1)},[s]),o=d.useCallback(()=>{s(!e)},[s,e]);return{isExpanded:e,setExpanded:s,expand:n,collapse:a,toggle:o}}function H(i){let{allowsMultipleExpanded:e=!1,isDisabled:s=!1}=i,[n,a]=C.$458b0a5536c1a7cf$export$40bfa8c7b0832715(d.useMemo(()=>i.expandedKeys?new Set(i.expandedKeys):void 0,[i.expandedKeys]),d.useMemo(()=>i.defaultExpandedKeys?new Set(i.defaultExpandedKeys):new Set,[i.defaultExpandedKeys]),i.onExpandedChange);return d.useEffect(()=>{if(!e&&n.size>1){let o=n.values().next().value;o!=null&&a(new Set([o]))}}),{allowsMultipleExpanded:e,isDisabled:s,expandedKeys:n,setExpandedKeys:a,toggleKey(o){let r;e?(r=new Set(n),r.has(o)?r.delete(o):r.add(o)):r=new Set(n.has(o)?[]:[o]),a(r)}}}const D=d.createContext(null),O=d.forwardRef(function(e,s){let n=H(e),a=x.$64fa3d84918910a7$export$4d86445c2cf5e3({...e,defaultClassName:"react-aria-DisclosureGroup",values:{isDisabled:n.isDisabled,state:n}}),o=y.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(e,{global:!0});return d.createElement("div",{...o,...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]=x.$64fa3d84918910a7$export$29f1550f4b0d4415(e,s,G);let n=d.useContext(D),{id:a,...o}=e,r=b.$bdb11010cef70236$export$f680877a34711e37();a||(a=r);let l=n?n.expandedKeys.has(a):e.isExpanded,u=z({...e,isExpanded:l,onExpandedChange(S){var h;n&&n.toggleKey(a),(h=e.onExpandedChange)===null||h===void 0||h.call(e,S)}}),f=d.useRef(null),t=e.isDisabled||n?.isDisabled||!1,{buttonProps:$,panelProps:g}=V({...e,isExpanded:l,isDisabled:t},u,f),{isFocusVisible:m,focusProps:R}=w.$f7dceffc5ad7768b$export$4e328f61c538687f({within:!0}),P=x.$64fa3d84918910a7$export$4d86445c2cf5e3({...e,id:void 0,defaultClassName:"react-aria-Disclosure",values:{isExpanded:u.isExpanded,isDisabled:t,isFocusVisibleWithin:m,state:u}}),q=y.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(o,{global:!0});return d.createElement(x.$64fa3d84918910a7$export$2881499e37b75b9a,{values:[[v.$d2b4bc8c273e7be6$export$24d547caef80ccd1,{slots:{[x.$64fa3d84918910a7$export$c62b8e45d58ddad9]:{},trigger:$}}],[A,{panelProps:g,panelRef:f}],[J,u]]},d.createElement("div",{...b.$3ef42575df84b30b$export$9d1611c77c2fe928(q,P,R),ref:s,"data-expanded":u.isExpanded||void 0,"data-disabled":t||void 0,"data-focus-visible-within":m||void 0},P.children))}),Q=d.forwardRef(function(e,s){let{role:n="group"}=e,{panelProps:a,panelRef:o}=d.useContext(A),{isFocusVisible:r,focusProps:l}=w.$f7dceffc5ad7768b$export$4e328f61c538687f({within:!0}),u=x.$64fa3d84918910a7$export$4d86445c2cf5e3({...e,defaultClassName:"react-aria-DisclosurePanel",values:{isFocusVisibleWithin:r}}),f=y.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(e,{global:!0});return d.createElement("div",{...b.$3ef42575df84b30b$export$9d1611c77c2fe928(f,u,a,l),ref:x.$5dc95899b306f630$export$c9058316764c140e(s,o),role:n,"data-focus-visible-within":r||void 0},d.createElement(x.$64fa3d84918910a7$export$2881499e37b75b9a,{values:[[v.$d2b4bc8c273e7be6$export$24d547caef80ccd1,null]]},e.children))}),I=d.createContext(void 0),U=({variant:i,children:e,className:s,isContained:n,size:a="large",...o})=>{const r=n||i==="contained";return p.jsx(I.Provider,{value:{isContained:r,size:a},children:p.jsx(O,{className:E.clsx(_.root,r?_.contained:_.uncontained,s),...o,children:e})})},X="_item_1em4f_1",Y="_contained_1em4f_18",Z="_medium_1em4f_28",ee="_success_1em4f_33",te="_warning_1em4f_39",ne="_info_1em4f_45",se="_important_1em4f_51",de="_triggerButton_1em4f_62",ae="_triggerText_1em4f_66",ie="_trigger_1em4f_62",oe="_triggerMainContent_1em4f_77",re="_chevronIcon_1em4f_94",ce="_statusIcon_1em4f_100",le="_panel_1em4f_122",ue="_content_1em4f_130",fe="_hasBackground_1em4f_135",pe="_header_1em4f_139",c={item:X,contained:Y,medium:Z,success:ee,warning:te,info:ne,important:se,triggerButton:de,triggerText:ae,trigger:ie,triggerMainContent:oe," ":"_ _1em4f_1",chevronIcon:re,statusIcon:ce,panel:le,content:ue,hasBackground:fe,header:pe},xe=({title:i,children:e,className:s,headingLevel:n="h2",type:a,hasBackground:o=!0,size:r="large",isContained:l,...u})=>{const f=d.useContext(I),t=l??f?.isContained??!1,$=typeof i=="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?K.iconMap[a]:null,m=g?p.jsx(g,{size:20,className:c.statusIcon}):null;return p.jsxs(L,{...u,className:E.clsx(c.item,a&&c[a],(r==="medium"||f?.size==="medium")&&c.medium,t&&c.contained,s),children:[p.jsx("div",{className:c.trigger,children:p.jsxs(B.Button,{className:c.triggerButton,slot:"trigger",variant:"icon",children:[p.jsx(W.ChevronDown,{size:20,className:c.chevronIcon}),p.jsx("div",{className:c.triggerMainContent,children:$?i:p.jsx(F.Heading,{level:3,elementType:n,className:c.triggerText,children:i})}),m]})}),p.jsx(Q,{className:c.panel,children:p.jsx("div",{className:E.clsx(c.content,o&&c.hasBackground),children:e})})]})};exports.Accordion=U;exports.AccordionItem=xe;
@@ -1,16 +1,16 @@
1
- import { jsx as f, jsxs as I } from "react/jsx-runtime";
1
+ import { jsx as u, jsxs as A } from "react/jsx-runtime";
2
2
  import { c as y } from "./clsx-jbLnTBqA.js";
3
3
  import { i as j } from "./icon-map-Ckc-nEUA.js";
4
- 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";
5
- import { e as N } from "./Button-DQKRTkoz.js";
6
- import { $ as G, a as C, f as S, g as q, h as O } from "./utils-BJ6_Ry69.js";
7
- import { c as E, $ as J, a as B } from "./mergeProps-oYrDoKjU.js";
4
+ import m, { useRef as K, useCallback as $, useEffect as P, useMemo as N, forwardRef as v, createContext as x, useContext as w } from "react";
5
+ import { e as S } from "./Button-DQKRTkoz.js";
6
+ import { $ as G, a as C, f as B, g as q, h as O } from "./utils-BJ6_Ry69.js";
7
+ import { c as E, $ as J, a as M } from "./mergeProps-oYrDoKjU.js";
8
8
  import { $ as D } from "./filterDOMProps-BSVCO5jK.js";
9
- import { $ as M } from "./useControlledState-u436Wbp1.js";
9
+ import { $ as R } from "./useControlledState-u436Wbp1.js";
10
10
  import { flushSync as L } from "react-dom";
11
11
  import { $ as Q } from "./useEvent-ChPThFqF.js";
12
12
  import { $ as U } from "./SSRProvider-D8lZ0o6A.js";
13
- import { $ as R } from "./useFocusRing-DAZgolYd.js";
13
+ import { $ as F } from "./useFocusRing-DAZgolYd.js";
14
14
  import { B as X } from "./Button-aWvg3R6-.js";
15
15
  import { H as Y } from "./Heading-BRErvUe8.js";
16
16
  import { C as Z } from "./chevron-down-DgT-uSF9.js";
@@ -19,7 +19,7 @@ import './assets/AccordionItem.css';const ee = "_root_17bdp_1", te = "_contained
19
19
  contained: te
20
20
  };
21
21
  function ne(i, e, a) {
22
- let { isDisabled: n } = i, s = E(), d = E(), r = U(), l = A(null), c = h(() => {
22
+ let { isDisabled: n } = i, s = E(), d = E(), o = U(), l = K(null), c = $(() => {
23
23
  l.current = requestAnimationFrame(() => {
24
24
  a.current && a.current.setAttribute("hidden", "until-found");
25
25
  }), L(() => {
@@ -30,21 +30,21 @@ function ne(i, e, a) {
30
30
  e
31
31
  ]);
32
32
  Q(a, "beforematch", c);
33
- let u = A(null);
33
+ let f = K(null);
34
34
  return J(() => {
35
- if (l.current && cancelAnimationFrame(l.current), a.current && !n && !r) {
35
+ if (l.current && cancelAnimationFrame(l.current), a.current && !n && !o) {
36
36
  let t = a.current;
37
- 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((p) => p.finished)).then(() => {
37
+ f.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 !== f.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(() => {
38
38
  t.style.setProperty("--disclosure-panel-width", "auto"), t.style.setProperty("--disclosure-panel-height", "auto");
39
39
  }).catch(() => {
40
40
  })) : (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(() => {
41
- }))), u.current = e.isExpanded;
41
+ }))), f.current = e.isExpanded;
42
42
  }
43
43
  }, [
44
44
  n,
45
45
  a,
46
46
  e.isExpanded,
47
- r
47
+ o
48
48
  ]), P(() => () => {
49
49
  l.current && cancelAnimationFrame(l.current);
50
50
  }, []), {
@@ -66,21 +66,21 @@ function ne(i, e, a) {
66
66
  role: "group",
67
67
  "aria-labelledby": s,
68
68
  "aria-hidden": !e.isExpanded,
69
- hidden: r || n ? n || !e.isExpanded : void 0
69
+ hidden: o || n ? n || !e.isExpanded : void 0
70
70
  }
71
71
  };
72
72
  }
73
73
  function ae(i) {
74
- let [e, a] = M(i.isExpanded, i.defaultExpanded || !1, i.onExpandedChange);
75
- const n = h(() => {
74
+ let [e, a] = R(i.isExpanded, i.defaultExpanded || !1, i.onExpandedChange);
75
+ const n = $(() => {
76
76
  a(!0);
77
77
  }, [
78
78
  a
79
- ]), s = h(() => {
79
+ ]), s = $(() => {
80
80
  a(!1);
81
81
  }, [
82
82
  a
83
- ]), d = h(() => {
83
+ ]), d = $(() => {
84
84
  a(!e);
85
85
  }, [
86
86
  a,
@@ -95,9 +95,9 @@ function ae(i) {
95
95
  };
96
96
  }
97
97
  function se(i) {
98
- let { allowsMultipleExpanded: e = !1, isDisabled: a = !1 } = i, [n, s] = M(K(() => i.expandedKeys ? new Set(i.expandedKeys) : void 0, [
98
+ let { allowsMultipleExpanded: e = !1, isDisabled: a = !1 } = i, [n, s] = R(N(() => i.expandedKeys ? new Set(i.expandedKeys) : void 0, [
99
99
  i.expandedKeys
100
- ]), K(() => i.defaultExpandedKeys ? new Set(i.defaultExpandedKeys) : /* @__PURE__ */ new Set(), [
100
+ ]), N(() => i.defaultExpandedKeys ? new Set(i.defaultExpandedKeys) : /* @__PURE__ */ new Set(), [
101
101
  i.defaultExpandedKeys
102
102
  ]), i.onExpandedChange);
103
103
  return P(() => {
@@ -113,14 +113,14 @@ function se(i) {
113
113
  expandedKeys: n,
114
114
  setExpandedKeys: s,
115
115
  toggleKey(d) {
116
- let r;
117
- e ? (r = new Set(n), r.has(d) ? r.delete(d) : r.add(d)) : r = new Set(n.has(d) ? [] : [
116
+ let o;
117
+ e ? (o = new Set(n), o.has(d) ? o.delete(d) : o.add(d)) : o = new Set(n.has(d) ? [] : [
118
118
  d
119
- ]), s(r);
119
+ ]), s(o);
120
120
  }
121
121
  };
122
122
  }
123
- const F = /* @__PURE__ */ m(null), ie = /* @__PURE__ */ v(function(e, a) {
123
+ const W = /* @__PURE__ */ x(null), ie = /* @__PURE__ */ v(function(e, a) {
124
124
  let n = se(e), s = C({
125
125
  ...e,
126
126
  defaultClassName: "react-aria-DisclosureGroup",
@@ -131,48 +131,48 @@ const F = /* @__PURE__ */ m(null), ie = /* @__PURE__ */ v(function(e, a) {
131
131
  }), d = D(e, {
132
132
  global: !0
133
133
  });
134
- return /* @__PURE__ */ b.createElement("div", {
134
+ return /* @__PURE__ */ m.createElement("div", {
135
135
  ...d,
136
136
  ...s,
137
137
  ref: a,
138
138
  "data-disabled": e.isDisabled || void 0
139
- }, /* @__PURE__ */ b.createElement(F.Provider, {
139
+ }, /* @__PURE__ */ m.createElement(W.Provider, {
140
140
  value: n
141
141
  }, s.children));
142
- }), de = /* @__PURE__ */ m(null), re = /* @__PURE__ */ m(null), W = /* @__PURE__ */ m(null), oe = /* @__PURE__ */ v(function(e, a) {
142
+ }), de = /* @__PURE__ */ x(null), oe = /* @__PURE__ */ x(null), T = /* @__PURE__ */ x(null), re = /* @__PURE__ */ v(function(e, a) {
143
143
  [e, a] = G(e, a, de);
144
- let n = w(F), { id: s, ...d } = e, r = E();
145
- s || (s = r);
144
+ let n = w(W), { id: s, ...d } = e, o = E();
145
+ s || (s = o);
146
146
  let l = n ? n.expandedKeys.has(s) : e.isExpanded, c = ae({
147
147
  ...e,
148
148
  isExpanded: l,
149
149
  onExpandedChange(H) {
150
- var $;
151
- n && n.toggleKey(s), ($ = e.onExpandedChange) === null || $ === void 0 || $.call(e, H);
150
+ var b;
151
+ n && n.toggleKey(s), (b = e.onExpandedChange) === null || b === void 0 || b.call(e, H);
152
152
  }
153
- }), u = b.useRef(null), t = e.isDisabled || n?.isDisabled || !1, { buttonProps: p, panelProps: x } = ne({
153
+ }), f = m.useRef(null), t = e.isDisabled || n?.isDisabled || !1, { buttonProps: p, panelProps: g } = ne({
154
154
  ...e,
155
155
  isExpanded: l,
156
156
  isDisabled: t
157
- }, c, u), { isFocusVisible: g, focusProps: V } = R({
157
+ }, c, f), { isFocusVisible: h, focusProps: k } = F({
158
158
  within: !0
159
- }), k = C({
159
+ }), I = C({
160
160
  ...e,
161
161
  id: void 0,
162
162
  defaultClassName: "react-aria-Disclosure",
163
163
  values: {
164
164
  isExpanded: c.isExpanded,
165
165
  isDisabled: t,
166
- isFocusVisibleWithin: g,
166
+ isFocusVisibleWithin: h,
167
167
  state: c
168
168
  }
169
169
  }), z = D(d, {
170
170
  global: !0
171
171
  });
172
- return /* @__PURE__ */ b.createElement(S, {
172
+ return /* @__PURE__ */ m.createElement(B, {
173
173
  values: [
174
174
  [
175
- N,
175
+ S,
176
176
  {
177
177
  slots: {
178
178
  [q]: {},
@@ -181,50 +181,50 @@ const F = /* @__PURE__ */ m(null), ie = /* @__PURE__ */ v(function(e, a) {
181
181
  }
182
182
  ],
183
183
  [
184
- W,
184
+ T,
185
185
  {
186
- panelProps: x,
187
- panelRef: u
186
+ panelProps: g,
187
+ panelRef: f
188
188
  }
189
189
  ],
190
190
  [
191
- re,
191
+ oe,
192
192
  c
193
193
  ]
194
194
  ]
195
- }, /* @__PURE__ */ b.createElement("div", {
196
- ...B(z, k, V),
195
+ }, /* @__PURE__ */ m.createElement("div", {
196
+ ...M(z, I, k),
197
197
  ref: a,
198
198
  "data-expanded": c.isExpanded || void 0,
199
199
  "data-disabled": t || void 0,
200
- "data-focus-visible-within": g || void 0
201
- }, k.children));
200
+ "data-focus-visible-within": h || void 0
201
+ }, I.children));
202
202
  }), le = /* @__PURE__ */ v(function(e, a) {
203
- let { role: n = "group" } = e, { panelProps: s, panelRef: d } = w(W), { isFocusVisible: r, focusProps: l } = R({
203
+ let { role: n = "group" } = e, { panelProps: s, panelRef: d } = w(T), { isFocusVisible: o, focusProps: l } = F({
204
204
  within: !0
205
205
  }), c = C({
206
206
  ...e,
207
207
  defaultClassName: "react-aria-DisclosurePanel",
208
208
  values: {
209
- isFocusVisibleWithin: r
209
+ isFocusVisibleWithin: o
210
210
  }
211
- }), u = D(e, {
211
+ }), f = D(e, {
212
212
  global: !0
213
213
  });
214
- return /* @__PURE__ */ b.createElement("div", {
215
- ...B(u, c, s, l),
214
+ return /* @__PURE__ */ m.createElement("div", {
215
+ ...M(f, c, s, l),
216
216
  ref: O(a, d),
217
217
  role: n,
218
- "data-focus-visible-within": r || void 0
219
- }, /* @__PURE__ */ b.createElement(S, {
218
+ "data-focus-visible-within": o || void 0
219
+ }, /* @__PURE__ */ m.createElement(B, {
220
220
  values: [
221
221
  [
222
- N,
222
+ S,
223
223
  null
224
224
  ]
225
225
  ]
226
226
  }, e.children));
227
- }), T = m(void 0), je = ({
227
+ }), V = x(void 0), je = ({
228
228
  variant: i,
229
229
  children: e,
230
230
  className: a,
@@ -232,32 +232,32 @@ const F = /* @__PURE__ */ m(null), ie = /* @__PURE__ */ v(function(e, a) {
232
232
  size: s = "large",
233
233
  ...d
234
234
  }) => {
235
- const r = n || i === "contained";
236
- return /* @__PURE__ */ f(T.Provider, { value: { isContained: r, size: s }, children: /* @__PURE__ */ f(
235
+ const o = n || i === "contained";
236
+ return /* @__PURE__ */ u(V.Provider, { value: { isContained: o, size: s }, children: /* @__PURE__ */ u(
237
237
  ie,
238
238
  {
239
239
  className: y(
240
240
  _.root,
241
- r ? _.contained : _.uncontained,
241
+ o ? _.contained : _.uncontained,
242
242
  a
243
243
  ),
244
244
  ...d,
245
245
  children: e
246
246
  }
247
247
  ) });
248
- }, ce = "_item_bbrk2_1", ue = "_contained_bbrk2_18", fe = "_medium_bbrk2_28", pe = "_success_bbrk2_33", be = "_warning_bbrk2_39", me = "_info_bbrk2_45", xe = "_important_bbrk2_51", ge = "_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", o = {
248
+ }, ce = "_item_1em4f_1", fe = "_contained_1em4f_18", ue = "_medium_1em4f_28", pe = "_success_1em4f_33", me = "_warning_1em4f_39", xe = "_info_1em4f_45", ge = "_important_1em4f_51", he = "_triggerButton_1em4f_62", $e = "_triggerText_1em4f_66", be = "_trigger_1em4f_62", _e = "_triggerMainContent_1em4f_77", ye = "_chevronIcon_1em4f_94", Ee = "_statusIcon_1em4f_100", Pe = "_panel_1em4f_122", ve = "_content_1em4f_130", we = "_hasBackground_1em4f_135", Ce = "_header_1em4f_139", r = {
249
249
  item: ce,
250
- contained: ue,
251
- medium: fe,
250
+ contained: fe,
251
+ medium: ue,
252
252
  success: pe,
253
- warning: be,
254
- info: me,
255
- important: xe,
256
- triggerButton: ge,
257
- triggerText: he,
258
- trigger: $e,
253
+ warning: me,
254
+ info: xe,
255
+ important: ge,
256
+ triggerButton: he,
257
+ triggerText: $e,
258
+ trigger: be,
259
259
  triggerMainContent: _e,
260
- " ": "_ _bbrk2_1",
260
+ " ": "_ _1em4f_1",
261
261
  chevronIcon: ye,
262
262
  statusIcon: Ee,
263
263
  panel: Pe,
@@ -271,68 +271,68 @@ const F = /* @__PURE__ */ m(null), ie = /* @__PURE__ */ v(function(e, a) {
271
271
  headingLevel: n = "h2",
272
272
  type: s,
273
273
  hasBackground: d = !0,
274
- size: r = "large",
274
+ size: o = "large",
275
275
  isContained: l,
276
276
  ...c
277
277
  }) => {
278
- const u = w(T), t = l ?? u?.isContained ?? !1, p = typeof i == "object";
278
+ const f = w(V), t = l ?? f?.isContained ?? !1, p = typeof i == "object";
279
279
  P(() => {
280
280
  s && !t && console.warn(
281
281
  "AccordionItem: When 'type' is set, it is recommended to also set 'isContained' to true for visual consistency."
282
282
  );
283
283
  }, [s, t]);
284
- const x = s ? j[s] : null, g = x ? /* @__PURE__ */ f(
285
- x,
284
+ const g = s ? j[s] : null, h = g ? /* @__PURE__ */ u(
285
+ g,
286
286
  {
287
287
  size: 20,
288
- className: o.statusIcon
288
+ className: r.statusIcon
289
289
  }
290
290
  ) : null;
291
- return /* @__PURE__ */ I(
292
- oe,
291
+ return /* @__PURE__ */ A(
292
+ re,
293
293
  {
294
294
  ...c,
295
295
  className: y(
296
- o.item,
297
- s && o[s],
298
- (r === "medium" || u?.size === "medium") && o.medium,
299
- t && o.contained,
296
+ r.item,
297
+ s && r[s],
298
+ (o === "medium" || f?.size === "medium") && r.medium,
299
+ t && r.contained,
300
300
  a
301
301
  ),
302
302
  children: [
303
- /* @__PURE__ */ f("div", { className: o.trigger, children: /* @__PURE__ */ I(
303
+ /* @__PURE__ */ u("div", { className: r.trigger, children: /* @__PURE__ */ A(
304
304
  X,
305
305
  {
306
- className: o.triggerButton,
306
+ className: r.triggerButton,
307
307
  slot: "trigger",
308
308
  variant: "icon",
309
309
  children: [
310
- /* @__PURE__ */ f(
310
+ /* @__PURE__ */ u(
311
311
  Z,
312
312
  {
313
313
  size: 20,
314
- className: o.chevronIcon
314
+ className: r.chevronIcon
315
315
  }
316
316
  ),
317
- /* @__PURE__ */ f("div", { className: o.triggerMainContent, children: p ? i : /* @__PURE__ */ f(
317
+ /* @__PURE__ */ u("div", { className: r.triggerMainContent, children: p ? i : /* @__PURE__ */ u(
318
318
  Y,
319
319
  {
320
320
  level: 3,
321
321
  elementType: n,
322
- className: o.triggerText,
322
+ className: r.triggerText,
323
323
  children: i
324
324
  }
325
325
  ) }),
326
- g
326
+ h
327
327
  ]
328
328
  }
329
329
  ) }),
330
- /* @__PURE__ */ f(le, { className: o.panel, children: /* @__PURE__ */ f(
330
+ /* @__PURE__ */ u(le, { className: r.panel, children: /* @__PURE__ */ u(
331
331
  "div",
332
332
  {
333
333
  className: y(
334
- o.content,
335
- d && o.hasBackground
334
+ r.content,
335
+ d && r.hasBackground
336
336
  ),
337
337
  children: e
338
338
  }
package/CHANGELOG.md CHANGED
@@ -1,3 +1,13 @@
1
+ ## 15.2.13 (2025-11-21)
2
+
3
+ ### 🩹 Fixes
4
+
5
+ - **accordion:** remove z-index ([09d96ce3ee](https://github.com/migrationsverket/midas/commit/09d96ce3ee))
6
+
7
+ ### 🔧 Maintenance
8
+
9
+ - **components:** update storybook link in README.md ([498c57be64](https://github.com/migrationsverket/midas/commit/498c57be64))
10
+
1
11
  ## 15.2.12 (2025-11-18)
2
12
 
3
13
  ### 🚀 Features
package/README.md CHANGED
@@ -22,4 +22,4 @@ import {Button, Checkbox, etc} from '@midas-ds/components'
22
22
 
23
23
  - See the full design system documentation on [Midas](https://designsystem.migrationsverket.se/) (Swedish).
24
24
 
25
- - Component API documentation on [Storybook](https://main--6810d578d5507438df0f0d22.chromatic.com).
25
+ - Component API documentation on [Storybook](https://designsystem.migrationsverket.se/storybook/).
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../AccordionItem-BYXzc5-U.cjs");exports.Accordion=o.Accordion;exports.AccordionItem=o.AccordionItem;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../AccordionItem-BC1ogvtn.cjs");exports.Accordion=o.Accordion;exports.AccordionItem=o.AccordionItem;
@@ -1,4 +1,4 @@
1
- import { a as r, A as a } from "../AccordionItem-BV7AT4EM.js";
1
+ import { a as r, A as a } from "../AccordionItem-DDqHaLf6.js";
2
2
  export {
3
3
  r as Accordion,
4
4
  a as AccordionItem
@@ -1 +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_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}
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_1em4f_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_1em4f_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_1em4f_18._medium_1em4f_28{--item-padding: calc(var(--midas-spacing-30) - 2px) var(--midas-spacing-40)}._success_1em4f_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_1em4f_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_1em4f_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_1em4f_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_1em4f_1[data-disabled]{--border-color: var(--midas-border-color-disabled);--icon-color: var(--midas-text-disabled);--text-color: var(--midas-text-disabled)}._item_1em4f_1[data-disabled] ._triggerButton_1em4f_62{background:transparent}._item_1em4f_1[data-disabled] ._triggerText_1em4f_66{color:var(--midas-text-disabled)}._trigger_1em4f_62{border:0;cursor:pointer;margin:0}._triggerMainContent_1em4f_77{flex:1 0 0;text-align:left}._triggerText_1em4f_66{margin:0;padding:0}:not(#_\ _1em4f_1) ._triggerButton_1em4f_62{width:100%;padding:var(--item-padding);align-items:flex-start;min-height:unset}._chevronIcon_1em4f_94{transform:rotate(0);transition:transform var(--midas-transition-duration-normal) ease;padding:var(--midas-spacing-10) 0}._statusIcon_1em4f_100{color:var(--icon-color);padding:var(--midas-spacing-10) 0}@media (forced-colors: active){._statusIcon_1em4f_100{color:currentColor}}._triggerButton_1em4f_62[aria-expanded=true] ._chevronIcon_1em4f_94{transform:rotate(-180deg);transition:transform var(--midas-transition-duration-normal) ease}._triggerButton_1em4f_62[data-hovered]{background-color:var(--accordion-background-hover)}._triggerButton_1em4f_62[data-focus-visible]{box-shadow:var(--midas-state-focus-inset)}._panel_1em4f_122{height:var(--disclosure-panel-height);transition:height var(--midas-transition-panel-collapse);overflow:clip}._content_1em4f_130{height:auto;padding:var(--content-padding)}._hasBackground_1em4f_135{background-color:var(--midas-background-base)}._header_1em4f_139{margin:0}
package/index.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("./AccordionItem-BYXzc5-U.cjs"),l=require("./BadgeContainer-BZl6mSeb.cjs"),m=require("./Breadcrumbs-G8PykxwF.cjs"),I=require("./Button-CPtsYcdR.cjs"),D=require("./ButtonGroup-BpvDDECt.cjs"),g=require("./RangeCalendar-HOQvYbbb.cjs"),e=require("./Card-Du2Tzg4R.cjs"),k=require("./CharacterCounter-C8PalBAH.cjs"),P=require("./Checkbox-LGIr8OfT.cjs"),G=require("./CheckboxGroup-D9L7J0yo.cjs"),h=require("./ColorSchemeSwitch-AM8Xon5u.cjs"),u=require("./ComboBox-Bt1MZeC4.cjs"),R=require("./DateField-gQBrgakI.cjs"),s=require("./DateInputDivider-DJN5KyLX.cjs"),T=require("./DateRangePicker-BRZ3oWKb.cjs"),B=require("./Dropdown-C2aoQ_Pv.cjs"),v=require("./FieldError-DwYQXCwP.cjs"),b=require("./FileUpload-DsTi9F39.cjs"),F=require("./Grid-B6G4PWn5.cjs"),M=require("./GridItem-BZ8eOXMB.cjs"),A=require("./Heading-DWSQCI4U.cjs"),$=require("./InfoBanner-Dc5gf1JR.cjs"),w=require("./Label-Dn9QqKX8.cjs"),t=require("./Layout-3vZ97J1E.cjs"),f=require("./Link-BPg_SBiF.cjs"),H=require("./LinkButton-zk257klG.cjs"),y=require("./Logo-YY9hQ8G3.cjs"),E=require("./Dialog-C_PfYd4_.cjs"),N=require("./Popover-DatBJsbE.cjs"),Q=require("./ProgressBar-B6xscMY3.cjs"),C=require("./Radio-BrzLuRFq.cjs"),Z=require("./SearchField-DV2ul88x.cjs"),j=require("./Select-CniABLmk.cjs"),O=require("./Select-BATiN27h.cjs"),U=require("./Skeleton-BvfFN3Q4.cjs"),z=require("./Spinner-6nei2CMj.cjs"),o=require("./Table-CU5_3Mhq.cjs"),a=require("./TabList-DPmDWfKk.cjs"),p=require("./Tag-DsmOy4f_.cjs"),J=require("./Text-D29KP4_q.cjs"),n=require("./TextArea-DWVTIHGF.cjs"),r=require("./Toast-CUMy7sPq.cjs"),q=require("./ToggleButtonGroup-DWqPFJWL.cjs"),x=require("./Tooltip-CPn8DVh8.cjs"),K=require("./ListBox-BDEzuwgf.cjs"),L=require("./ListBoxLoadMoreItem-B31-J1-a.cjs"),c=require("./ListBoxSection-DcajcZMK.cjs"),i=require("./Separator-CYPstw7z.cjs"),V=require("./usePress-BQdBua-S.cjs"),S=require("./Dialog-XOUP-FA_.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;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("./AccordionItem-BC1ogvtn.cjs"),l=require("./BadgeContainer-BZl6mSeb.cjs"),m=require("./Breadcrumbs-G8PykxwF.cjs"),I=require("./Button-CPtsYcdR.cjs"),D=require("./ButtonGroup-BpvDDECt.cjs"),g=require("./RangeCalendar-HOQvYbbb.cjs"),e=require("./Card-Du2Tzg4R.cjs"),k=require("./CharacterCounter-C8PalBAH.cjs"),P=require("./Checkbox-LGIr8OfT.cjs"),G=require("./CheckboxGroup-D9L7J0yo.cjs"),h=require("./ColorSchemeSwitch-AM8Xon5u.cjs"),u=require("./ComboBox-Bt1MZeC4.cjs"),R=require("./DateField-gQBrgakI.cjs"),s=require("./DateInputDivider-DJN5KyLX.cjs"),T=require("./DateRangePicker-BRZ3oWKb.cjs"),B=require("./Dropdown-C2aoQ_Pv.cjs"),v=require("./FieldError-DwYQXCwP.cjs"),b=require("./FileUpload-DsTi9F39.cjs"),F=require("./Grid-B6G4PWn5.cjs"),M=require("./GridItem-BZ8eOXMB.cjs"),A=require("./Heading-DWSQCI4U.cjs"),$=require("./InfoBanner-Dc5gf1JR.cjs"),w=require("./Label-Dn9QqKX8.cjs"),t=require("./Layout-3vZ97J1E.cjs"),f=require("./Link-BPg_SBiF.cjs"),H=require("./LinkButton-zk257klG.cjs"),y=require("./Logo-YY9hQ8G3.cjs"),E=require("./Dialog-C_PfYd4_.cjs"),N=require("./Popover-DatBJsbE.cjs"),Q=require("./ProgressBar-B6xscMY3.cjs"),C=require("./Radio-BrzLuRFq.cjs"),Z=require("./SearchField-DV2ul88x.cjs"),j=require("./Select-CniABLmk.cjs"),O=require("./Select-BATiN27h.cjs"),U=require("./Skeleton-BvfFN3Q4.cjs"),z=require("./Spinner-6nei2CMj.cjs"),o=require("./Table-CU5_3Mhq.cjs"),a=require("./TabList-DPmDWfKk.cjs"),p=require("./Tag-DsmOy4f_.cjs"),J=require("./Text-D29KP4_q.cjs"),n=require("./TextArea-DWVTIHGF.cjs"),r=require("./Toast-CUMy7sPq.cjs"),q=require("./ToggleButtonGroup-DWqPFJWL.cjs"),x=require("./Tooltip-CPn8DVh8.cjs"),K=require("./ListBox-BDEzuwgf.cjs"),L=require("./ListBoxLoadMoreItem-B31-J1-a.cjs"),c=require("./ListBoxSection-DcajcZMK.cjs"),i=require("./Separator-CYPstw7z.cjs"),V=require("./usePress-BQdBua-S.cjs"),S=require("./Dialog-XOUP-FA_.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 CHANGED
@@ -1,4 +1,4 @@
1
- import { a as r, A as e } from "./AccordionItem-BV7AT4EM.js";
1
+ import { a as r, A as e } from "./AccordionItem-DDqHaLf6.js";
2
2
  import { B as s, a as p } from "./BadgeContainer-DilMiV6u.js";
3
3
  import { B as m } from "./Breadcrumbs-BKft9SZ9.js";
4
4
  import { B as i } from "./Button-aWvg3R6-.js";
package/package.json CHANGED
@@ -14,7 +14,7 @@
14
14
  "description": "Midas Components",
15
15
  "homepage": "https://designsystem.migrationsverket.se/",
16
16
  "license": "CC0-1.0",
17
- "version": "15.2.12",
17
+ "version": "15.2.13",
18
18
  "main": "./index.cjs",
19
19
  "module": "./index.js",
20
20
  "types": "./index.d.ts",
@@ -1 +0,0 @@
1
- "use strict";require('./assets/AccordionItem.css');const b=require("react/jsx-runtime"),E=require("./clsx-DKOfLqne.cjs"),S=require("./icon-map-BzhRRdiZ.cjs"),d=require("react"),v=require("./Button-BuelSBWx.cjs"),p=require("./utils-ZN3Na38z.cjs"),$=require("./mergeProps-D9EPHb19.cjs"),y=require("./filterDOMProps-WUskt27c.cjs"),C=require("./useControlledState-D0L6S_5r.cjs"),K=require("react-dom"),M=require("./useEvent-DnWDW9C-.cjs"),N=require("./SSRProvider-DZRLwxPS.cjs"),w=require("./useFocusRing-BV6zA8CX.cjs"),j=require("./Button-CPtsYcdR.cjs"),B=require("./Heading-DWSQCI4U.cjs"),F=require("./chevron-down-DyBh7agb.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(),l=d.useRef(null),u=d.useCallback(()=>{l.current=requestAnimationFrame(()=>{s.current&&s.current.setAttribute("hidden","until-found")}),K.flushSync(()=>{e.toggle()})},[s,e]);M.$e9faafb641e167db$export$90fc3a17d93f704c(s,"beforematch",u);let f=d.useRef(null);return $.$f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(()=>{if(l.current&&cancelAnimationFrame(l.current),s.current&&!n&&!o){let t=s.current;f.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!==f.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(()=>{}))),f.current=e.isExpanded}},[n,s,e.isExpanded,o]),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: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 l=n?n.expandedKeys.has(a):e.isExpanded,u=z({...e,isExpanded:l,onExpandedChange(q){var m;n&&n.toggleKey(a),(m=e.onExpandedChange)===null||m===void 0||m.call(e,q)}}),f=d.useRef(null),t=e.isDisabled||n?.isDisabled||!1,{buttonProps:x,panelProps:g}=V({...e,isExpanded:l,isDisabled:t},u,f),{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:u.isExpanded,isDisabled:t,isFocusVisibleWithin:h,state:u}}),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:f}],[J,u]]},d.createElement("div",{...$.$3ef42575df84b30b$export$9d1611c77c2fe928(R,P,I),ref:s,"data-expanded":u.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:l}=w.$f7dceffc5ad7768b$export$4e328f61c538687f({within:!0}),u=p.$64fa3d84918910a7$export$4d86445c2cf5e3({...e,defaultClassName:"react-aria-DisclosurePanel",values:{isFocusVisibleWithin:o}}),f=y.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(e,{global:!0});return d.createElement("div",{...$.$3ef42575df84b30b$export$9d1611c77c2fe928(f,u,a,l),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",c={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:l,...u})=>{const f=d.useContext(A),t=l??f?.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:c.statusIcon}):null;return b.jsxs(L,{...u,className:E.clsx(c.item,a&&c[a],(o==="medium"||f?.size==="medium")&&c.medium,t&&c.contained,s),children:[b.jsx("div",{className:c.trigger,children:b.jsxs(j.Button,{className:c.triggerButton,slot:"trigger",variant:"icon",children:[b.jsx(F.ChevronDown,{size:20,className:c.chevronIcon}),b.jsx("div",{className:c.triggerMainContent,children:x?r:b.jsx(B.Heading,{level:3,elementType:n,className:c.triggerText,children:r})}),h]})}),b.jsx(Q,{className:c.panel,children:b.jsx("div",{className:E.clsx(c.content,i&&c.hasBackground),children:e})})]})};exports.Accordion=U;exports.AccordionItem=pe;