@midas-ds/components 17.2.6 → 17.3.1

package/list-box/index.js

@@ -1,6 +1,6 @@
-import { L as s } from "../chunks/ListBox-D5BBeZWL.js";
-import { L, a as e, b as x, c as i, d as r } from "../chunks/ListBoxHeader-CL9bFH22.js";
-import { L as m, a as p } from "../chunks/ListBoxEmptyState-_Cn38cQ6.js";
+import { L as s } from "../chunks/ListBox-CDlOUvzJ.js";
+import { L, a as e, b as x, c as i, d as r } from "../chunks/ListBoxHeader-DSYdXl2I.js";
+import { L as m, a as p } from "../chunks/ListBoxEmptyState-CXKkWQy1.js";
 export {
   s as ListBox,
   L as ListBoxButton,

package/menu/index.js

@@ -1,4 +1,4 @@
-import { M as a, a as o, b as n, c as M, S as s } from "../chunks/Separator-XIzn8lsq.js";
+import { M as a, a as o, b as n, c as M, S as s } from "../chunks/Separator-CkVOLF6I.js";
 import { MenuTrigger as u } from "react-aria-components";
 export {
   a as Menu,

package/modal/index.js

@@ -1,4 +1,4 @@
-import { M as a } from "../chunks/Dialog-BHxDzbf8.js";
+import { M as a } from "../chunks/Dialog-DVff9MDd.js";
 import { DialogTrigger as g } from "react-aria-components";
 export {
   g as DialogTrigger,

package/package.json

@@ -14,7 +14,7 @@
   "description": "Midas Components",
   "homepage": "https://designsystem.migrationsverket.se/",
   "license": "CC0-1.0",
-  "version": "17.2.6",
+  "version": "17.3.1",
   "module": "./index.js",
   "type": "module",
   "main": "./index.js",
@@ -41,7 +41,7 @@
     "./*": "./*/index.js"
   },
   "dependencies": {
-    "@midas-ds/theme": "3.11.2",
+    "@midas-ds/theme": "3.12.0",
     "react-aria-components": "1.14.0"
   }
 }

package/popover/index.js

@@ -1,4 +1,4 @@
-import { P as e } from "../chunks/Popover-BcEtFiU1.js";
+import { P as e } from "../chunks/Popover-CaP4LFhg.js";
 export {
   e as Popover
 };

package/progress-bar/index.js

@@ -1,4 +1,4 @@
-import { P as s } from "../chunks/ProgressBar-Dg0JMQ71.js";
+import { P as s } from "../chunks/ProgressBar-acc8946-.js";
 export {
   s as ProgressBar
 };

package/radio/index.js

@@ -1,4 +1,4 @@
-import { R as r, a as R } from "../chunks/Radio-CAIyBgBp.js";
+import { R as r, a as R } from "../chunks/Radio-DjivEe-_.js";
 export {
   r as Radio,
   R as RadioGroup

package/search-field/index.js

@@ -1,4 +1,4 @@
-import { S as a } from "../chunks/SearchField-C_OjgTE0.js";
+import { S as a } from "../chunks/SearchField-1DYv0w4b.js";
 export {
   a as SearchField
 };

package/select/index.js

@@ -1,4 +1,4 @@
-import { S as r } from "../chunks/Select-D7JfpIUT.js";
+import { S as r } from "../chunks/Select-CV0H13h-.js";
 export {
   r as Select
 };

package/skeleton/index.js

@@ -1,4 +1,4 @@
-import { S as r } from "../chunks/Skeleton-DqIHQLQl.js";
+import { S as r } from "../chunks/Skeleton-D6mxKxuu.js";
 export {
   r as Skeleton
 };

package/table/index.js

@@ -1,4 +1,4 @@
-import { C as l, a as s, R as o, T as b, b as T, c as r } from "../chunks/Table-UbdCFrkS.js";
+import { C as l, a as s, R as o, T as b, b as T, c as r } from "../chunks/Table-Bg-AKi7d.js";
 export {
   l as Cell,
   s as Column,

package/tabs/index.js

@@ -1,4 +1,4 @@
-import { T as b, a as T, b as e, c as o } from "../chunks/TabList-BaR443mu.js";
+import { T as b, a as T, b as e, c as o } from "../chunks/TabList-BHX-cuhB.js";
 export {
   b as Tab,
   T as TabList,

package/tag/index.js

@@ -1,4 +1,4 @@
-import { T, a as g, b as o } from "../chunks/TagGroup-CWe0P76-.js";
+import { T, a as g, b as o } from "../chunks/TagGroup-BscTXQ_E.js";
 export {
   T as Tag,
   g as TagGroup,

package/text/index.js

@@ -1,4 +1,4 @@
-import { T as r } from "../chunks/Text-BuXvuoqM.js";
+import { T as r } from "../chunks/Text-D0r_W4lH.js";
 export {
   r as Text
 };

package/textfield/index.js

@@ -1,4 +1,4 @@
-import { I as s, T as t, a as x, b as T } from "../chunks/TextArea-BQuztcdA.js";
+import { I as s, T as t, a as x, b as T } from "../chunks/TextArea-CBRE_gsN.js";
 export {
   s as Input,
   t as TextArea,

package/toast/index.js

@@ -1,4 +1,4 @@
-import { G as s, T as t, a as e, b as r, t as T } from "../chunks/Toast-UPM-1ipu.js";
+import { G as s, T as t, a as e, b as r, t as T } from "../chunks/Toast-Cxm230CK.js";
 import { useToastState as u } from "react-stately";
 export {
   s as GlobalToastRegion,

package/toggle-button/index.js

@@ -1,4 +1,4 @@
-import { T as g, a } from "../chunks/ToggleButtonGroup-CXKTrLbb.js";
+import { T as g, a } from "../chunks/ToggleButtonGroup-Bv9xpwTT.js";
 export {
   g as ToggleButton,
   a as ToggleButtonGroup

package/tooltip/index.js

@@ -1,4 +1,4 @@
-import { T, a } from "../chunks/Tooltip-rDmOkGmX.js";
+import { T, a } from "../chunks/Tooltip-C1bbgr2l.js";
 export {
   T as Tooltip,
   a as TooltipTrigger

package/chunks/AccordionItem-CSvARy63.js

@@ -1,129 +0,0 @@
-'use client';
-import { jsx as n, jsxs as m } from "react/jsx-runtime";
-import { c as d } from "./clsx-AexbMWKp.js";
-import { DisclosureGroup as f, Disclosure as v, DisclosurePanel as C } from "react-aria-components";
-import { createContext as I, useContext as N, useEffect as B } from "react";
-import { B as k } from "./Button-CaLOUTDO.js";
-import { H as w } from "./Heading-D8tNNJkt.js";
-import { F as A } from "./FeedbackStatusIcon-X9Bjgeta.js";
-import { C as T } from "./chevron-down-BBFYYzZq.js";
-import '../assets/AccordionItem.css';const D = "_root_17bdp_1", M = "_contained_17bdp_5", a = {
-  root: D,
-  contained: M
-}, g = I(void 0), et = ({
-  children: o,
-  className: c,
-  isContained: s,
-  size: r = "large",
-  ...e
-}) => /* @__PURE__ */ n(g.Provider, { value: { isContained: s, size: r }, children: /* @__PURE__ */ n(
-  f,
-  {
-    className: d(
-      a.root,
-      s ? a.contained : a.uncontained,
-      c
-    ),
-    ...e,
-    children: o
-  }
-) }), j = "_item_hpbxd_1", z = "_contained_hpbxd_18", F = "_medium_hpbxd_28", H = "_success_hpbxd_33", P = "_warning_hpbxd_39", S = "_info_hpbxd_45", y = "_important_hpbxd_51", E = "_triggerButton_hpbxd_62", G = "_triggerText_hpbxd_66", R = "_trigger_hpbxd_62", W = "_triggerMainContent_hpbxd_77", $ = "_chevronIcon_hpbxd_94", q = "_statusIcon_hpbxd_100", J = "_panel_hpbxd_122", K = "_content_hpbxd_130", L = "_hasBackground_hpbxd_135", O = "_header_hpbxd_139", t = {
-  item: j,
-  contained: z,
-  medium: F,
-  success: H,
-  warning: P,
-  info: S,
-  important: y,
-  triggerButton: E,
-  triggerText: G,
-  trigger: R,
-  triggerMainContent: W,
-  "	": "_	_hpbxd_1",
-  chevronIcon: $,
-  statusIcon: q,
-  panel: J,
-  content: K,
-  hasBackground: L,
-  header: O
-}, ot = ({
-  title: o,
-  children: c,
-  className: s,
-  headingLevel: r = "h2",
-  type: e,
-  hasBackground: l = !0,
-  size: h = "large",
-  isContained: u,
-  iconAriaLabel: p,
-  ...x
-}) => {
-  const _ = N(g), i = u ?? _?.isContained ?? !1, b = typeof o == "object";
-  return B(() => {
-    e && !i && console.warn(
-      "AccordionItem: When 'type' is set, it is recommended to also set 'isContained' to true for visual consistency."
-    );
-  }, [e, i]), /* @__PURE__ */ m(
-    v,
-    {
-      ...x,
-      className: d(
-        t.item,
-        e && t[e],
-        (h === "medium" || _?.size === "medium") && t.medium,
-        i && t.contained,
-        s
-      ),
-      children: [
-        /* @__PURE__ */ n("div", { className: t.trigger, children: /* @__PURE__ */ m(
-          k,
-          {
-            className: t.triggerButton,
-            slot: "trigger",
-            variant: "icon",
-            children: [
-              /* @__PURE__ */ n(
-                T,
-                {
-                  size: 20,
-                  className: t.chevronIcon
-                }
-              ),
-              /* @__PURE__ */ n("div", { className: t.triggerMainContent, children: b ? o : /* @__PURE__ */ n(
-                w,
-                {
-                  level: 3,
-                  elementType: r,
-                  className: t.triggerText,
-                  children: o
-                }
-              ) }),
-              e && /* @__PURE__ */ n(
-                A,
-                {
-                  "aria-label": p,
-                  className: t.statusIcon,
-                  status: e
-                }
-              )
-            ]
-          }
-        ) }),
-        /* @__PURE__ */ n(C, { className: t.panel, children: /* @__PURE__ */ n(
-          "div",
-          {
-            className: d(
-              t.content,
-              l && t.hasBackground
-            ),
-            children: c
-          }
-        ) })
-      ]
-    }
-  );
-};
-export {
-  et as A,
-  ot as a
-};

package/chunks/Button.module-Cm0H98vy.js

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

package/chunks/ComboBox-DnqZjAqe.js

@@ -1,102 +0,0 @@
-'use client';
-import { jsxs as c, jsx as o } from "react/jsx-runtime";
-import L from "react";
-import { ComboBox as F, Input as v, Button as R } from "react-aria-components";
-import { c as s } from "./clsx-AexbMWKp.js";
-import { a as y, L as B } from "./Label-6GZmmff9.js";
-import { T as k } from "./Text-BuXvuoqM.js";
-import { F as u } from "./FieldError-BMTrvSof.js";
-import { L as C } from "./ListBox-D5BBeZWL.js";
-import { a as N, L as g } from "./ListBoxEmptyState-_Cn38cQ6.js";
-import { C as E } from "./chevron-down-BBFYYzZq.js";
-import { u as S } from "./useLocalizedStringFormatter-BHvsRxDk.js";
-import '../assets/ComboBox.css';const T = "_combobox_1awtk_1", j = "_inputField_1awtk_6", I = "_medium_1awtk_27", O = "_wrap_1awtk_79", U = "_button_1awtk_85", z = "_icon_1awtk_121", t = {
-  combobox: T,
-  inputField: j,
-  medium: I,
-  wrap: O,
-  button: U,
-  icon: z
-}, D = { showList: "Show list", noResultsFound: "No results found" }, M = { showList: "Visa lista", noResultsFound: "Inga träffar" }, V = {
-  en: D,
-  sv: M
-};
-function Y({
-  label: a,
-  description: i,
-  errorMessage: r,
-  children: p,
-  items: f,
-  className: _,
-  errorPosition: n = "top",
-  size: m = "large",
-  popover: h,
-  listBoxProps: b,
-  ...e
-}) {
-  const d = L.useRef(null), l = S(V), w = (x) => {
-    x.currentTarget.value && d.current?.select();
-  };
-  return /* @__PURE__ */ c(
-    F,
-    {
-      className: s(t.combobox, _),
-      ...e,
-      "data-readonly": e.isReadOnly || void 0,
-      children: [
-        /* @__PURE__ */ o(y, { popover: h, children: a && /* @__PURE__ */ o(B, { children: a }) }),
-        i && /* @__PURE__ */ o(k, { slot: "description", children: i }),
-        n === "top" && /* @__PURE__ */ o(u, { "data-testid": "fieldError", children: r }),
-        /* @__PURE__ */ c("div", { className: t.wrap, children: [
-          /* @__PURE__ */ o(
-            v,
-            {
-              className: s(t.inputField, {
-                [t.medium]: m === "medium"
-              }),
-              "data-readonly": e.isReadOnly || void 0,
-              onMouseUp: w,
-              ref: d
-            }
-          ),
-          /* @__PURE__ */ o(
-            R,
-            {
-              className: s(t.button, {
-                [t.medium]: m === "medium"
-              }),
-              "aria-label": l.format("showList"),
-              children: /* @__PURE__ */ o(
-                "div",
-                {
-                  className: t.icon,
-                  "aria-hidden": "true",
-                  children: /* @__PURE__ */ o(
-                    E,
-                    {
-                      size: 20,
-                      "aria-hidden": !0
-                    }
-                  )
-                }
-              )
-            }
-          )
-        ] }),
-        n === "bottom" && /* @__PURE__ */ o(u, { "data-testid": "fieldError", children: r }),
-        /* @__PURE__ */ o(N, { offset: 4, children: /* @__PURE__ */ o(
-          C,
-          {
-            items: f,
-            renderEmptyState: () => /* @__PURE__ */ o(g, { children: l.format("noResultsFound") }),
-            ...b,
-            children: p
-          }
-        ) })
-      ]
-    }
-  );
-}
-export {
-  Y as C
-};

package/chunks/DateRangePicker-BoL-sn9u.js

@@ -1,193 +0,0 @@
-'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 { 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 T } from "./createLucideIcon-CP-mMPfa.js";
-import { u as $ } from "./useLocalizedStringFormatter-BHvsRxDk.js";
-import '../assets/DateRangePicker.css';const E = [
-  ["path", { d: "M8 2v4", key: "1cmpym" }],
-  ["path", { d: "M16 2v4", key: "4m81vk" }],
-  ["rect", { width: "18", height: "18", x: "3", y: "4", rx: "2", key: "1hopcy" }],
-  ["path", { d: "M3 10h18", key: "8toen8" }],
-  ["path", { d: "M8 14h.01", key: "6423bh" }],
-  ["path", { d: "M12 14h.01", key: "1etili" }],
-  ["path", { d: "M16 14h.01", key: "1gbofw" }],
-  ["path", { d: "M8 18h.01", key: "lrp35t" }],
-  ["path", { d: "M12 18h.01", key: "mhygvu" }],
-  ["path", { d: "M16 18h.01", key: "kzsmim" }]
-], 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 = {
-  datePicker: J,
-  inputField: K,
-  medium: Q,
-  readOnly: U,
-  buttonGroup: X,
-  iconButton: Y,
-  dialog: Z
-}, z = (t) => !!t && !!t.value && Object.prototype.hasOwnProperty.call(t.value, "start"), ee = ({
-  isClearable: t,
-  isDisabled: c,
-  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;
-  return t && p && !i ? /* @__PURE__ */ e(
-    I,
-    {
-      onPress: () => {
-        n?.setValue(null), l?.focusFirst();
-      },
-      size: a,
-      isDisabled: c,
-      "aria-label": u.format("clear"),
-      className: k(o.iconButton, {
-        [o.medium]: a === "medium"
-      })
-    }
-  ) : null;
-}, C = ({
-  children: t,
-  isDisabled: c,
-  isInvalid: i,
-  isReadOnly: a,
-  size: r = "large",
-  isClearable: s = !1
-}) => /* @__PURE__ */ e(
-  x,
-  {
-    className: k(o.inputField, {
-      [o.medium]: r === "medium",
-      [o.readOnly]: a
-    }),
-    children: /* @__PURE__ */ h(V, { children: [
-      t,
-      /* @__PURE__ */ h("div", { className: o.buttonGroup, children: [
-        /* @__PURE__ */ e(
-          ee,
-          {
-            isClearable: s,
-            isDisabled: c,
-            isReadOnly: a,
-            size: r
-          }
-        ),
-        /* @__PURE__ */ e(
-          O,
-          {
-            variant: "icon",
-            className: k(o.iconButton, {
-              [o.medium]: r === "medium",
-              [o.readOnly]: a
-            }),
-            "data-invalid": i || void 0,
-            size: r,
-            children: /* @__PURE__ */ e(
-              W,
-              {
-                "aria-hidden": !0,
-                size: 20
-              }
-            )
-          }
-        )
-      ] })
-    ] })
-  }
-), b = ({
-  children: t
-}) => /* @__PURE__ */ e(B, { children: /* @__PURE__ */ e(M, { className: o.dialog, children: t }) }), he = ({
-  className: t,
-  description: c,
-  errorMessage: i,
-  errorPosition: a = "top",
-  label: r,
-  popover: s,
-  isClearable: u = !1,
-  isReadOnly: l,
-  isDisabled: n,
-  size: p,
-  ...d
-}) => /* @__PURE__ */ h(
-  S,
-  {
-    className: k(o.datePicker, t),
-    isReadOnly: l,
-    isDisabled: n,
-    ...d,
-    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 }),
-      /* @__PURE__ */ e(
-        C,
-        {
-          isClearable: u,
-          isReadOnly: l,
-          isDisabled: n,
-          size: p,
-          ...d,
-          children: /* @__PURE__ */ e(_, { children: (m) => /* @__PURE__ */ e(f, { segment: m }) })
-        }
-      ),
-      a === "bottom" && /* @__PURE__ */ e(P, { children: i }),
-      /* @__PURE__ */ e(b, { children: /* @__PURE__ */ e(R, {}) })
-    ]
-  }
-), ke = ({
-  className: t,
-  description: c,
-  errorMessage: i,
-  errorPosition: a = "top",
-  label: r,
-  popover: s,
-  isClearable: u = !1,
-  isReadOnly: l,
-  isDisabled: n,
-  size: p,
-  ...d
-}) => /* @__PURE__ */ h(
-  N,
-  {
-    className: k(o.datePicker, t),
-    isReadOnly: l,
-    isDisabled: n,
-    ...d,
-    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 }),
-      /* @__PURE__ */ h(
-        C,
-        {
-          isClearable: u,
-          isReadOnly: l,
-          isDisabled: n,
-          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 }) })
-          ]
-        }
-      ),
-      a === "bottom" && /* @__PURE__ */ e(P, { children: i }),
-      /* @__PURE__ */ e(b, { children: /* @__PURE__ */ e(G, {}) })
-    ]
-  }
-);
-export {
-  he as D,
-  ke as a
-};

package/chunks/Heading-D8tNNJkt.js

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