@midas-ds/components 1.0.3 → 1.1.0

package/index72.js

@@ -1,80 +1,42 @@
-import { jsxs as e, jsx as s } from "react/jsx-runtime";
-import * as m from "react";
-import { c as _ } from "./clsx-OuTLNxxd.js";
-import { Button as g } from "./index69.js";
-import { X as h } from "./x-JK7i-TQC.js";
-import { C as u, I as p, a as B, T as w } from "./triangle-alert-1OYl9KWz.js";
-import './InfoBanner.css';const b = '"../theme/tokens.css"', x = '"Inter", sans-serif', N = "#d5f2d9", k = "#008d3c", v = "#eaf2f6", I = "#0066cc", R = "#fff8e1", C = "#f1c21b", G = "#ffdfdf", Y = "#e62323", S = "#000000", j = "600", y = "_infoBanner_cn873_4", z = "_success_cn873_12", A = "_info_cn873_4", T = "_important_cn873_22", W = "_warning_cn873_27", M = "_content_cn873_36", P = "_heading_cn873_42", X = "_text_cn873_47", q = "_icon_cn873_52", D = "_dismissable_cn873_57", n = {
-  tokens: b,
-  display: x,
-  signalGreen10: N,
-  signalGreen100: k,
-  signalBlue10: v,
-  signalBlue100: I,
-  signalYellow10: R,
-  signalYellow100: C,
-  signalRed10: G,
-  signalRed100: Y,
-  black: S,
-  semiBoldWeight: j,
-  infoBanner: y,
-  success: z,
-  info: A,
-  important: T,
-  warning: W,
-  content: M,
-  heading: P,
-  text: X,
-  icon: q,
-  dismissable: D
-}, E = {
-  success: u,
-  info: p,
-  important: B,
-  warning: w
-}, O = ({
-  title: c,
-  message: a,
-  type: i,
-  children: t,
-  dismissable: l = !1,
-  ...o
-}) => {
-  const r = E[i], [d, f] = m.useState(!0);
-  return d ? /* @__PURE__ */ e(
-    "div",
-    {
-      className: _(n.infoBanner, n[i], o.className),
-      ...o,
-      children: [
-        /* @__PURE__ */ s(
-          r,
-          {
-            size: 20,
-            "aria-hidden": !0,
-            className: n.icon
-          }
-        ),
-        /* @__PURE__ */ e("div", { className: n.content, children: [
-          c && /* @__PURE__ */ s("strong", { className: n.heading, children: c }),
-          /* @__PURE__ */ e("div", { className: n.text, children: [
-            a,
-            t
-          ] })
-        ] }),
-        l && /* @__PURE__ */ s("div", { className: n.dismissable, children: /* @__PURE__ */ s(
-          g,
-          {
-            variant: "icon",
-            "aria-label": "Stäng",
-            onPress: () => f(!1),
-            children: /* @__PURE__ */ s(h, { size: 20 })
-          }
-        ) })
-      ]
-    }
-  ) : null;
-};
+import { jsxs as o, jsx as s } from "react/jsx-runtime";
+import { c as r } from "./clsx-OuTLNxxd.js";
+import { c as a } from "./createLucideIcon-DeWljiyi.js";
+import './Spinner.css';/**
+ * @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 c = a("LoaderCircle", [
+  ["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]
+]), i = '"../theme/tokens.css"', d = "#b90835", _ = "#143c50", l = "_container_13uof_4", u = "_spinner_13uof_8", p = "_rotating_13uof_1", k = "_dark_13uof_18", m = "_vsHidden_13uof_22", n = {
+  tokens: i,
+  red100: d,
+  blue150: _,
+  container: l,
+  spinner: u,
+  rotating: p,
+  dark: k,
+  vsHidden: m
+}, b = ({ small: e, dark: t }) => /* @__PURE__ */ o(
+  "div",
+  {
+    className: n.container,
+    role: "status",
+    children: [
+      /* @__PURE__ */ s(
+        c,
+        {
+          className: r(n.spinner, t && n.dark),
+          size: e ? 16 : 32,
+          strokeWidth: e ? 2 : 3,
+          absoluteStrokeWidth: !0
+        }
+      ),
+      /* @__PURE__ */ s("span", { className: n.vsHidden, children: "Laddar, vänligen vänta." })
+    ]
+  }
+);
 export {
-  O as InfoBanner
+  b as Spinner
 };

