@midas-ds/components 16.0.0 → 16.2.0

package/chunks/{Checkbox-ClhO-AzB.js → Checkbox-CP6Nv9yx.js}

@@ -1,25 +1,25 @@
 import { jsxs as v, jsx as t } from "react/jsx-runtime";
-import * as i from "react";
+import * as c from "react";
 import f from "react";
 import { mergeProps as u, VisuallyHidden as k, useCheckboxGroupItem as C, useCheckbox as R, useHover as _, usePress as I, useFocusRing as P } from "react-aria";
-import { useContextProps as g, CheckboxContext as G, useSlottedContext as y, FormContext as w } from "react-aria-components";
+import { useContextProps as g, CheckboxContext as G, useSlottedContext as y, FormContext as z } from "react-aria-components";
 import { a as h } from "./clsx-AexbMWKp.js";
 import { variables as m } from "@midas-ds/theme";
-import { c as B } from "./createLucideIcon-D4r5Phnh.js";
-import { C as F } from "./check-BxlvVsvD.js";
-import { useToggleState as L } from "@react-stately/toggle";
-import '../assets/Checkbox.css';const N = [["path", { d: "M5 12h14", key: "1ays0h" }]], S = B("minus", N), D = f.createContext(null), H = "_checkboxInner_19c98_1", O = "_checkbox_19c98_1", j = "_checkboxGroup_19c98_143", q = "_checkboxList_19c98_154", x = {
-  checkboxInner: H,
-  checkbox: O,
-  checkboxGroup: j,
-  checkboxList: q
-}, b = i.forwardRef((e, o) => {
-  const { hoverProps: c, isHovered: s } = e.hoverResult, { pressProps: n, isPressed: a } = e.pressResult, { isFocused: r, isFocusVisible: d, focusProps: l } = e.focusRingAria;
+import { c as w } from "./createLucideIcon-D4r5Phnh.js";
+import { C as B } from "./check-BxlvVsvD.js";
+import { useToggleState as F } from "@react-stately/toggle";
+import '../assets/Checkbox.css';const L = [["path", { d: "M5 12h14", key: "1ays0h" }]], N = w("minus", L), S = f.createContext(null), D = "_checkboxInner_tzrii_1", H = "_checkbox_tzrii_1", O = "_checkboxGroup_tzrii_143", j = "_checkboxList_tzrii_154", x = {
+  checkboxInner: D,
+  checkbox: H,
+  checkboxGroup: O,
+  checkboxList: j
+}, b = c.forwardRef((e, o) => {
+  const { hoverProps: i, isHovered: s } = e.hoverResult, { pressProps: n, isPressed: a } = e.pressResult, { isFocused: r, isFocusVisible: d, focusProps: l } = e.focusRingAria;
   return /* @__PURE__ */ v(
     "label",
     {
       ref: o,
-      ...u(c, n, e.labelProps),
+      ...u(i, n, e.labelProps),
       slot: e.slot || void 0,
       className: h(x.checkbox, e.className),
       "data-hovered": s || void 0,
@@ -34,13 +34,13 @@ import '../assets/Checkbox.css';const N = [["path", { d: "M5 12h14", key: "1ays0
       "data-required": e.isRequired || void 0,
       children: [
         /* @__PURE__ */ t("div", { className: h(x.checkboxInner), children: e.isIndeterminate ? /* @__PURE__ */ t(
-          S,
+          N,
           {
             size: 14,
             color: m.iconOnColor
           }
         ) : /* @__PURE__ */ t(
-          F,
+          B,
           {
             size: 14,
             color: m.iconOnColor
@@ -57,8 +57,8 @@ import '../assets/Checkbox.css';const N = [["path", { d: "M5 12h14", key: "1ays0
       ]
     }
   );
-}), z = i.forwardRef((e, o) => {
-  const c = C(
+}), q = c.forwardRef((e, o) => {
+  const i = C(
     {
       ...e,
       value: e.value || ""
@@ -70,29 +70,29 @@ import '../assets/Checkbox.css';const N = [["path", { d: "M5 12h14", key: "1ays0
     b,
     {
       ...e,
-      ...c,
+      ...i,
       ref: o
     }
   );
-}), A = i.forwardRef((e, o) => {
-  const c = R(e, L(e), e.inputRef);
+}), A = c.forwardRef((e, o) => {
+  const i = R(e, F(e), e.inputRef);
   return /* @__PURE__ */ t(
     b,
     {
       ...e,
-      ...c,
+      ...i,
       ref: o
     }
   );
-}), X = i.forwardRef(
+}), X = c.forwardRef(
   (e, o) => {
     [e, o] = g(e, o, G);
-    const c = y(w), s = e.validationBehavior ?? c?.validationBehavior ?? "native", n = i.useContext(D), a = i.useRef(null), r = _(e), d = I({
+    const i = y(z), s = e.validationBehavior ?? i?.validationBehavior ?? "native", n = c.useContext(S), a = c.useRef(null), r = _(e), d = I({
       ref: o,
       isDisabled: e.isDisabled
     }), l = P();
     return n ? /* @__PURE__ */ t(
-      z,
+      q,
       {
         ...e,
         state: n,
@@ -117,6 +117,6 @@ import '../assets/Checkbox.css';const N = [["path", { d: "M5 12h14", key: "1ays0
 );
 export {
   X as C,
-  D as a,
+  S as a,
   x as s
 };

package/chunks/{CheckboxGroup-dofHjXkU.js → CheckboxGroup-C5kaqBcn.js}

@@ -1,10 +1,10 @@
 import { jsx as o, jsxs as h } from "react/jsx-runtime";
 import { useCheckboxGroup as C } from "react-aria";
 import { useCheckboxGroupState as v } from "react-stately";
-import { a as k, L as S } from "./Label-DqmNWnmm.js";
+import { a as k, L as S } from "./Label-Dup4lWaR.js";
 import { T as y } from "./Text-TWzJxnto.js";
 import * as r from "react";
-import { C as d, s as u, a as g } from "./Checkbox-ClhO-AzB.js";
+import { C as d, s as u, a as g } from "./Checkbox-CP6Nv9yx.js";
 import { FieldErrorContext as A } from "react-aria-components";
 import { F as P } from "./FieldError-C0HRIcAx.js";
 import { u as V } from "./useLocalizedStringFormatter-ZgRJmvHC.js";

package/chunks/ComboBox-N97lv5kN.js

@@ -0,0 +1,108 @@
+import { jsxs as l, jsx as o } from "react/jsx-runtime";
+import g from "react";
+import { ComboBox as y, Input as B, Button as F, Collection as w } from "react-aria-components";
+import { c as s } from "./clsx-AexbMWKp.js";
+import { a as C, L as S } from "./Label-Dup4lWaR.js";
+import { T as u } from "./Text-TWzJxnto.js";
+import { F as h } from "./FieldError-C0HRIcAx.js";
+import { L as v } from "./ListBox-D5BBeZWL.js";
+import { a as R, L as N, b as E } from "./ListBoxSection-MZB_5DdD.js";
+import { C as I } from "./chevron-down-DgT-uSF9.js";
+import { u as T } from "./useLocalizedStringFormatter-ZgRJmvHC.js";
+import '../assets/ComboBox.css';const j = "_combobox_47hgd_1", O = "_inputField_47hgd_6", U = "_medium_47hgd_28", z = "_wrap_47hgd_74", D = "_button_47hgd_80", M = "_icon_47hgd_116", V = "_emptyState_47hgd_122", t = {
+  combobox: j,
+  inputField: O,
+  medium: U,
+  wrap: z,
+  button: D,
+  icon: M,
+  emptyState: V
+}, W = { showList: "Show list", noResultsFound: "No results found" }, $ = { showList: "Visa lista", noResultsFound: "Inga träffar" }, k = {
+  en: W,
+  sv: $
+};
+function to({
+  label: e,
+  description: i,
+  errorMessage: r,
+  children: p,
+  items: f,
+  className: _,
+  errorPosition: a = "top",
+  size: m = "large",
+  popover: b,
+  ...n
+}) {
+  const d = g.useRef(null), c = T(k), x = (L) => {
+    L.currentTarget.value && d.current?.select();
+  };
+  return /* @__PURE__ */ l(
+    y,
+    {
+      className: s(t.combobox, _),
+      ...n,
+      "data-readonly": n.isReadOnly || void 0,
+      children: [
+        /* @__PURE__ */ o(C, { popover: b, children: e && /* @__PURE__ */ o(S, { children: e }) }),
+        i && /* @__PURE__ */ o(u, { slot: "description", children: i }),
+        a === "top" && /* @__PURE__ */ o(h, { "data-testid": "fieldError", children: r }),
+        /* @__PURE__ */ l("div", { className: t.wrap, children: [
+          /* @__PURE__ */ o(
+            B,
+            {
+              className: s(t.inputField, {
+                [t.medium]: m === "medium"
+              }),
+              "data-readonly": n.isReadOnly || void 0,
+              onMouseUp: x,
+              ref: d
+            }
+          ),
+          /* @__PURE__ */ o(
+            F,
+            {
+              className: s(t.button, {
+                [t.medium]: m === "medium"
+              }),
+              "aria-label": c.format("showList"),
+              children: /* @__PURE__ */ o(
+                "div",
+                {
+                  className: t.icon,
+                  "aria-hidden": "true",
+                  children: /* @__PURE__ */ o(
+                    I,
+                    {
+                      size: 20,
+                      "aria-hidden": !0
+                    }
+                  )
+                }
+              )
+            }
+          )
+        ] }),
+        a === "bottom" && /* @__PURE__ */ o(h, { "data-testid": "fieldError", children: r }),
+        /* @__PURE__ */ o(R, { children: /* @__PURE__ */ o(
+          v,
+          {
+            items: f,
+            renderEmptyState: () => /* @__PURE__ */ o(u, { className: t.emptyState, children: c.format("noResultsFound") }),
+            children: p
+          }
+        ) })
+      ]
+    }
+  );
+}
+function q(e) {
+  return /* @__PURE__ */ o(N, { ...e });
+}
+function eo(e) {
+  return /* @__PURE__ */ o(E, { ...e, children: /* @__PURE__ */ o(w, { items: e.children, children: (i) => /* @__PURE__ */ o(q, { children: i.name }, i.id) }) });
+}
+export {
+  to as C,
+  q as a,
+  eo as b
+};

package/chunks/{DateField-ltU-Jvra.js → DateField-DeuLPe1Y.js}

@@ -3,7 +3,7 @@ import { DateField as u } from "react-aria-components";
 import { c as m } from "./clsx-AexbMWKp.js";
 import { a as _, D as f } from "./DateInputDivider-CkTB5q5k.js";
 import { F as s } from "./FieldError-C0HRIcAx.js";
-import { a as h, L as D } from "./Label-DqmNWnmm.js";
+import { a as h, L as D } from "./Label-Dup4lWaR.js";
 import { T as b } from "./Text-TWzJxnto.js";
 import '../assets/DateField.css';const x = "_dateField_y3sba_1", y = "_inputField_y3sba_7", L = "_medium_y3sba_37", i = {
   dateField: x,

package/chunks/{DateRangePicker-CdoVIV-F.js → DateRangePicker-BqjLArNi.js}

@@ -4,7 +4,7 @@ import { a as m } from "./clsx-AexbMWKp.js";
 import { C as M, R as N } from "./RangeCalendar-CGk2btOp.js";
 import { a as p, D as k, b as B } from "./DateInputDivider-CkTB5q5k.js";
 import { F as h } from "./FieldError-C0HRIcAx.js";
-import { a as u, L as y } from "./Label-DqmNWnmm.js";
+import { a as u, L as y } from "./Label-Dup4lWaR.js";
 import { T as _ } from "./Text-TWzJxnto.js";
 import { c as C } from "./createLucideIcon-D4r5Phnh.js";
 import '../assets/DateRangePicker.css';const I = [

package/chunks/Dialog-DC0cGNj5.js

@@ -0,0 +1,66 @@
+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-wBgWrXj3.js";
+import { H as y } from "./Heading-D8tNNJkt.js";
+import { c as v } from "./clsx-AexbMWKp.js";
+import { X as x } from "./x-BXShoIAM.js";
+import { u as f } from "./useLocalizedStringFormatter-ZgRJmvHC.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,
+  modalHeader: g,
+  modalTitle: B,
+  modalBody: H
+}, M = { close: "Close" }, N = { close: "Stäng" }, T = {
+  en: M,
+  sv: N
+}, F = ({
+  children: s,
+  title: l,
+  hideCloseButton: r = !1,
+  className: t,
+  ...d
+}) => {
+  const m = f(T);
+  return /* @__PURE__ */ o(
+    n,
+    {
+      ...d,
+      className: v(a.overlay, t),
+      children: /* @__PURE__ */ o(c, { className: a.modal, children: /* @__PURE__ */ e(i, { children: [
+        /* @__PURE__ */ e("div", { className: a.modalHeader, children: [
+          /* @__PURE__ */ o("div", { className: a.modalTitle, children: l && /* @__PURE__ */ o(
+            y,
+            {
+              level: 3,
+              elementType: "h2",
+              slot: "title",
+              children: l
+            }
+          ) }),
+          !r && /* @__PURE__ */ o(
+            _,
+            {
+              slot: "close",
+              variant: "tertiary",
+              icon: x,
+              iconPlacement: "right",
+              children: m.format("close")
+            }
+          )
+        ] }),
+        /* @__PURE__ */ o(
+          "div",
+          {
+            className: a.modalBody,
+            tabIndex: -1,
+            children: s
+          }
+        )
+      ] }) })
+    }
+  );
+};
+export {
+  F as M
+};

package/chunks/{Label-DqmNWnmm.js → Label-Dup4lWaR.js}

@@ -3,7 +3,7 @@ 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-D9tAN-g7.js";
+import { P as g } from "./Popover-BcEtFiU1.js";
 import { B as u } from "./Button-wBgWrXj3.js";
 import { I as P } from "./info-kdfED7Wh.js";
 import { u as _ } from "./useLocalizedStringFormatter-ZgRJmvHC.js";