@midas-ds/components 17.8.2 → 17.9.0

package/chunks/{Layout-fkaVQ6a0.js → Layout-BLP0HVR-.js}

@@ -5,8 +5,8 @@ import * as y from "react";
 import { useState as W, useEffect as j } from "react";
 import { c as b } from "./clsx-AexbMWKp.js";
 import { Link as L, RouterProvider as P } from "react-aria-components";
-import { B as T } from "./Button-D22xOe8j.js";
-import { a as D, T as q } from "./Tooltip-C1bbgr2l.js";
+import { B as T } from "./Button-GCROAMSl.js";
+import { a as D, T as q } from "./Tooltip-BYEaNkZG.js";
 import { a as I, B as M } from "./BadgeContainer-CKVsfTlF.js";
 import { c as S } from "./createLucideIcon-CP-mMPfa.js";
 import { u as k } from "./useLocalizedStringFormatter-BHvsRxDk.js";

package/chunks/Link-CyY3-8M8.js

@@ -0,0 +1,59 @@
+'use client';
+import { jsx as r, jsxs as _, Fragment as f } from "react/jsx-runtime";
+import { Link as p } from "react-aria-components";
+import { c as k } from "./clsx-AexbMWKp.js";
+import { c as u } from "./createLucideIcon-CP-mMPfa.js";
+import { S as w } from "./square-arrow-out-up-right-x_I6wdNi.js";
+import { A as L } from "./arrow-right-BVcFGZmy.js";
+import '../assets/Link.css';const x = [
+  ["path", { d: "M12 17V3", key: "1cwfxf" }],
+  ["path", { d: "m6 11 6 6 6-6", key: "12ii2o" }],
+  ["path", { d: "M19 21H5", key: "150jfl" }]
+], g = u("arrow-down-to-line", x), y = "_link_1sdlh_1", A = "_icon_1sdlh_51", j = "_standalone_1sdlh_55", I = "_stretched_1sdlh_72", o = {
+  link: y,
+  icon: A,
+  standalone: j,
+  stretched: I
+}, D = ({
+  children: t,
+  standalone: n,
+  target: s,
+  stretched: i,
+  download: l,
+  icon: e,
+  className: a,
+  as: d,
+  ...m
+}) => {
+  const h = d || p, c = e || (l ? g : s === "_blank" ? w : n ? L : null);
+  return /* @__PURE__ */ r(
+    h,
+    {
+      className: k(
+        o.link,
+        n && o.standalone,
+        i && o.stretched,
+        a
+      ),
+      ...m,
+      target: s,
+      children: /* @__PURE__ */ _(f, { children: [
+        t,
+        c ? /* @__PURE__ */ r(
+          N,
+          {
+            className: o.icon,
+            icon: c,
+            size: 16
+          }
+        ) : null
+      ] })
+    }
+  );
+}, N = ({
+  icon: t,
+  ...n
+}) => /* @__PURE__ */ r(t, { ...n });
+export {
+  D as L
+};

package/chunks/{LinkButton-DJ-D5PkB.js → LinkButton-DWKAbxXF.js}

@@ -1,68 +1,68 @@
 'use client';
-import { jsxs as f, jsx as c } from "react/jsx-runtime";
+import { jsxs as l, jsx as c } from "react/jsx-runtime";
 import { Link as u } from "react-aria-components";
