@midas-ds/components 17.2.5 → 17.3.0

package/chunks/{DateRangePicker-BoL-sn9u.js → DateRangePicker-BCZ6i1w0.js}

@@ -1,16 +1,16 @@
 'use client';
 import { jsx as e, jsxs as h } from "react/jsx-runtime";
-import { Group as x, DatePickerStateContext as F, DateRangePickerStateContext as j, Popover as B, Dialog as M, DatePicker as S, DateRangePicker as N } from "react-aria-components";
+import { Group as x, DatePickerStateContext as F, DateRangePickerStateContext as B, Popover as M, Dialog as S, DatePicker as N, DateRangePicker as R } from "react-aria-components";
 import { a as k } from "./clsx-AexbMWKp.js";
-import { C as R, R as G } from "./RangeCalendar-DIMxoHhy.js";
-import { D as _, b as f, a as L } from "./DateInputDivider-DwopMIb9.js";
-import { F as P } from "./FieldError-BMTrvSof.js";
-import { a as y, L as v } from "./Label-6GZmmff9.js";
-import { T as D } from "./Text-BuXvuoqM.js";
-import * as g from "react";
-import { C as I } from "./ClearButton-DPm_d7SL.js";
-import { FocusScope as V, useFocusManager as w } from "@react-aria/focus";
-import { B as O } from "./Button-CaLOUTDO.js";
+import { C as G, R as L } from "./RangeCalendar-LheFd9WF.js";
+import { D as P, b as _, a as I } from "./DateInputDivider-DwopMIb9.js";
+import { F as g } from "./FieldError-krpMBtie.js";
+import { a as y, L as v } from "./Label-s4J9sYdy.js";
+import { T as D } from "./Text-D0r_W4lH.js";
+import * as f from "react";
+import { C as V } from "./ClearButton-DBr9Zfwq.js";
+import { FocusScope as j, useFocusManager as w } from "@react-aria/focus";
+import { B as O } from "./Button-BhIvfqOc.js";
 import { c as T } from "./createLucideIcon-CP-mMPfa.js";
 import { u as $ } from "./useLocalizedStringFormatter-BHvsRxDk.js";
 import '../assets/DateRangePicker.css';const E = [
@@ -27,7 +27,7 @@ import '../assets/DateRangePicker.css';const E = [
 ], W = T("calendar-days", E), q = { clear: "Clear date" }, A = { clear: "Rensa datum" }, H = {
   en: q,
   sv: A
-}, J = "_datePicker_11j8a_1", K = "_inputField_11j8a_8", Q = "_medium_11j8a_24", U = "_readOnly_11j8a_47", X = "_buttonGroup_11j8a_52", Y = "_iconButton_11j8a_58", Z = "_dialog_11j8a_81", o = {
+}, J = "_datePicker_1g3e7_1", K = "_inputField_1g3e7_8", Q = "_medium_1g3e7_24", U = "_readOnly_1g3e7_47", X = "_buttonGroup_1g3e7_52", Y = "_iconButton_1g3e7_58", Z = "_dialog_1g3e7_81", o = {
   datePicker: J,
   inputField: K,
   medium: Q,
@@ -41,9 +41,9 @@ import '../assets/DateRangePicker.css';const E = [
   isReadOnly: i,
   size: a
 }) => {
-  const r = g.useContext(F), s = g.useContext(j), u = $(H), l = w(), n = s ?? r, p = z(n) ? !!n.value.start && n.value.end : !!n?.value;
+  const r = f.useContext(F), s = f.useContext(B), u = $(H), l = w(), n = s ?? r, p = z(n) ? !!n.value.start && n.value.end : !!n?.value;
   return t && p && !i ? /* @__PURE__ */ e(
-    I,
+    V,
     {
       onPress: () => {
         n?.setValue(null), l?.focusFirst();
@@ -70,7 +70,7 @@ import '../assets/DateRangePicker.css';const E = [
       [o.medium]: r === "medium",
       [o.readOnly]: a
     }),
-    children: /* @__PURE__ */ h(V, { children: [
+    children: /* @__PURE__ */ h(j, { children: [
       t,
       /* @__PURE__ */ h("div", { className: o.buttonGroup, children: [
         /* @__PURE__ */ e(
@@ -106,7 +106,7 @@ import '../assets/DateRangePicker.css';const E = [
   }
 ), b = ({
   children: t
-}) => /* @__PURE__ */ e(B, { children: /* @__PURE__ */ e(M, { className: o.dialog, children: t }) }), he = ({
+}) => /* @__PURE__ */ e(M, { children: /* @__PURE__ */ e(S, { className: o.dialog, children: t }) }), he = ({
   className: t,
   description: c,
   errorMessage: i,
@@ -119,7 +119,7 @@ import '../assets/DateRangePicker.css';const E = [
   size: p,
   ...d
 }) => /* @__PURE__ */ h(
-  S,
+  N,
   {
     className: k(o.datePicker, t),
     isReadOnly: l,
@@ -128,7 +128,7 @@ import '../assets/DateRangePicker.css';const E = [
     children: [
       /* @__PURE__ */ e(y, { popover: s, children: r && /* @__PURE__ */ e(v, { children: r }) }),
       c && /* @__PURE__ */ e(D, { slot: "description", children: c }),
-      a === "top" && /* @__PURE__ */ e(P, { children: i }),
+      a === "top" && /* @__PURE__ */ e(g, { children: i }),
       /* @__PURE__ */ e(
         C,
         {
@@ -137,11 +137,11 @@ import '../assets/DateRangePicker.css';const E = [
           isDisabled: n,
           size: p,
           ...d,
-          children: /* @__PURE__ */ e(_, { children: (m) => /* @__PURE__ */ e(f, { segment: m }) })
+          children: /* @__PURE__ */ e(P, { children: (m) => /* @__PURE__ */ e(_, { segment: m }) })
         }
       ),
-      a === "bottom" && /* @__PURE__ */ e(P, { children: i }),
-      /* @__PURE__ */ e(b, { children: /* @__PURE__ */ e(R, {}) })
+      a === "bottom" && /* @__PURE__ */ e(g, { children: i }),
+      /* @__PURE__ */ e(b, { children: /* @__PURE__ */ e(G, {}) })
     ]
   }
 ), ke = ({
@@ -157,7 +157,7 @@ import '../assets/DateRangePicker.css';const E = [
   size: p,
   ...d
 }) => /* @__PURE__ */ h(
-  N,
+  R,
   {
     className: k(o.datePicker, t),
     isReadOnly: l,
@@ -166,7 +166,7 @@ import '../assets/DateRangePicker.css';const E = [
     children: [
       /* @__PURE__ */ e(y, { popover: s, children: r && /* @__PURE__ */ e(v, { children: r }) }),
       c && /* @__PURE__ */ e(D, { slot: "description", children: c }),
-      a === "top" && /* @__PURE__ */ e(P, { children: i }),
+      a === "top" && /* @__PURE__ */ e(g, { children: i }),
       /* @__PURE__ */ h(
         C,
         {
@@ -176,14 +176,14 @@ import '../assets/DateRangePicker.css';const E = [
           size: p,
           ...d,
           children: [
-            /* @__PURE__ */ e(_, { slot: "start", children: (m) => /* @__PURE__ */ e(f, { segment: m }) }),
-            /* @__PURE__ */ e(L, {}),
-            /* @__PURE__ */ e(_, { slot: "end", children: (m) => /* @__PURE__ */ e(f, { segment: m }) })
+            /* @__PURE__ */ e(P, { slot: "start", children: (m) => /* @__PURE__ */ e(_, { segment: m }) }),
+            /* @__PURE__ */ e(I, {}),
+            /* @__PURE__ */ e(P, { slot: "end", children: (m) => /* @__PURE__ */ e(_, { segment: m }) })
           ]
         }
       ),
-      a === "bottom" && /* @__PURE__ */ e(P, { children: i }),
-      /* @__PURE__ */ e(b, { children: /* @__PURE__ */ e(G, {}) })
+      a === "bottom" && /* @__PURE__ */ e(g, { children: i }),
+      /* @__PURE__ */ e(b, { children: /* @__PURE__ */ e(L, {}) })
     ]
   }
 );

package/chunks/{Dialog-BHxDzbf8.js → Dialog-DVff9MDd.js}

@@ -1,19 +1,19 @@
 import { jsx as o, jsxs as e } from "react/jsx-runtime";
-import { ModalOverlay as n, Modal as c, Dialog as i } from "react-aria-components";
-import { B as _ } from "./Button-CaLOUTDO.js";
-import { H as y } from "./Heading-D8tNNJkt.js";
-import { c as v } from "./clsx-AexbMWKp.js";
-import { X as x } from "./x-B9bYxG31.js";
+import { ModalOverlay as i, Modal as c, Dialog as n } from "react-aria-components";
+import { B as _ } from "./Button-BhIvfqOc.js";
+import { H as h } from "./Heading-nfcRc2QF.js";
+import { c as y } from "./clsx-AexbMWKp.js";
+import { X as v } from "./x-B9bYxG31.js";
 import { u as f } from "./useLocalizedStringFormatter-BHvsRxDk.js";
-import '../assets/Dialog.css';const h = "_modal_nxs78_1", p = "_overlay_nxs78_24", g = "_modalHeader_nxs78_48", B = "_modalTitle_nxs78_59", H = "_modalBody_nxs78_65", a = {
-  modal: h,
-  overlay: p,
+import '../assets/Dialog.css';const p = "_modal_10hiu_1", u = "_overlay_10hiu_24", g = "_modalHeader_10hiu_48", B = "_modalTitle_10hiu_59", H = "_modalBody_10hiu_65", a = {
+  modal: p,
+  overlay: u,
   modalHeader: g,
   modalTitle: B,
   modalBody: H
-}, M = { close: "Close" }, N = { close: "Stäng" }, T = {
-  en: M,
-  sv: N
+}, x = { close: "Close" }, M = { close: "Stäng" }, N = {
+  en: x,
+  sv: M
 }, F = ({
   children: s,
   title: l,
@@ -21,16 +21,16 @@ import '../assets/Dialog.css';const h = "_modal_nxs78_1", p = "_overlay_nxs78_24
   className: t,
   ...d
 }) => {
-  const m = f(T);
+  const m = f(N);
   return /* @__PURE__ */ o(
-    n,
+    i,
     {
       ...d,
-      className: v(a.overlay, t),
-      children: /* @__PURE__ */ o(c, { className: a.modal, children: /* @__PURE__ */ e(i, { children: [
+      className: y(a.overlay, t),
+      children: /* @__PURE__ */ o(c, { className: a.modal, children: /* @__PURE__ */ e(n, { children: [
         /* @__PURE__ */ e("div", { className: a.modalHeader, children: [
           /* @__PURE__ */ o("div", { className: a.modalTitle, children: l && /* @__PURE__ */ o(
-            y,
+            h,
             {
               level: 3,
               elementType: "h2",
@@ -43,7 +43,7 @@ import '../assets/Dialog.css';const h = "_modal_nxs78_1", p = "_overlay_nxs78_24
             {
               slot: "close",
               variant: "tertiary",
-              icon: x,
+              icon: v,
               iconPlacement: "right",
               children: m.format("close")
             }

package/chunks/{FieldError-BMTrvSof.js → FieldError-krpMBtie.js}

@@ -2,7 +2,7 @@ import { jsx as i } from "react/jsx-runtime";
 import { forwardRef as n, useContext as f } from "react";
 import { FieldErrorContext as c, FieldError as d } from "react-aria-components";
 import { c as a } from "./clsx-AexbMWKp.js";
-import { T as m } from "./Text-BuXvuoqM.js";
+import { T as m } from "./Text-D0r_W4lH.js";
 import '../assets/FieldError.css';const E = "_fieldError_u3cks_1", u = {
   fieldError: E
 }, x = n(

package/chunks/Heading-nfcRc2QF.js

@@ -0,0 +1,38 @@
+import { jsx as c } from "react/jsx-runtime";
+import { c as l } from "./clsx-AexbMWKp.js";
+import { Heading as g } from "react-aria-components";
+import '../assets/Heading.css';const i = "_h1_13alg_1", m = "_h2_13alg_2", p = "_h3_13alg_3", d = "_h4_13alg_4", f = "_h5_13alg_5", x = "_h6_13alg_6", h = {
+  h1: i,
+  h2: m,
+  h3: p,
+  h4: d,
+  h5: f,
+  h6: x
+}, j = ({
+  children: t,
+  className: _,
+  enableMargins: o = !1,
+  isExpressive: n = !1,
+  level: s = 3,
+  elementType: a,
+  ...e
+}) => {
+  const r = a && parseInt(a.split("h")[1]);
+  return /* @__PURE__ */ c(
+    g,
+    {
+      level: r || s,
+      className: l(
+        [h.h1, h.h2, h.h3, h.h4, h.h5, h.h6][s - 1],
+        _
+      ),
+      ...n && { "data-expressive": !0 },
+      ...o && { "data-margin": !0 },
+      ...e,
+      children: t
+    }
+  );
+};
+export {
+  j as H
+};

package/chunks/{InfoBanner-C4HnaXQO.js → InfoBanner-otmuemqy.js}

@@ -1,7 +1,7 @@
 import { jsxs as e, jsx as n } from "react/jsx-runtime";
 import * as h from "react";
 import { c as j } from "./clsx-AexbMWKp.js";
-import { B as x } from "./Button-CaLOUTDO.js";
+import { B as x } from "./Button-BhIvfqOc.js";
 import { F as B } from "./FeedbackStatusIcon-X9Bjgeta.js";
 import { X as N } from "./x-B9bYxG31.js";
 import { u as b } from "./useLocalizedStringFormatter-BHvsRxDk.js";

package/chunks/{Label-6GZmmff9.js → Label-s4J9sYdy.js}

@@ -3,8 +3,8 @@ import * as b from "react";
 import s from "react";
 import { c as f } from "./clsx-AexbMWKp.js";
 import { DialogTrigger as v, Label as d } from "react-aria-components";
-import { P as g } from "./Popover-BcEtFiU1.js";
-import { B as u } from "./Button-CaLOUTDO.js";
+import { P as g } from "./Popover-CaP4LFhg.js";
+import { B as u } from "./Button-BhIvfqOc.js";
 import { I as P } from "./info-N5jWZg2A.js";
 import { u as _ } from "./useLocalizedStringFormatter-BHvsRxDk.js";
 import '../assets/Label.css';const I = "_labelBase_f5wtf_1", x = {