@midas-ds/components 17.2.6 → 17.3.0

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.0",
   "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/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
-};

package/chunks/SearchField-C_OjgTE0.js

@@ -1,128 +0,0 @@
-'use client';
-import { jsxs as u, jsx as t } from "react/jsx-runtime";
-import { s as C } from "./TextField.module-DmV0iI3P.js";
-import { B as F } from "./Button-CaLOUTDO.js";
-import { C as N } from "./ClearButton-DPm_d7SL.js";
-import { c as l } from "./clsx-AexbMWKp.js";
-import * as x from "react";
-import { useSearchFieldState as j } from "react-stately";
-import { useSearchField as p } from "react-aria";
-import { F as _ } from "./FieldError-BMTrvSof.js";
-import { c as B } from "./createLucideIcon-CP-mMPfa.js";
-import { u as D } from "./useLocalizedStringFormatter-BHvsRxDk.js";
-import '../assets/SearchField.css';const E = [
-  ["path", { d: "m21 21-4.34-4.34", key: "14j7rj" }],
-  ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }]
-], k = B("search", E), P = "_container_basio_1", T = "_inner_basio_10", w = "_inputContainer_basio_15", I = "_medium_basio_21", K = "_icon_basio_26", L = "_clear_basio_39", M = "_input_basio_15", a = {
-  container: P,
-  inner: T,
-  inputContainer: w,
-  medium: I,
-  icon: K,
-  clear: L,
-  input: M
-}, R = { search: "Search" }, V = { search: "Sök" }, O = {
-  en: R,
-  sv: V
-};
-function $(o) {
-  return !!o?.length;
-}
-const Z = ({
-  errorPosition: o = "top",
-  size: i = "large",
-  ...e
-}) => {
-  const { value: n, setValue: m } = j(e), f = D(O), d = x.useRef(null), { inputProps: r, isInvalid: s, validationErrors: h, clearButtonProps: v } = p(
-    {
-      ...e,
-      label: e.placeholder,
-      validationBehavior: "native"
-    },
-    { value: n, setValue: m },
-    d
-  ), S = ({ target: c }) => m(c.value), g = () => m(""), b = () => {
-    if (e.validate && $(e.validate(n)) || s || !n) {
-      d.current?.focus();
-      return;
-    }
-    e.onSubmit && e.onSubmit(n);
-  }, y = ({ key: c }) => {
-    c === "Enter" && b();
-  };
-  return /* @__PURE__ */ u(
-    "div",
-    {
-      className: l(a.container, e.className),
-      "data-disabled": r.disabled,
-      children: [
-        o === "top" && /* @__PURE__ */ t(_, { isInvalid: s, children: e.errorMessage ?? h.join(" ") }),
-        /* @__PURE__ */ u("div", { className: a.inner, children: [
-          /* @__PURE__ */ u(
-            "div",
-            {
-              className: l(a.inputContainer, {
-                [a.medium]: i === "medium"
-              }),
-              children: [
-                /* @__PURE__ */ t(
-                  k,
-                  {
-                    size: 20,
-                    className: a.icon
-                  }
-                ),
-                /* @__PURE__ */ t(
-                  "input",
-                  {
-                    ...r,
-                    ...r.disabled && { "data-disabled": !0 },
-                    className: l(
-                      C.input,
-                      a.input,
-                      r.className,
-                      { [a.medium]: i === "medium" }
-                    ),
-                    ref: d,
-                    onChange: S,
-                    value: n,
-                    "aria-invalid": s,
-                    onKeyDown: y,
-                    "aria-label": e.placeholder,
-                    "aria-labelledby": ""
-                  }
-                ),
-                n.length > 0 && /* @__PURE__ */ t(
-                  N,
-                  {
-                    ...v,
-                    onPress: g,
-                    size: i,
-                    className: l(a.clear, {
-                      [a.medium]: i === "medium"
-                    })
-                  }
-                )
-              ]
-            }
-          ),
-          /* @__PURE__ */ t(
-            F,
-            {
-              size: i,
-              isDisabled: e.isDisabled,
-              excludeFromTabOrder: !0,
-              onPress: b,
-              type: "button",
-              children: e.buttonText ? e.buttonText : f.format("search")
-            }
-          )
-        ] }),
-        o === "bottom" && /* @__PURE__ */ t(_, { isInvalid: s, children: e.errorMessage ?? h.join(" ") })
-      ]
-    }
-  );
-};
-export {
-  Z as S
-};