-import { c as w } from "./clsx-AexbMWKp.js";
+import { c as x } from "./clsx-AexbMWKp.js";
 import { S as y } from "./square-arrow-out-up-right-x_I6wdNi.js";
 import { c as p } from "./createLucideIcon-CP-mMPfa.js";
 import { A as g } from "./arrow-right-BVcFGZmy.js";
 import '../assets/LinkButton.css';const h = [
   ["path", { d: "m12 19-7-7 7-7", key: "1l729n" }],
   ["path", { d: "M19 12H5", key: "x3x0zl" }]
-], k = p("arrow-left", h), B = "_linkButton_18ewv_1", L = "_secondary_18ewv_56", x = "_icon_18ewv_61", v = "_tertiary_18ewv_98", A = "_danger_18ewv_124", I = "_iconBtn_18ewv_141", N = "_medium_18ewv_163", j = "_iconLeft_18ewv_168", z = "_fullwidth_18ewv_172", t = {
+], k = p("arrow-left", h), B = "_linkButton_ix6fe_1", L = "_secondary_ix6fe_56", w = "_icon_ix6fe_61", A = "_tertiary_ix6fe_98", I = "_danger_ix6fe_124", N = "_iconBtn_ix6fe_141", j = "_medium_ix6fe_163", z = "_iconLeft_ix6fe_168", R = "_fullwidth_ix6fe_172", t = {
   linkButton: B,
   secondary: L,
-  icon: x,
-  tertiary: v,
-  danger: A,
-  iconBtn: I,
-  medium: N,
-  iconLeft: j,
-  fullwidth: z
-}, U = ({
+  icon: w,
+  tertiary: A,
+  danger: I,
+  iconBtn: N,
+  medium: j,
+  iconLeft: z,
+  fullwidth: R
+}, D = ({
   children: o,
   variant: n,
   fullwidth: s,
   icon: e,
-  iconPlacement: r,
-  className: _,
-  as: m,
-  size: a = "large",
-  ...i
+  iconPlacement: i,
+  className: f,
+  as: _,
+  size: m = "large",
+  ...r
 }) => {
-  const d = m || u, l = e || (i.target === "_blank" ? y : r === "left" ? k : g);
-  return /* @__PURE__ */ f(
-    d,
+  const a = _ || u, d = e || (r.target === "_blank" ? y : i === "left" ? k : g);
+  return /* @__PURE__ */ l(
+    a,
     {
-      className: w(
+      className: x(
         t.linkButton,
         n === "primary" && t.primary,
         n === "secondary" && t.secondary,
         n === "tertiary" && t.tertiary,
         n === "danger" && t.danger,
         n === "icon" && t.iconBtn,
-        a === "medium" && t.medium,
+        m === "medium" && t.medium,
         s && t.fullwidth,
-        r === "left" && t.iconLeft,
-        _
+        i === "left" && t.iconLeft,
+        f
       ),
-      ...i,
+      ...r,
       children: [
         o,
         /* @__PURE__ */ c(
-          R,
+          S,
           {
             className: t.icon,
-            icon: l,
+            icon: d,
             size: 20
           }
         )
       ]
     }
   );
-}, R = ({
+}, S = ({
   icon: o,
   ...n
 }) => /* @__PURE__ */ c(o, { ...n });
 export {
-  U as L
+  D as L
 };

package/chunks/{ListBox-BmONCo_D.js → ListBox-CRtyHPj1.js}

@@ -1,7 +1,7 @@
-import { jsx as s } from "react/jsx-runtime";
-import { ListLayout as i, Virtualizer as l, ListBox as n } from "react-aria-components";
+import { jsx as i } from "react/jsx-runtime";
+import { ListLayout as e, Virtualizer as n, ListBox as l } from "react-aria-components";
 import { c as x } from "./clsx-AexbMWKp.js";
-import '../assets/ListBox.css';class B extends i {
+import '../assets/ListBox.css';class r extends e {
   /**
    * When using the ListLayout our scroll container height is not calculated properly when the content is partially sectioned.
    * ```ts
@@ -25,29 +25,29 @@ import '../assets/ListBox.css';class B extends i {
     }), this.contentSize;
   }
 }
-const r = "_listBox_1l41e_4", a = "_listBoxPopover_1l41e_16", c = "_listBoxSectionHeading_1l41e_30", _ = "_listBoxButton_1l41e_42", m = "_listBoxItem_1l41e_54", L = "_textContent_1l41e_68", u = "_listBoxLoadMoreItem_1l41e_174", d = {
-  listBox: r,
+const B = "_listBox_6zv1j_4", a = "_listBoxPopover_6zv1j_16 _dropdownAnimation_1ljkv_4", _ = "_listBoxSectionHeading_6zv1j_31", c = "_listBoxButton_6zv1j_43", m = "_listBoxItem_6zv1j_55", d = "_textContent_6zv1j_68", v = "_listBoxLoadMoreItem_6zv1j_172", L = {
+  listBox: B,
   listBoxPopover: a,
-  listBoxSectionHeading: c,
-  listBoxButton: _,
+  listBoxSectionHeading: _,
+  listBoxButton: c,
   listBoxItem: m,
-  textContent: L,
-  listBoxLoadMoreItem: u
-}, h = ({
-  className: e,
+  textContent: d,
+  listBoxLoadMoreItem: v
+}, p = ({
+  className: s,
   children: t,
   ...o
-}) => /* @__PURE__ */ s(
-  l,
+}) => /* @__PURE__ */ i(
+  n,
   {
-    layout: B,
+    layout: r,
     layoutOptions: {
       headingHeight: 38
     },
-    children: /* @__PURE__ */ s(
-      n,
+    children: /* @__PURE__ */ i(
+      l,
       {
-        className: x(d.listBox, e),
+        className: x(L.listBox, s),
         ...o,
         children: t
       }
@@ -55,6 +55,6 @@ const r = "_listBox_1l41e_4", a = "_listBoxPopover_1l41e_16", c = "_listBoxSecti
   }
 );
 export {
-  h as L,
-  d as s
+  p as L,
+  L as s
 };

package/chunks/{ListBoxEmptyState-7VzB4KvQ.js → ListBoxEmptyState-D6Jvy1WT.js}

@@ -1,7 +1,7 @@
 import { jsx as s } from "react/jsx-runtime";
 import { c as m } from "./clsx-AexbMWKp.js";
 import { Popover as r } from "react-aria-components";
-import { s as a } from "./ListBox-BmONCo_D.js";
+import { s as a } from "./ListBox-CRtyHPj1.js";
 import { T as p } from "./Text-D0r_W4lH.js";
 import '../assets/ListBoxEmptyState.css';const n = ({
   className: t,

package/chunks/{ListBoxHeader-D_WqTfOS.js → ListBoxHeader-DIxY1gOH.js}

@@ -1,6 +1,6 @@
 import { jsx as o, jsxs as m, Fragment as c } from "react/jsx-runtime";
 import { c as i } from "./clsx-AexbMWKp.js";
-import { s as e } from "./ListBox-BmONCo_D.js";
+import { s as e } from "./ListBox-CRtyHPj1.js";
 import { ListBoxItem as x, ListBoxSection as d, ListBoxLoadMoreItem as l, Header as L } from "react-aria-components";
 import { S as B } from "./Spinner-CfKMn18u.js";
 import { u as p } from "./useLocalizedStringFormatter-BHvsRxDk.js";

package/chunks/{Popover-6cnHxDEK.js → Popover-CjEPHe4A.js}

@@ -1,10 +1,10 @@
-import { jsx as r, jsxs as d, Fragment as l } from "react/jsx-runtime";
+import { jsx as r, jsxs as i, Fragment as l } from "react/jsx-runtime";
 import { forwardRef as f } from "react";
-import { useContextProps as v, PopoverContext as h, Popover as w, composeRenderProps as x, OverlayArrow as P } from "react-aria-components";
+import { useContextProps as v, PopoverContext as h, Popover as w, composeRenderProps as P, OverlayArrow as x } from "react-aria-components";
 import { c as _ } from "./clsx-AexbMWKp.js";
-import '../assets/Popover.css';const g = "_popover_1sqxu_1", u = "_arrow_1sqxu_23", e = {
+import '../assets/Popover.css';const g = "_popover_1k0dj_1", j = "_arrow_1k0dj_25", e = {
   popover: g,
-  arrow: u
+  arrow: j
 }, y = f((s, t) => {
   const [o, p] = v(s, t, h), { className: a, hideArrow: c = !1, offset: n = 4, ...m } = o;
   return /* @__PURE__ */ r(
@@ -14,8 +14,8 @@ import '../assets/Popover.css';const g = "_popover_1sqxu_1", u = "_arrow_1sqxu_2
       offset: n,
       ref: p,
       ...m,
-      children: x(o.children, (i) => /* @__PURE__ */ d(l, { children: [
-        !c && /* @__PURE__ */ r(P, { className: e.arrow, children: /* @__PURE__ */ r(
+      children: P(o.children, (d) => /* @__PURE__ */ i(l, { children: [
+        !c && /* @__PURE__ */ r(x, { className: e.arrow, children: /* @__PURE__ */ r(
           "svg",
           {
             height: 16,
@@ -24,7 +24,7 @@ import '../assets/Popover.css';const g = "_popover_1sqxu_1", u = "_arrow_1sqxu_2
             children: /* @__PURE__ */ r("path", { d: "M0 0 L8 8 L16 0" })
           }
         ) }),
-        i
+        d
       ] }))
     }
   );

package/chunks/ProgressBar-CBz_dIOH.js

@@ -0,0 +1,53 @@
+import { jsx as e, jsxs as _, Fragment as v } from "react/jsx-runtime";
+import { ProgressBar as h } from "react-aria-components";
+import { L as t } from "./Label-Cg0aAlnt.js";
+import { c as l } from "./clsx-AexbMWKp.js";
+import '../assets/ProgressBar.css';const d = "_progressBar_1hwve_1", f = "_label_1hwve_9", N = "_value_1hwve_14", g = "_bar_1hwve_19", p = "_fill_1hwve_29", a = {
+  progressBar: d,
+  label: f,
+  value: N,
+  bar: g,
+  fill: p
+}, y = ({
+  label: r,
+  labelProps: s,
+  showValueLabel: m = !1,
+  ...c
+}) => /* @__PURE__ */ e(
+  h,
+  {
+    ...c,
+    className: l(a.progressBar, c.className),
+    children: ({ percentage: i, valueText: n, isIndeterminate: o }) => /* @__PURE__ */ _(v, { children: [
+      r && /* @__PURE__ */ e(
+        t,
+        {
+          elementType: "span",
+          ...s,
+          className: l(s?.className, a.label),
+          children: r
+        }
+      ),
+      m && /* @__PURE__ */ e(
+        t,
+        {
+          elementType: "span",
+          ...s,
+          id: r ? "" : s?.id,
+          className: l(s?.className, a.value),
+          children: n
+        }
+      ),
+      /* @__PURE__ */ e("div", { className: a.bar, children: /* @__PURE__ */ e(
+        "div",
+        {
+          className: a.fill,
+          style: { width: `${o ? 50 : i}%` }
+        }
+      ) })
+    ] })
+  }
+);
+export {
+  y as P
+};

package/chunks/Radio-CRHdSthr.js

@@ -0,0 +1,44 @@
+'use client';
+import { jsx as o, jsxs as u, Fragment as _ } from "react/jsx-runtime";
+import { Radio as f, RadioGroup as h, composeRenderProps as G, Group as R } from "react-aria-components";
+import { c as p } from "./clsx-AexbMWKp.js";
+import { a as x, L as w } from "./Label-Cg0aAlnt.js";
+import { T as E } from "./Text-D0r_W4lH.js";
+import { F as t } from "./FieldError-krpMBtie.js";
+import '../assets/Radio.css';const F = "_radioGroup_1oic0_1", L = "_wrap_1oic0_12", N = "_radio_1oic0_1", i = {
+  radioGroup: F,
+  wrap: L,
+  radio: N
+}, g = ({
+  label: r,
+  description: a,
+  errorMessage: d,
+  children: c,
+  className: e,
+  errorPosition: s = "top",
+  popover: m,
+  ...l
+}) => /* @__PURE__ */ o(
+  h,
+  {
+    ...l,
+    className: p(i.radioGroup, e),
+    children: G(c, (n) => /* @__PURE__ */ u(_, { children: [
+      /* @__PURE__ */ o(x, { popover: m, children: r && /* @__PURE__ */ o(w, { children: r }) }),
+      a && /* @__PURE__ */ o(E, { slot: "description", children: a }),
+      s === "top" && /* @__PURE__ */ o(t, { "data-testid": "fieldError", children: d }),
+      /* @__PURE__ */ o(R, { className: i.wrap, children: n }),
+      s === "bottom" && /* @__PURE__ */ o(t, { "data-testid": "fieldError", children: d })
+    ] }))
+  }
+), k = ({ className: r, ...a }) => /* @__PURE__ */ o(
+  f,
+  {
+    className: p(i.radio, r),
+    ...a
+  }
+);
+export {
+  k as R,
+  g as a
+};

package/chunks/{RangeCalendar-_g_BVyUN.js → RangeCalendar-DL6cCjH3.js}

@@ -3,7 +3,7 @@ import { RangeCalendarContext as h, CalendarGrid as C, CalendarCell as v, Calend
 import { c as y, a as l } from "./clsx-AexbMWKp.js";
 import { F as s } from "./FieldError-krpMBtie.js";
 import * as f from "react";
-import { B as i } from "./Button-D22xOe8j.js";
+import { B as i } from "./Button-GCROAMSl.js";
 import { H as g } from "./Heading-nfcRc2QF.js";
 import { c as R } from "./createLucideIcon-CP-mMPfa.js";
 import { C as x } from "./chevron-right-DvXGOiS_.js";

package/chunks/SearchField-VIMb28RB.js

@@ -0,0 +1,118 @@
+'use client';
+import { jsx as i, jsxs as s, Fragment as F } from "react/jsx-runtime";
+import { useSlottedContext as j, FormContext as N, SearchField as g, Input as y } from "react-aria-components";
+import { s as B } from "./TextField.module-BDIbEV87.js";
+import { B as u } from "./Button-GCROAMSl.js";
+import { c as o } from "./clsx-AexbMWKp.js";
+import { F as h } from "./FieldError-krpMBtie.js";
+import { c as C } from "./createLucideIcon-CP-mMPfa.js";
+import { X as k } from "./x-B9bYxG31.js";
+import { u as I } from "./useLocalizedStringFormatter-BHvsRxDk.js";
+import '../assets/SearchField.css';const D = [
+  ["path", { d: "m21 21-4.34-4.34", key: "14j7rj" }],
+  ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }]
+], E = C("search", D), L = "_container_1msv3_1", T = "_inner_1msv3_10", V = "_inputContainer_1msv3_15", $ = "_medium_1msv3_21", w = "_icon_1msv3_26", O = "_clear_1msv3_38", P = "_input_1msv3_15", n = {
+  container: L,
+  inner: T,
+  inputContainer: V,
+  medium: $,
+  icon: w,
+  clear: O,
+  input: P
+}, X = { search: "Search" }, q = { search: "Sök" }, A = {
+  en: X,
+  sv: q
+};
+function G(a) {
+  return !!a?.length;
+}
+const z = ({
+  errorPosition: a = "top",
+  size: r = "large",
+  showButton: _,
+  className: v,
+  errorMessage: m,
+  placeholder: l,
+  validationBehavior: f,
+  ...e
+}) => {
+  const S = I(A), b = j(N), p = f ?? b?.validationBehavior ?? "aria", x = _ !== !1, d = (t) => {
+    !t || e.isInvalid || e.validate && G(e.validate(t)) || e.onSubmit?.(t);
+  };
+  return /* @__PURE__ */ i(
+    g,
+    {
+      ...e,
+      onSubmit: d,
+      "aria-label": e["aria-label"] ?? l,
+      className: o(n.container, v),
+      validationBehavior: p,
+      children: ({ state: t }) => /* @__PURE__ */ s(F, { children: [
+        a === "top" && /* @__PURE__ */ i(h, { children: ({ validationErrors: c }) => m ?? c.join(" ") }),
+        /* @__PURE__ */ s("div", { className: n.inner, children: [
+          /* @__PURE__ */ s(
+            "div",
+            {
+              className: o(n.inputContainer, {
+                [n.medium]: r === "medium"
+              }),
+              children: [
+                /* @__PURE__ */ i(
+                  E,
+                  {
+                    size: 20,
+                    className: n.icon
+                  }
+                ),
+                /* @__PURE__ */ i(
+                  y,
+                  {
+                    placeholder: l,
+                    className: o(
+                      B.input,
+                      n.input,
+                      { [n.medium]: r === "medium" }
+                    )
+                  }
+                ),
+                t.value.length > 0 && /* @__PURE__ */ i(
+                  u,
+                  {
+                    variant: "icon",
+                    size: r,
+                    className: o(n.clear, {
+                      [n.medium]: r === "medium"
+                    }),
+                    children: /* @__PURE__ */ i(
+                      k,
+                      {
+                        size: 20,
+                        "aria-hidden": !0
+                      }
+                    )
+                  }
+                )
+              ]
+            }
+          ),
+          x && /* @__PURE__ */ i(
+            u,
+            {
+              slot: null,
+              excludeFromTabOrder: !0,
+              size: r,
+              isDisabled: e.isDisabled,
+              type: "button",
+              onPress: () => d(t.value),
+              children: e.buttonText ?? S.format("search")
+            }
+          )
+        ] }),
+        a === "bottom" && /* @__PURE__ */ i(h, { children: ({ validationErrors: c }) => m ?? c.join(" ") })
+      ] })
+    }
+  );
+};
+export {
+  z as S
+};