@midas-ds/components 1.0.2

package/Tag.css

@@ -0,0 +1 @@
+._button_m4kn4_4{min-height:unset;padding:.25rem!important;border-radius:1.5rem}._button_m4kn4_4[data-pressed]{background-color:#d9d9d9}._tag_m4kn4_14{display:inline-flex;align-items:center;border-radius:1.25rem;background-color:#f2f2f2;font-size:.875rem;font-family:Inter,sans-serif}._tag_m4kn4_14[data-disabled]{color:#bfbfbf;pointer-events:none;background-color:#f2f2f2;border-color:#bfbfbf}._tag_m4kn4_14[data-focused],._tag_m4kn4_14[data-focus-visible]{outline:none}._tag_m4kn4_14._dismissable_m4kn4_34[data-focus-visible]{outline-offset:2px;outline:2px solid #000000}._tagText_m4kn4_42{line-height:1.15;padding:.25rem .75rem .25rem .5rem}._tagList_m4kn4_47{display:flex;flex-wrap:wrap;gap:.25rem}

package/Text-DGLaY3HR.js

@@ -0,0 +1,17 @@
+import { a as r } from "./useFocusRing-D97-G3fT.js";
+import o, { forwardRef as $, createContext as f } from "react";
+const n = /* @__PURE__ */ f({});
+function m(e, t) {
+  [e, t] = r(e, t, n);
+  let { elementType: a = "span", ...c } = e;
+  return /* @__PURE__ */ o.createElement(a, {
+    className: "react-aria-Text",
+    ...c,
+    ref: t
+  });
+}
+const s = /* @__PURE__ */ $(m);
+export {
+  n as $,
+  s as a
+};

package/TextArea.css

@@ -0,0 +1 @@
+._textArea_1tbo6_4{all:unset;display:flex!important;grid-area:Input;border-bottom:1px solid #000000;align-items:center;justify-content:center;font-size:1rem;padding:1rem 1rem 1.25rem;background-color:#f2f2f2;box-sizing:border-box;word-wrap:break-word;width:100%}._textArea_1tbo6_4:hover{background-color:#e6e6e6}._textArea_1tbo6_4[data-focused],._textArea_1tbo6_4[data-focus-visible]{box-shadow:0 0 0 2px #fff,0 0 0 4px #000}._textArea_1tbo6_4[data-invalid]{border:none;box-shadow:inset 0 0 0 3px #e62323}._textArea_1tbo6_4[data-disabled]{pointer-events:none;background-color:#f2f2f2;border:none;opacity:.7}._count_1tbo6_40{font-size:.875rem;color:#1f1f1f;text-align:right;grid-area:Count;align-self:flex-end}._countExceeded_1tbo6_48{color:#e62323}

package/TextField-C_hq9WeT.js

@@ -0,0 +1,226 @@
+import { jsx as r, jsxs as u, Fragment as I } from "react/jsx-runtime";
+import $, { forwardRef as E, createContext as w, useRef as B, useState as S, useCallback as D } from "react";
+import { c as V, d as k, e as O } from "./Form-DXLoQL91.js";
+import { $ as _, a as q, T as i, b as A } from "./TextField.module-Cwq1FAm7.js";
+import { a as j, b as C } from "./Label-C18A_4Z5.js";
+import { $ as W, a as T } from "./Text-DGLaY3HR.js";
+import { a as N, b as L, c as z, d as y, e as G, u as J, v as K, w as M, n as Q, x as U } from "./useFocusRing-D97-G3fT.js";
+import { Button as X } from "./index69.js";
+import { c as Y } from "./clsx-OuTLNxxd.js";
+const H = /* @__PURE__ */ w({});
+let Z = (e) => {
+  let { onHoverStart: t, onHoverChange: a, onHoverEnd: d, ...s } = e;
+  return s;
+};
+function ee(e, t) {
+  [e, t] = N(e, t, H);
+  let { hoverProps: a, isHovered: d } = L(e), { isFocused: s, isFocusVisible: n, focusProps: c } = z({
+    isTextInput: !0,
+    autoFocus: e.autoFocus
+  }), o = !!e["aria-invalid"] && e["aria-invalid"] !== "false", f = y({
+    ...e,
+    values: {
+      isHovered: d,
+      isFocused: s,
+      isFocusVisible: n,
+      isDisabled: e.disabled || !1,
+      isInvalid: o
+    },
+    defaultClassName: "react-aria-TextArea"
+  });
+  return /* @__PURE__ */ $.createElement("textarea", {
+    ...G(Z(e), c, a),
+    ...f,
+    ref: t,
+    "data-focused": s || void 0,
+    "data-disabled": e.disabled || void 0,
+    "data-hovered": d || void 0,
+    "data-focus-visible": n || void 0,
+    "data-invalid": o || void 0
+  });
+}
+const pe = /* @__PURE__ */ E(ee), te = /* @__PURE__ */ w(null);
+function ae(e, t) {
+  [e, t] = N(e, t, te);
+  let { validationBehavior: a } = J(V) || {};
+  var d, s;
+  let n = (s = (d = e.validationBehavior) !== null && d !== void 0 ? d : a) !== null && s !== void 0 ? s : "native", c = B(null), [o, f] = K(), [p, b] = S("input"), { labelProps: x, inputProps: v, descriptionProps: l, errorMessageProps: m, ...h } = _({
+    ...M(e),
+    inputElementType: p,
+    label: f,
+    validationBehavior: n
+  }, c), g = D((P) => {
+    c.current = P, P && b(P instanceof HTMLTextAreaElement ? "textarea" : "input");
+  }, []), F = y({
+    ...e,
+    values: {
+      isDisabled: e.isDisabled || !1,
+      isInvalid: h.isInvalid,
+      isReadOnly: e.isReadOnly || !1,
+      isRequired: e.isRequired || !1
+    },
+    defaultClassName: "react-aria-TextField"
+  }), R = Q(e);
+  return delete R.id, /* @__PURE__ */ $.createElement("div", {
+    ...R,
+    ...F,
+    ref: t,
+    slot: e.slot || void 0,
+    "data-disabled": e.isDisabled || void 0,
+    "data-invalid": h.isInvalid || void 0,
+    "data-readonly": e.isReadOnly || void 0,
+    "data-required": e.isRequired || void 0
+  }, /* @__PURE__ */ $.createElement(U, {
+    values: [
+      [
+        j,
+        {
+          ...x,
+          ref: o
+        }
+      ],
+      [
+        q,
+        {
+          ...v,
+          ref: g
+        }
+      ],
+      [
+        H,
+        {
+          ...v,
+          ref: g
+        }
+      ],
+      [
+        W,
+        {
+          slots: {
+            description: l,
+            errorMessage: m
+          }
+        }
+      ],
+      [
+        k,
+        h
+      ]
+    ]
+  }, F.children));
+}
+const de = /* @__PURE__ */ E(ae), xe = ({
+  label: e,
+  description: t,
+  errorMessage: a,
+  validationType: d,
+  validate: s,
+  maxCharacters: n,
+  showCounter: c,
+  ...o
+}) => {
+  const [f, p] = $.useState(""), b = (l) => {
+    const m = l.target.value;
+    p(m);
+  }, x = (l) => d === "ssn" ? se.test(l) ? null : "Felaktigt personnummer" : d instanceof RegExp ? new RegExp(d).test(l) ? null : a == null ? void 0 : a.toString() : n ? n && l.length > n ? `Du har angett ${l.length - n} tecken för mycket. Fältet är begränsat till ${n} tecken.` : null : s ? s(l) : !0, v = () => n ? /* @__PURE__ */ u(
+    "span",
+    {
+      className: Y(
+        i.count,
+        f.length > n && i.countExceeded
+      ),
+      children: [
+        f.length,
+        " / ",
+        n
+      ]
+    }
+  ) : c ? /* @__PURE__ */ r("span", { className: i.count, children: f.length }) : null;
+  return /* @__PURE__ */ r(
+    de,
+    {
+      className: i.inputField,
+      validate: x,
+      ...o,
+      children: /* @__PURE__ */ u(
+        ie,
+        {
+          label: e,
+          description: t,
+          errorMessage: a,
+          children: [
+            /* @__PURE__ */ r(v, {}),
+            /* @__PURE__ */ u("div", { className: i.wrap, children: [
+              /* @__PURE__ */ r(
+                A,
+                {
+                  type: o.type,
+                  className: i.input,
+                  onChange: b,
+                  onBlur: b
+                }
+              ),
+              /* @__PURE__ */ r(
+                ne,
+                {
+                  type: o.type,
+                  input: f
+                }
+              )
+            ] })
+          ]
+        }
+      )
+    }
+  );
+}, ne = ({
+  type: e,
+  input: t
+}) => {
+  const [a, d] = $.useState(!1);
+  return e === "password" ? /* @__PURE__ */ u(I, { children: [
+    a && /* @__PURE__ */ r(
+      T,
+      {
+        slot: "description",
+        className: i.passwordText,
+        children: t
+      }
+    ),
+    /* @__PURE__ */ r(
+      X,
+      {
+        variant: "tertiary",
+        onPress: () => d(!a),
+        className: i.passwordButton,
+        children: a ? "Dölj" : "Visa"
+      }
+    )
+  ] }) : null;
+}, ie = ({
+  label: e,
+  description: t,
+  errorMessage: a,
+  children: d
+}) => /* @__PURE__ */ u("div", { className: i.inputWrapper, children: [
+  e && /* @__PURE__ */ r(C, { className: i.label, children: e }),
+  t && /* @__PURE__ */ r(
+    T,
+    {
+      slot: "description",
+      className: i.text,
+      children: t
+    }
+  ),
+  /* @__PURE__ */ r(O, { className: i.fieldError, children: a }),
+  d
+] }), se = new RegExp(
+  "^(?:(?:19|20)?\\d{2}(?:0[1-9]|1[0-2])(?:0[1-9]|[12]\\d|3[01])(?:[-+ ]?\\d{4})?|\\d{4}(?:0[1-9]|1[0-2])(?:0[1-9]|[12]\\d|3[01])(?:[-+ ]?\\d{4}))$"
+);
+export {
+  de as $,
+  ie as I,
+  xe as T,
+  pe as a,
+  se as s
+};

package/TextField.css

@@ -0,0 +1 @@
+._inputField_1kepw_4{height:100%}._inputField_1kepw_4[data-disabled]{color:#bfbfbf}._inputWrapper_1kepw_12{font-family:Inter,sans-serif;display:grid;grid-auto-columns:1fr;grid-auto-rows:1fr 1fr;grid-template-columns:1fr auto;grid-template-rows:min-content min-content min-content min-content;gap:.25rem .5rem;grid-template-areas:"Label Count" "Desc Count" "Error Error" "Input Input";height:100%;width:100%;align-content:flex-end}._label_1kepw_30{grid-area:Label;font-size:1rem;font-weight:500}._text_1kepw_36{grid-area:Desc;font-size:.875rem;font-weight:400}._fieldError_1kepw_42{color:#e62323;grid-area:Error;font-size:.875rem;display:flex;align-items:center;column-gap:.5rem;margin:.25rem 0;line-height:1.28}._fieldError_1kepw_42:before{content:"";background-color:#e62323;display:block;width:1rem;height:1rem;mask:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgY2xhc3M9Imx1Y2lkZSBsdWNpZGUtdHJpYW5nbGUtYWxlcnQiPjxwYXRoIGQ9Im0yMS43MyAxOC04LTE0YTIgMiAwIDAgMC0zLjQ4IDBsLTggMTRBMiAyIDAgMCAwIDQgMjFoMTZhMiAyIDAgMCAwIDEuNzMtMyIvPjxwYXRoIGQ9Ik0xMiA5djQiLz48cGF0aCBkPSJNMTIgMTdoLjAxIi8+PC9zdmc+);-webkit-mask-size:1rem 1rem;mask-size:1rem 1rem;flex:0 0 auto;align-self:flex-start;margin:2px}._passwordText_1kepw_66{background-color:#f2f2f2;position:absolute;display:flex;align-items:center;z-index:2;top:0;left:1rem;width:calc(100% - 1rem);height:46px;pointer-events:none}._count_1kepw_79{font-size:.875rem;color:#1f1f1f;text-align:right;grid-area:Count;align-self:flex-end}._countExceeded_1kepw_87{color:#e62323}._input_1kepw_4{all:unset;grid-area:Input;border-bottom:1px solid #000000;min-height:48px;font-size:1rem;padding-left:1rem;line-height:1;background-color:#f2f2f2;border-radius:0;box-sizing:border-box;width:100%}._input_1kepw_4:hover{background-color:#e6e6e6}._input_1kepw_4:hover+._passwordText_1kepw_66{background-color:#e6e6e6}._input_1kepw_4[data-focused],._input_1kepw_4[data-focus-visible]{box-shadow:0 0 0 2px #fff,0 0 0 4px #000}._input_1kepw_4[data-invalid]{border:none;box-shadow:inset 0 0 0 3px #e62323}._input_1kepw_4[data-disabled]{pointer-events:none;background-color:#f2f2f2;border:none;opacity:.7}._wrap_1kepw_130{grid-area:Input;position:relative}._passwordButton_1kepw_135{background:transparent!important;border-color:transparent!important;position:absolute;width:max-content;right:0;top:0;box-sizing:border-box;cursor:pointer;z-index:3}

package/TextField.module-Cwq1FAm7.js

@@ -0,0 +1,141 @@
+import y, { useEffect as w, createContext as C } from "react";
+import { n as E, r as k, e as $, a as I, b as F, c as T, d as H } from "./useFocusRing-D97-G3fT.js";
+import { $ as R, a as M, b as S } from "./Form-DXLoQL91.js";
+import { $ as B } from "./useControlledState-S_TYcV_c.js";
+import { $ as V } from "./Label-C18A_4Z5.js";
+import { $ as W } from "./useFocusable-C-N9wcwm.js";
+import { $ as D } from "./Hidden-BQWDvze4.js";
+import './TextField.css';function xe(e, a) {
+  let { inputElementType: d = "input", isDisabled: n = !1, isRequired: t = !1, isReadOnly: r = !1, type: l = "text", validationBehavior: o = "aria" } = e, [i, u] = B(e.value, e.defaultValue || "", e.onChange), { focusableProps: b } = W(e, a), f = R({
+    ...e,
+    value: i
+  }), { isInvalid: c, validationErrors: p, validationDetails: v } = f.displayValidation, { labelProps: m, fieldProps: x, descriptionProps: _, errorMessageProps: g } = V({
+    ...e,
+    isInvalid: c,
+    errorMessage: e.errorMessage || p
+  }), P = E(e, {
+    labelable: !0
+  });
+  const h = {
+    type: l,
+    pattern: e.pattern
+  };
+  return M(a, i, u), S(e, f, a), w(() => {
+    if (a.current instanceof k(a.current).HTMLTextAreaElement) {
+      let s = a.current;
+      Object.defineProperty(s, "defaultValue", {
+        get: () => s.value,
+        set: () => {
+        },
+        configurable: !0
+      });
+    }
+  }, [
+    a
+  ]), {
+    labelProps: m,
+    inputProps: $(P, d === "input" ? h : void 0, {
+      disabled: n,
+      readOnly: r,
+      required: t && o === "native",
+      "aria-required": t && o === "aria" || void 0,
+      "aria-invalid": c || void 0,
+      "aria-errormessage": e["aria-errormessage"],
+      "aria-activedescendant": e["aria-activedescendant"],
+      "aria-autocomplete": e["aria-autocomplete"],
+      "aria-haspopup": e["aria-haspopup"],
+      value: i,
+      onChange: (s) => u(s.target.value),
+      autoComplete: e.autoComplete,
+      autoCapitalize: e.autoCapitalize,
+      maxLength: e.maxLength,
+      minLength: e.minLength,
+      name: e.name,
+      placeholder: e.placeholder,
+      inputMode: e.inputMode,
+      // Clipboard events
+      onCopy: e.onCopy,
+      onCut: e.onCut,
+      onPaste: e.onPaste,
+      // Composition events
+      onCompositionEnd: e.onCompositionEnd,
+      onCompositionStart: e.onCompositionStart,
+      onCompositionUpdate: e.onCompositionUpdate,
+      // Selection events
+      onSelect: e.onSelect,
+      // Input events
+      onBeforeInput: e.onBeforeInput,
+      onInput: e.onInput,
+      ...b,
+      ...x
+    }),
+    descriptionProps: _,
+    errorMessageProps: g,
+    isInvalid: c,
+    validationErrors: p,
+    validationDetails: v
+  };
+}
+const L = /* @__PURE__ */ C({});
+let O = (e) => {
+  let { onHoverStart: a, onHoverChange: d, onHoverEnd: n, ...t } = e;
+  return t;
+};
+function q(e, a) {
+  [e, a] = I(e, a, L);
+  let { hoverProps: d, isHovered: n } = F(e), { isFocused: t, isFocusVisible: r, focusProps: l } = T({
+    isTextInput: !0,
+    autoFocus: e.autoFocus
+  }), o = !!e["aria-invalid"] && e["aria-invalid"] !== "false", i = H({
+    ...e,
+    values: {
+      isHovered: n,
+      isFocused: t,
+      isFocusVisible: r,
+      isDisabled: e.disabled || !1,
+      isInvalid: o
+    },
+    defaultClassName: "react-aria-Input"
+  });
+  return /* @__PURE__ */ y.createElement("input", {
+    ...$(O(e), l, d),
+    ...i,
+    ref: a,
+    "data-focused": t || void 0,
+    "data-disabled": e.disabled || void 0,
+    "data-hovered": n || void 0,
+    "data-focus-visible": r || void 0,
+    "data-invalid": o || void 0
+  });
+}
+const _e = /* @__PURE__ */ D(q), z = '"../theme/tokens.css"', U = '"Inter", sans-serif', j = "#ffdfdf", A = "#f2f2f2", N = "#e6e6e6", G = "#bfbfbf", J = "#000000", K = "#e62323", Q = "500", X = "400", Y = "#1f1f1f", Z = "0 0 0 2px #ffffff, 0 0 0 4px #000000", ee = "_inputField_1kepw_4", ae = "_inputWrapper_1kepw_12", te = "_label_1kepw_30", ne = "_text_1kepw_36", oe = "_fieldError_1kepw_42", ie = "_passwordText_1kepw_66", de = "_count_1kepw_79", re = "_countExceeded_1kepw_87", se = "_input_1kepw_4", le = "_wrap_1kepw_130", ce = "_passwordButton_1kepw_135", ge = {
+  tokens: z,
+  display: U,
+  signalRed10: j,
+  gray10: A,
+  gray20: N,
+  gray50: G,
+  black: J,
+  signalRed100: K,
+  mediumWeight: Q,
+  regularWeight: X,
+  inputText: Y,
+  focus: Z,
+  inputField: ee,
+  inputWrapper: ae,
+  label: te,
+  text: ne,
+  fieldError: oe,
+  passwordText: ie,
+  count: de,
+  countExceeded: re,
+  input: se,
+  wrap: le,
+  passwordButton: ce
+};
+export {
+  xe as $,
+  ge as T,
+  L as a,
+  _e as b
+};

package/Toast.css

@@ -0,0 +1 @@
+@keyframes _slideInEnd_i4o11_1{0%{transform:translate(calc(100% + 1rem));opacity:0}to{transform:translate(0);opacity:1}}@keyframes _slideOutEnd_i4o11_1{0%{transform:translate(0);opacity:1}to{transform:translate(calc(100% + 1rem));opacity:0}}@keyframes _slideInTop_i4o11_1{0%{transform:translateY(calc(-100% + 1rem));opacity:0}to{transform:translateY(1rem);opacity:1}}@keyframes _slideOutTop_i4o11_1{0%{transform:translateY(1rem);opacity:1}to{transform:translateY(calc(-100% + 1rem));opacity:0}}._toastRegion_i4o11_52{position:fixed;left:50%;top:calc(92px + 1rem);transform:translate(-50%);display:flex;flex-direction:column;gap:8px;border:none;width:calc(100% - 2rem);z-index:1001}._toastRegion_i4o11_52:focus-visible{outline:none}@media (min-width: 768px){._toastRegion_i4o11_52{width:unset;left:unset;transform:unset;top:calc(80px + 1rem);right:1rem}}._toast_i4o11_52{font-family:Inter,sans-serif;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;background:#fff;color:#1f1f1f;padding-left:calc(1rem - 3px);border-left:3px solid transparent;width:calc(100% - 1rem);font-size:.875rem}._toast_i4o11_52[data-focus-visible],._toast_i4o11_52:focus-visible{outline:none;box-shadow:0 0 0 2px #fff,0 0 0 4px #000}._toast_i4o11_52._success_i4o11_96{--bg: #d5f2d9;--border: #008d3c;background:var(--bg);border-left-color:var(--border)}._toast_i4o11_52._info_i4o11_104{--bg: #eaf2f6;--border: #0066cc;background:var(--bg);border-left-color:var(--border)}._toast_i4o11_52._important_i4o11_112{--bg: #fff8e1;--border: #f1c21b;background:var(--bg);border-left-color:var(--border)}._toast_i4o11_52._warning_i4o11_120{--bg: #ffdfdf;--border: #e62323;background:var(--bg);border-left-color:var(--border)}._toast_i4o11_52 ._icon_i4o11_128{color:var(--border);flex:0 0 auto}@media (min-width: 768px){._toast_i4o11_52{width:18rem}}._toastContent_i4o11_138{padding:.875rem 0;display:flex;align-items:flex-start;gap:1rem}._toastMessage_i4o11_145{padding:.125rem 0 0;margin:0;line-height:1.2}._toast_i4o11_52[data-animation=entering]{animation-name:_slideInTop_i4o11_1;animation-duration:.5s;animation-timing-function:cubic-bezier(.16,1,.3,1);animation-direction:normal;animation-fill-mode:both}@media (min-width: 768px){._toast_i4o11_52[data-animation=entering]{animation-name:_slideInEnd_i4o11_1}}._toast_i4o11_52[data-animation=exiting]{animation-name:_slideOutTop_i4o11_1;animation-duration:.5s;animation-timing-function:cubic-bezier(.16,1,.3,1);animation-direction:normal;animation-fill-mode:both}@media (min-width: 768px){._toast_i4o11_52[data-animation=exiting]{animation-name:_slideOutEnd_i4o11_1}}

package/VisuallyHidden-B_XzVvlX.js

@@ -0,0 +1,39 @@
+import { f as n, e as d } from "./useFocusRing-D97-G3fT.js";
+import u, { useState as f, useMemo as p } from "react";
+const a = {
+  border: 0,
+  clip: "rect(0 0 0 0)",
+  clipPath: "inset(50%)",
+  height: "1px",
+  margin: "-1px",
+  overflow: "hidden",
+  padding: 0,
+  position: "absolute",
+  width: "1px",
+  whiteSpace: "nowrap"
+};
+function $(t = {}) {
+  let { style: e, isFocusable: s } = t, [i, r] = f(!1), { focusWithinProps: l } = n({
+    isDisabled: !s,
+    onFocusWithinChange: (c) => r(c)
+  }), o = p(() => i ? e : e ? {
+    ...a,
+    ...e
+  } : a, [
+    i
+  ]);
+  return {
+    visuallyHiddenProps: {
+      ...l,
+      style: o
+    }
+  };
+}
+function y(t) {
+  let { children: e, elementType: s = "div", isFocusable: i, style: r, ...l } = t, { visuallyHiddenProps: o } = $(t);
+  return /* @__PURE__ */ u.createElement(s, d(l, o), e);
+}
+export {
+  $,
+  y as a
+};

package/accordion/Accordion.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+import { TextElementTag } from './AccordionTagContext';
+import * as RadixAccordion from '@radix-ui/react-accordion';
+type AccordionRootCombined = RadixAccordion.AccordionSingleProps | RadixAccordion.AccordionMultipleProps;
+interface AccordionProps {
+    /** Pick a heading tag to be rendered as the title in each accordion */
+    headingTag?: TextElementTag;
+}
+/**
+ * Accordions are used primarily to reduce the direct amount of information on a page and to sort it clearly.
+ */
+export declare const Accordion: React.ForwardRefExoticComponent<(AccordionRootCombined & AccordionProps) & React.RefAttributes<HTMLDivElement>>;
+export {};

package/accordion/AccordionContent.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import * as RadixAccordion from '@radix-ui/react-accordion';
+export declare const AccordionContent: React.ForwardRefExoticComponent<RadixAccordion.AccordionContentProps & React.RefAttributes<HTMLDivElement>>;

package/accordion/AccordionItem.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import * as RadixAccordion from '@radix-ui/react-accordion';
+export declare const AccordionItem: React.ForwardRefExoticComponent<RadixAccordion.AccordionItemProps & React.RefAttributes<HTMLDivElement>>;

package/accordion/AccordionTagContext.d.ts

@@ -0,0 +1,3 @@
+export type TextElementTag = keyof Pick<JSX.IntrinsicElements, 'p' | 'span' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'strong' | 'em'>;
+export declare const AccordionTagContext: import('react').Context<"p" | "span" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "strong" | "em">;
+export declare const useAccordionTag: () => "p" | "span" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "strong" | "em";

package/accordion/AccordionTrigger.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import * as RadixAccordion from '@radix-ui/react-accordion';
+export declare const AccordionTrigger: React.ForwardRefExoticComponent<RadixAccordion.AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>>;

package/accordion/index.d.ts

@@ -0,0 +1,5 @@
+export { Accordion } from './Accordion';
+export { AccordionItem } from './AccordionItem';
+export { AccordionTrigger } from './AccordionTrigger';
+export { AccordionContent } from './AccordionContent';
+export { AccordionTagContext } from './AccordionTagContext';

package/breadcrumbs/Breadcrumbs.d.ts

@@ -0,0 +1,9 @@
+export interface BreadcrumbProps {
+    items: MidasBreadcrumb[];
+}
+export interface MidasBreadcrumb {
+    href: string;
+    title: string;
+    isDisabled?: boolean;
+}
+export declare const Breadcrumbs: React.FC<BreadcrumbProps>;

package/breadcrumbs/index.d.ts

@@ -0,0 +1 @@
+export { Breadcrumbs } from './Breadcrumbs';

package/button/Button.d.ts

@@ -0,0 +1,41 @@
+import { ButtonProps, ButtonRenderProps } from 'react-aria-components';
+import { LucideIcon } from 'lucide-react';
+import * as React from 'react';
+export interface MidasButtonProps {
+    /**
+     * Primary button is used as a positive action in a flow. Always use one primary button and never a seconday button on it's own. When using just an icon you must pass an aria-label
+     *
+     * @default 'primary'
+     * */
+    variant?: 'primary' | 'secondary' | 'tertiary' | 'danger' | 'icon';
+    /**
+     * Adds width: 100%; for the button to span entire width of parent
+     *
+     * @default false
+     */
+    fullwidth?: boolean;
+    /** Choose between different button sizes */
+    size?: 'small';
+    /** Add an icon from lucide-react
+     *
+     * @see {@link https://lucide.dev/icons/}
+     */
+    icon?: LucideIcon;
+    /** Adjust icon size */
+    iconSize?: number;
+    /** Display your icon on the left och right side of the button text */
+    iconPlacement?: 'left' | 'right';
+    children?: React.ReactNode | ((values: ButtonRenderProps & {
+        defaultChildren: React.ReactNode | undefined;
+    }) => React.ReactNode) | string;
+}
+type MidasButton = MidasButtonProps & ButtonProps;
+/**
+ * Button to perform various actions.
+ *
+ * @interface MidasButton
+ *
+ * @see {@link https://designsystem.migrationsverket.se/components/button}
+ */
+export declare const Button: React.FC<MidasButton>;
+export {};

package/button/ButtonGroup.d.ts

@@ -0,0 +1,12 @@
+export interface MidasButtonGroupProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Set a descriptive lable for screen readers */
+    'aria-label': string;
+}
+/**
+ * Group several buttons together.
+ *
+ * @interface MidasButtonGroupProps
+ *
+ * @see {@link https://designsystem.migrationsverket.se/components/button}
+ */
+export declare const ButtonGroup: React.FC<MidasButtonGroupProps>;

package/button/index.d.ts

@@ -0,0 +1,2 @@
+export { Button } from './Button';
+export { ButtonGroup } from './ButtonGroup';

package/card/Card.d.ts

@@ -0,0 +1,34 @@
+import { Link, LinkProps, RouterProvider } from '../link/Link';
+import * as React from 'react';
+export interface CardProps<C extends React.ElementType = typeof Link> extends React.HTMLAttributes<HTMLDivElement> {
+    /** Optional image displayed at the top of card */
+    image?: {
+        source: string;
+        description: string;
+    };
+    /** Sets background to predetermined color
+     *  @default false
+     * */
+    background?: boolean;
+    /** Header as h1 for the component rendered below image if there is one */
+    title: string;
+    /** Content as p element for the component */
+    content: string;
+    /** Props for when card element is clicked */
+    link: LinkProps<C>;
+    /** Adjust the tag to be used for the header
+     * @default 'h1'
+     */
+    headingTag?: React.ElementType;
+    /** Custom image component to be used instead of the default img tag */
+    customImageComponent?: React.ReactElement;
+    /** Custom link component to be used instead of the default a tag. For example your client side router link. */
+    customLinkComponent?: React.ElementType;
+}
+/**
+ * This component renders a card with optional image, title, content.
+ *
+ * @see {@link https://designsystem.migrationsverket.se/components/card/}
+ */
+export declare const Card: React.FC<CardProps>;
+export { RouterProvider };

package/card/index.d.ts

@@ -0,0 +1 @@
+export * from './Card';

package/checkbox/Checkbox.d.ts

@@ -0,0 +1,2 @@
+import { CheckboxProps } from 'react-aria-components';
+export declare const Checkbox: ({ children, ...props }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;

package/checkbox/CheckboxGroup.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { CheckboxGroupProps as AriaCheckboxGroupProps, ValidationResult } from 'react-aria-components';
+export interface CheckboxGroupProps extends Omit<AriaCheckboxGroupProps, 'children'> {
+    children?: React.ReactNode;
+    label?: string;
+    description?: string;
+    showSelectAll?: boolean;
+    errorMessage?: string | ((validation: ValidationResult) => string);
+}
+export declare const CheckboxGroup: ({ label, description, errorMessage, showSelectAll, children, ...props }: CheckboxGroupProps) => import("react/jsx-runtime").JSX.Element;

package/checkbox/index.d.ts

@@ -0,0 +1,2 @@
+export { Checkbox } from './Checkbox';
+export { CheckboxGroup } from './CheckboxGroup';

package/chevron-down-Cd1bkzXT.js

@@ -0,0 +1,13 @@
+import { c as o } from "./createLucideIcon-DeWljiyi.js";
+/**
+ * @license lucide-react v0.453.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const n = o("ChevronDown", [
+  ["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]
+]);
+export {
+  n as C
+};

package/chevron-right-DBMc9VMi.js

@@ -0,0 +1,23 @@
+import { c as e } from "./createLucideIcon-DeWljiyi.js";
+/**
+ * @license lucide-react v0.453.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const h = e("ChevronLeft", [
+  ["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]
+]);
+/**
+ * @license lucide-react v0.453.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const o = e("ChevronRight", [
+  ["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]
+]);
+export {
+  h as C,
+  o as a
+};