package/index73.js

@@ -1,140 +1,82 @@
-import { jsx as c, jsxs as t } from "react/jsx-runtime";
-import { c as o } from "./clsx-OuTLNxxd.js";
-import './Logo.css';const v = '"../theme/tokens.css"', i = "#b90835", m = "#000000", g = "#5d5d5d", _ = "#ffffff", p = "_container_1c334_4", M = "_noPadding_1c334_9", u = "_logo_1c334_13", Z = "_primary_1c334_18", f = "_dark_1c334_22", k = "_xSmall_1c334_26", b = "_small_1c334_30", x = "_large_1c334_34", w = "_backgroundPrimary_1c334_38", y = "_backgroundDark_1c334_46", l = {
-  tokens: v,
-  red100: i,
-  black: m,
-  gray130: g,
-  white: _,
-  container: p,
-  noPadding: M,
-  logo: u,
-  primary: Z,
-  dark: f,
-  xSmall: k,
-  small: b,
-  large: x,
-  backgroundPrimary: w,
-  backgroundDark: y
-}, S = ({
-  primary: h = !0,
-  size: a = "medium",
-  background: d = !1,
-  padding: r = !0,
-  ...s
-}) => {
-  const e = o(
-    l.logo,
-    h ? l.primary : l.dark,
-    a === "x-small" && l.xSmall,
-    a === "small" && l.small,
-    a === "medium" && l.medium,
-    a === "large" && l.large
-  ), n = () => a === "x-small" ? /* @__PURE__ */ c(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 100 92",
-      className: e,
-      role: "img",
-      "aria-hidden": "false",
-      focusable: "false",
-      "aria-label": "Migrationsverkets logotyp",
-      children: /* @__PURE__ */ c("path", { d: "M99.99,91.69c-1.84-1.11-4.05-4.55-4.05-9.46V9.15c0-4.79,1.96-7.25,3.81-8.85h-14.75l-33.91,65.47L12.41.3H0c1.6,1.59,3.93,3.07,3.93,8.23v75.55c0,3.56-2.21,6.51-3.81,7.61h16.34c-1.72-1.22-3.93-4.18-3.93-7.98V25.97l36.24,61.42,33.04-63.26v58.96c0,5.53-2.21,7.61-3.81,8.6h21.99Z" })
-    }
-  ) : /* @__PURE__ */ t(
-    "svg",
+import { jsxs as t, jsx as c, Fragment as i } from "react/jsx-runtime";
+import { $ as d, a, b as l, c as f } from "./Dialog-D6Bqrpn-.js";
+import { Button as u } from "./index66.js";
+import { c as p } from "./createLucideIcon-DeWljiyi.js";
+import './Dropdown.css';/**
+ * @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 x = p("EllipsisVertical", [
+  ["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }],
+  ["circle", { cx: "12", cy: "5", r: "1", key: "gxeob9" }],
+  ["circle", { cx: "12", cy: "19", r: "1", key: "lyex9k" }]
+]), $ = '"../theme/tokens.css"', b = '"Inter", sans-serif', m = "0 0 0 2px #ffffff, 0 0 0 4px #000000", h = "#f2f2f2", y = "_dropDownMenu_1f4ap_4", w = "_dropdownMenu_1f4ap_15", s = {
+  tokens: $,
+  display: b,
+  focus: m,
+  gray10: h,
+  dropDownMenu: y,
+  dropdownMenu: w
+};
+function _({
+  label: e,
+  title: r,
+  children: n,
+  ...o
+}) {
+  return /* @__PURE__ */ t(d, { ...o, children: [
+    /* @__PURE__ */ t(
+      u,
+      {
+        "aria-label": e,
+        variant: "icon",
+        children: [
+          r,
+          /* @__PURE__ */ c(
+            x,
+            {
+              size: 20,
+              "aria-hidden": !0
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ c(a, { children: /* @__PURE__ */ c(
+      l,
+      {
+        ...o,
+        className: s.dropDownMenu,
+        children: n
+      }
+    ) })
+  ] });
+}
+function v(e) {
+  const r = e.textValue || (typeof e.children == "string" ? e.children : void 0);
+  return /* @__PURE__ */ c(
+    f,
     {
-      role: "img",
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 112 40",
-      className: e,
-      "aria-hidden": "false",
-      focusable: "false",
-      "aria-label": "Migrationsverkets logotyp",
-      children: [
-        /* @__PURE__ */ c("path", { d: "M97.78,21.61c-7.48-9.73-20.06-16.03-34.32-16.03-13.07,0-24.86,5.27-32.46,13.65,6.56-5.83,15.64-9.44,25.66-9.44,11.37,0,21.52,4.56,28.18,11.83h12.94Z" }),
-        /* @__PURE__ */ c("path", { d: "M90.45,12.58C70.67-1.51,41.26,2.77,27.49,21.61h-12.23C30.56-2.89,68.29-7.47,90.45,12.58h0Z" }),
-        /* @__PURE__ */ c("path", { d: "M11.89,37.13c-.22-.13-.48-.53-.48-1.11v-8.58c0-.56.23-.85.45-1.04h-1.73l-3.98,7.69-4.54-7.69H.15c.19.19.46.36.46.97v8.87c0,.42-.26.76-.45.89h1.92c-.2-.14-.46-.49-.46-.94v-6.78l4.25,7.21,3.88-7.43v6.92c0,.65-.26.89-.45,1.01h2.58Z" }),
-        /* @__PURE__ */ c(
-          "path",
-          {
-            d: "M15.81,26.86c0-.45-.36-.81-.81-.81s-.81.36-.81.81.36.81.81.81.81-.36.81-.81h0ZM16.22,37.13c-.3-.23-.45-.5-.45-1.07v-6.4h-1.98c.37.19.49.58.49,1.17v5.23c0,.48-.09.79-.46,1.07h2.39Z",
-            fillRule: "evenodd"
-          }
-        ),
-        /* @__PURE__ */ c(
-          "path",
-          {
-            d: "M24.52,30.97c-.04-.33-.17-.68-.37-.95h-1.36c-.29-.26-.87-.58-1.96-.58-1.53,0-2.8.92-2.8,2.58,0,1.02.52,1.86,1.31,2.26-.43.37-1.38.98-1.38,1.61,0,.71.79.99,1.38,1.1-.88.26-1.67.82-1.67,1.59,0,1.14,1.73,1.41,2.64,1.41,1.54,0,3.91-.78,3.91-2.64,0-1.21-1.23-1.49-2.22-1.5-2.42-.06-2.51-.2-2.51-.56,0-.2.42-.68.55-.81.23.03.48.06.71.06,1.76,0,2.93-.94,2.93-2.7,0-.48-.14-.91-.29-1.11.12-.04.25-.04.37-.04.27,0,.55.12.76.27h0ZM22.27,32.21c0,.79-.37,1.61-1.36,1.61-1.07,0-1.47-1.21-1.47-2.09,0-.95.5-1.57,1.31-1.57,1.2,0,1.51,1.25,1.51,2.05h0ZM22.89,37.92c0,.76-.82,1.31-1.93,1.31-.59,0-1.7-.3-1.69-1.15,0-.45.26-.74.59-.99l1.96.04c.5.01,1.07.1,1.07.79h0Z",
-            fillRule: "evenodd"
-          }
-        ),
-        /* @__PURE__ */ c("path", { d: "M30.11,31.22l-.23-1.63c-.2-.1-.43-.14-.65-.14-.85,0-1.46.68-1.79,1.37v-1.15h-1.96c.45.27.48.76.48,1.14v5.19c0,.58-.1.89-.45,1.14h2.35c-.36-.29-.42-.63-.42-1.12v-4.27c.22-.58.78-1.04,1.43-1.04.46,0,.97.26,1.24.52h0Z" }),
-        /* @__PURE__ */ c(
-          "path",
-          {
-            d: "M36.87,37.13c-.37-.33-.43-.59-.43-1.25v-3.89c0-2.21-1.43-2.55-2.8-2.55-.61,0-1.67.22-2.03.42-.2.4-.3,1.24-.4,1.67.46-.56,1.27-1.37,2.39-1.37,1.18,0,1.36.82,1.36,1.7v.39l-2.21.76c-1.04.36-1.87,1.08-1.87,2.26,0,1.31.88,2.08,2.15,2.08.87,0,1.46-.43,1.93-.94v.72h1.92ZM34.95,35.62c-.26.32-.74.85-1.37.85-.75,0-1.18-.79-1.18-1.54,0-.71.35-1.15.89-1.37l1.66-.63v2.7h0Z",
-            fillRule: "evenodd"
-          }
-        ),
-        /* @__PURE__ */ c("path", { d: "M42.58,36.15c-.29.27-.71.46-1.11.46-.87,0-1.07-.98-1.07-1.66v-4.51h.85c.43,0,.94.13,1.33.35l-.17-1.12h-2v-1.76c-.68.95-1.54,1.96-2.58,2.54h1.1v4.43c0,1.43.32,2.47,1.95,2.47.48,0,.98-.1,1.38-.36.14-.25.25-.55.33-.82h0Z" }),
-        /* @__PURE__ */ c(
-          "path",
-          {
-            d: "M45.63,26.86c0-.45-.36-.81-.81-.81s-.81.36-.81.81.36.81.81.81.81-.36.81-.81h0ZM46.04,37.13c-.3-.23-.45-.5-.45-1.07v-6.4h-1.98c.37.19.49.58.49,1.17v5.23c0,.48-.09.79-.46,1.07h2.39Z",
-            fillRule: "evenodd"
-          }
-        ),
-        /* @__PURE__ */ c(
-          "path",
+      ...e,
+      textValue: r,
+      className: ({ isFocused: n, isOpen: o }) => `${s.dropdownMenu} ${n ? "focused" : ""} ${o ? "open" : ""}`,
+      children: ({ hasSubmenu: n }) => /* @__PURE__ */ t(i, { children: [
+        e.children,
+        n && /* @__PURE__ */ c(
+          "svg",
           {
-            d: "M54.96,33.37c0-2.06-1.3-3.95-3.5-3.95s-3.84,1.76-3.84,4.01c0,2.06,1.28,3.95,3.49,3.95s3.85-1.76,3.85-4.01h0ZM53.43,34.04c0,1.27-.52,2.57-1.86,2.57-1.79,0-2.42-2.44-2.42-3.86,0-1.21.48-2.57,1.87-2.57,1.79,0,2.41,2.44,2.41,3.86h0Z",
-            fillRule: "evenodd"
+            className: "chevron",
+            viewBox: "0 0 24 24",
+            children: /* @__PURE__ */ c("path", { d: "m9 18 6-6-6-6" })
           }
-        ),
-        /* @__PURE__ */ c("path", { d: "M63.37,37.13c-.27-.22-.45-.42-.45-1.11v-3.94c0-1.63-.39-2.64-2.18-2.64-1.01,0-1.79.56-2.38,1.12v-.91h-1.98c.3.17.49.46.49,1.05v5.33c0,.59-.14.88-.48,1.08h2.39c-.23-.23-.43-.37-.43-1.17v-4.4c.32-.45,1.07-1.24,1.85-1.24,1.01,0,1.23,1.01,1.23,1.8v3.95c0,.74-.26.87-.46,1.05h2.39Z" }),
-        /* @__PURE__ */ c(
-          "path",
-          {
-            d: "M69.79,35.2c0-2.21-3.42-2.71-3.42-4.07,0-.75.71-.98,1.34-.98s1.33.29,1.74.81l-.07-1.18c-.46-.17-1.11-.35-1.69-.35-1.44,0-2.68.63-2.68,1.89,0,2.36,3.46,2.68,3.46,4.25,0,.79-.62,1.05-1.31,1.05-1.01,0-1.86-.46-2.52-1.21v.1c0,.4-.03.99.3,1.27.53.43,1.53.56,2.18.56,1.36,0,2.67-.62,2.67-2.15h0Z",
-            fillRule: "evenodd"
-          }
-        ),
-        /* @__PURE__ */ c("path", { d: "M77.98,29.66h-1.43c.13.1.11.56-.19,1.33l-1.86,4.72-1.87-4.7c-.26-.65-.32-1.15-.16-1.34h-2.06c.19.1.49.85.82,1.67l2.31,5.8h1.31l2.35-5.97c.32-.81.56-1.36.78-1.5h0Z" }),
-        /* @__PURE__ */ c(
-          "path",
-          {
-            d: "M84.91,33.54v-.23c0-1.92-.62-3.88-2.88-3.88s-3.56,2.02-3.56,4.11,1.41,3.81,3.58,3.81c.78,0,1.62-.17,2.13-.45.32-.35.49-.79.59-1.27-.69.5-1.41.84-2.31.84-1.49,0-2.35-1.57-2.38-2.88l4.83-.04h0ZM83.34,32.88c-1.1.09-2.16.1-3.27.1.01-.78.29-2.83,1.7-2.83,1.33,0,1.57,1.72,1.57,2.73h0Z",
-            fillRule: "evenodd"
-          }
-        ),
-        /* @__PURE__ */ c("path", { d: "M90.95,31.22l-.23-1.63c-.2-.1-.43-.14-.65-.14-.85,0-1.46.68-1.79,1.37v-1.15h-1.96c.45.27.48.76.48,1.14v5.19c0,.58-.1.89-.45,1.14h2.35c-.36-.29-.42-.63-.42-1.12v-4.27c.22-.58.78-1.04,1.43-1.04.46,0,.97.26,1.24.52h0Z" }),
-        /* @__PURE__ */ c("path", { d: "M99.79,37.16c-2.26-.37-2.49-4.04-4.7-4.04l2.62-2.8c.22-.23.5-.48.75-.66h-1.77c.14.14.13.39-.13.66l-2.65,2.83v-7.07h-1.98c.33.2.49.56.49,1.01v9.01c0,.58-.22.81-.46,1.02h2.35c-.26-.25-.4-.49-.4-1.02v-2.57c.27,0,.62.13.82.26,1.28.82,1.95,3.11,2.67,3.45.14.07.94.1,1.14.1.45,0,.84-.03,1.25-.19h0Z" }),
-        /* @__PURE__ */ c(
-          "path",
-          {
-            d: "M106.3,33.54v-.23c0-1.92-.62-3.88-2.88-3.88s-3.56,2.02-3.56,4.11,1.41,3.81,3.58,3.81c.78,0,1.62-.17,2.13-.45.32-.35.49-.79.59-1.27-.69.5-1.41.84-2.31.84-1.49,0-2.35-1.57-2.38-2.88l4.83-.04h0ZM104.73,32.88c-1.1.09-2.16.1-3.27.1.01-.78.29-2.83,1.7-2.83,1.33,0,1.57,1.72,1.57,2.73h0Z",
-            fillRule: "evenodd"
-          }
-        ),
-        /* @__PURE__ */ c("path", { d: "M111.85,36.15c-.29.27-.71.46-1.11.46-.86,0-1.07-.98-1.07-1.66v-4.51h.85c.43,0,.94.13,1.33.35l-.17-1.12h-2v-1.76c-.68.95-1.54,1.96-2.58,2.54h1.1v4.43c0,1.43.32,2.47,1.95,2.47.48,0,.98-.1,1.38-.36.14-.25.25-.55.33-.82h0Z" })
-      ]
+        )
+      ] })
     }
   );
-  return /* @__PURE__ */ c(
-    "div",
-    {
-      className: o(
-        l.container,
-        r === !1 && l.noPadding,
-        d ? h ? l.backgroundPrimary : l.backgroundDark : null
-      ),
-      ...s,
-      children: /* @__PURE__ */ c(n, {})
-    }
-  );
-};
+}
 export {
-  S as Logo
+  _ as Dropdown,
+  v as DropdownItem
 };

package/index74.js

@@ -1,70 +1,71 @@
-import { jsxs as c, jsx as s } from "react/jsx-runtime";
-import * as m from "react";
-import { Button as g } from "./index69.js";
-import { c as u } from "./clsx-OuTLNxxd.js";
-import { X as H } from "./x-JK7i-TQC.js";
-import './Modal.css';const w = '"../theme/tokens.css"', p = '"Inter", sans-serif', B = "#ffffff", q = "#f2f2f2", x = "_modal_1wq00_4", N = "_modalHeader_1wq00_30", k = "_modalBody_1wq00_39", v = "_modalHeading_1wq00_45", a = {
-  tokens: w,
-  display: p,
-  white: B,
-  gray10: q,
-  modal: x,
-  modalHeader: N,
-  modalBody: k,
-  modalHeading: v
-}, P = ({
-  id: l,
-  isOpen: d,
-  onOpenChange: t,
-  children: i,
-  title: f,
-  className: h,
-  ..._
-}) => {
-  const e = m.useRef(null);
-  m.useEffect(() => {
-    var o, r;
-    d ? (o = e.current) == null || o.showModal() : (r = e.current) == null || r.close();
-  }, [d]);
-  const y = () => {
-    var o;
-    (o = e.current) == null || o.close(), t(!1);
-  }, n = l + "_heading";
-  return /* @__PURE__ */ c(
-    "dialog",
-    {
-      id: l,
-      ref: e,
-      onCancel: () => t(!1),
-      className: u(a.modal, h),
-      "aria-labelledby": n,
-      ..._,
-      children: [
-        /* @__PURE__ */ s("div", { className: a.modalHeader, children: /* @__PURE__ */ s(
-          g,
-          {
-            onPress: () => y(),
-            variant: "tertiary",
-            icon: H,
-            iconPlacement: "right",
-            children: "Stäng"
-          }
-        ) }),
-        /* @__PURE__ */ c("div", { className: a.modalBody, children: [
-          /* @__PURE__ */ s(
-            "h2",
-            {
-              className: a.modalHeading,
-              id: n,
-              children: f
-            }
-          ),
-          i
-        ] })
-      ]
-    }
-  );
-};
+import { jsx as e, jsxs as l, Fragment as f } from "react/jsx-runtime";
+import { $ as d } from "./Link-BnQvB-hH.js";
+import { c as m } from "./clsx-OuTLNxxd.js";
+import { c as k } from "./createLucideIcon-DeWljiyi.js";
+import { $ as P } from "./useFocusRing-9PXyKy2A.js";
+import './Link.css';/**
+ * @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 p = k("ArrowRight", [
+  ["path", { d: "M5 12h14", key: "1ays0h" }],
+  ["path", { d: "m12 5 7 7-7 7", key: "xquz4c" }]
+]), h = '"../theme/tokens.css"', u = '"Inter", sans-serif', g = "#25607f", _ = "#143c50", y = "#1f1f1f", b = "#bfbfbf", x = "500", q = "0 0 0 2px #ffffff, 0 0 0 4px #000000", $ = "400", W = "#663366", z = "#000000", N = "_link_p1sqk_4", R = "_icon_p1sqk_40", j = "_standalone_p1sqk_44", w = "_stretched_p1sqk_59", s = {
+  tokens: h,
+  display: u,
+  blue130: g,
+  blue150: _,
+  gray150: y,
+  gray50: b,
+  mediumWeight: x,
+  focus: q,
+  regularWeight: $,
+  linkVisited: W,
+  black: z,
+  link: N,
+  icon: R,
+  standalone: j,
+  stretched: w
+}, F = ({
+  children: c,
+  standalone: t,
+  stretched: n,
+  icon: o,
+  className: r,
+  as: i,
+  ...a
+}) => /* @__PURE__ */ e(
+  i || d,
+  {
+    className: m(
+      s.link,
+      t && s.standalone,
+      n && s.stretched,
+      r
+    ),
+    ...a,
+    children: /* @__PURE__ */ l(f, { children: [
+      c,
+      !t && o && /* @__PURE__ */ e(
+        o,
+        {
+          size: 20,
+          className: s.icon
+        }
+      ),
+      t && /* @__PURE__ */ e(
+        p,
+        {
+          size: 20,
+          className: s.icon
+        }
+      )
+    ] })
+  }
+);
 export {
-  P as Modal
+  F as Link,
+  P as RouterProvider
 };

package/index75.js

@@ -1,42 +1,104 @@
-import { jsxs as o, jsx as s } from "react/jsx-runtime";
-import { c as r } from "./clsx-OuTLNxxd.js";
-import { c as a } from "./createLucideIcon-DeWljiyi.js";
-import './Spinner.css';/**
+import { jsxs as u, jsx as n } from "react/jsx-runtime";
+import { $ as p } from "./Link-BnQvB-hH.js";
+import { c as m } from "./clsx-OuTLNxxd.js";
+import { c as y } from "./createLucideIcon-DeWljiyi.js";
+import { C as _, a as g } from "./chevron-right-DBMc9VMi.js";
+import { $ as Z } from "./useFocusRing-9PXyKy2A.js";
+import './LinkButton.css';/**
  * @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 c = a("LoaderCircle", [
-  ["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]
-]), i = '"../theme/tokens.css"', d = "#b90835", _ = "#143c50", l = "_container_13uof_4", u = "_spinner_13uof_8", p = "_rotating_13uof_1", k = "_dark_13uof_18", m = "_vsHidden_13uof_22", n = {
-  tokens: i,
-  red100: d,
-  blue150: _,
-  container: l,
-  spinner: u,
-  rotating: p,
-  dark: k,
-  vsHidden: m
-}, b = ({ small: e, dark: t }) => /* @__PURE__ */ o(
-  "div",
-  {
-    className: n.container,
-    role: "status",
-    children: [
-      /* @__PURE__ */ s(
-        c,
-        {
-          className: r(n.spinner, t && n.dark),
-          size: e ? 16 : 32,
-          strokeWidth: e ? 2 : 3,
-          absoluteStrokeWidth: !0
-        }
+const h = y("SquareArrowOutUpRight", [
+  ["path", { d: "M21 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h6", key: "y09zxi" }],
+  ["path", { d: "m21 3-9 9", key: "mpx6sq" }],
+  ["path", { d: "M15 3h6v6", key: "1q9fwt" }]
+]), b = '"../theme/tokens.css"', k = "#143c50", q = "#25607f", x = "#4289ad", B = '"Inter", sans-serif', w = "1rem", R = "500", z = "#ffffff", L = "#bfbfbf", N = "#f2f2f2", $ = "#e6e6e6", S = "#000000", C = "undefined", j = "0 0 0 2px #ffffff, 0 0 0 4px #000000", A = "(max-width: 767px)", I = "#e62323", M = "#b31b1b", O = "#801313", U = "_linkButton_7qa6p_4", W = "_secondary_7qa6p_43", v = "_tertiary_7qa6p_67", H = "_danger_7qa6p_88", V = "_iconBtn_7qa6p_110", D = "_iconLeft_7qa6p_131", E = "_fullwidth_7qa6p_135", F = "_button_7qa6p_140", t = {
+  tokens: b,
+  blue150: k,
+  blue130: q,
+  blue90: x,
+  display: B,
+  desktopSize: w,
+  mediumWeight: R,
+  white: z,
+  gray50: L,
+  gray10: N,
+  gray20: $,
+  black: S,
+  medium: C,
+  focus: j,
+  smBreakpoint: A,
+  signalRed100: I,
+  signalRed130: M,
+  signalRed150: O,
+  linkButton: U,
+  secondary: W,
+  tertiary: v,
+  danger: H,
+  iconBtn: V,
+  iconLeft: D,
+  fullwidth: E,
+  button: F
+}, T = ({
+  children: a,
+  variant: e,
+  fullwidth: r,
+  icon: o,
+  iconPlacement: s,
+  className: i,
+  as: f,
+  ...c
+}) => {
+  const d = f || p, l = () => o ? /* @__PURE__ */ n(
+    o,
+    {
+      size: 20,
+      className: t.icon
+    }
+  ) : c.target === "_blank" ? /* @__PURE__ */ n(
+    h,
+    {
+      size: 20,
+      className: t.icon
+    }
+  ) : s === "left" ? /* @__PURE__ */ n(
+    _,
+    {
+      size: 20,
+      className: t.icon
+    }
+  ) : /* @__PURE__ */ n(
+    g,
+    {
+      size: 20,
+      className: t.icon
+    }
+  );
+  return /* @__PURE__ */ u(
+    d,
+    {
+      className: m(
+        t.linkButton,
+        e === "primary" && t.primary,
+        e === "secondary" && t.secondary,
+        e === "tertiary" && t.tertiary,
+        e === "danger" && t.danger,
+        e === "icon" && t.iconBtn,
+        r && t.fullwidth,
+        s === "left" && t.iconLeft,
+        i
       ),
-      /* @__PURE__ */ s("span", { className: n.vsHidden, children: "Laddar, vänligen vänta." })
-    ]
-  }
-);
+      ...c,
+      children: [
+        a,
+        /* @__PURE__ */ n(l, {})
+      ]
+    }
+  );
+};
 export {
-  b as Spinner
+  T as LinkButton,
+  Z as RouterProvider
 };