@midas-ds/components 1.1.0 → 1.3.0

package/index50.js

@@ -1,18 +0,0 @@
-import { jsx as o } from "react/jsx-runtime";
-import "./index-BPdc9gJ8.js";
-import { r as n } from "./react.esm-sMU8Z7rL.js";
-import { j as t } from "./index-KSgQWWiy.js";
-import { LinkButton as a } from "./index75.js";
-expect.extend(t.toHaveNoViolations);
-describe("given a default link", () => {
-  let e, i;
-  beforeEach(() => {
-    e = n(/* @__PURE__ */ o(r, { onPress: i }));
-  }), it("should have no accessibility violations", async () => {
-    expect(await t.axe(e.container)).toHaveNoViolations();
-  });
-});
-const r = (e) => (
-  // @ts-ignore
-  /* @__PURE__ */ o(a, { ...e, children: "Click" })
-);

package/index51.js

@@ -1,9 +0,0 @@
-import { jsx as r } from "react/jsx-runtime";
-import { r as i } from "./react.esm-sMU8Z7rL.js";
-import { Link as o } from "./index74.js";
-describe("Link", () => {
-  it("should render successfully", () => {
-    const { baseElement: e } = i(/* @__PURE__ */ r(o, { children: "Link" }));
-    expect(e).toBeTruthy();
-  });
-});

package/index52.js

@@ -1,25 +0,0 @@
-import { jsx as r } from "react/jsx-runtime";
-import { r as t } from "./react.esm-sMU8Z7rL.js";
-import { Layout as d } from "./index76.js";
-describe("Sidebar", () => {
-  it("should render successfully", () => {
-    const { baseElement: e } = t(
-      /* @__PURE__ */ r(
-        d,
-        {
-          items: [],
-          title: "",
-          children: void 0,
-          headerChildren: void 0,
-          user: { name: "", title: "" },
-          app: {
-            name: "",
-            shortName: "",
-            color: void 0
-          }
-        }
-      )
-    );
-    expect(e).toBeTruthy();
-  });
-});

package/index53.js

@@ -1,18 +0,0 @@
-import { jsx as r } from "react/jsx-runtime";
-import { r as s } from "./react.esm-sMU8Z7rL.js";
-import { InfoBanner as t } from "./index69.js";
-describe("InfoBanner", () => {
-  it("should render successfully", () => {
-    const { baseElement: e } = s(
-      /* @__PURE__ */ r(
-        t,
-        {
-          type: "info",
-          title: "Title",
-          message: "Message"
-        }
-      )
-    );
-    expect(e).toBeTruthy();
-  });
-});

package/index54.js

@@ -1,11 +0,0 @@
-import { jsx as r } from "react/jsx-runtime";
-import { r as i } from "./react.esm-sMU8Z7rL.js";
-import { Grid as t } from "./index45.js";
-describe("Grid", () => {
-  it("should render successfully", () => {
-    const { baseElement: e } = i(
-      /* @__PURE__ */ r(t, { children: /* @__PURE__ */ r("div", { children: "Item" }) })
-    );
-    expect(e).toBeTruthy();
-  });
-});

package/index55.js

@@ -1,12 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-import { r as t } from "./react.esm-sMU8Z7rL.js";
-import { Flex as m } from "./index43.js";
-import { FlexItem as o } from "./index44.js";
-describe("Flex", () => {
-  it("should render successfully", () => {
-    const { baseElement: r } = t(
-      /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(o, { children: "Item" }) })
-    );
-    expect(r).toBeTruthy();
-  });
-});

package/index56.js

@@ -1,15 +0,0 @@
-import { jsx as o } from "react/jsx-runtime";
-import { FileUpload as i } from "./index85.js";
-import "./index-BPdc9gJ8.js";
-import { j as t } from "./index-KSgQWWiy.js";
-import { r as a } from "./react.esm-sMU8Z7rL.js";
-expect.extend(t.toHaveNoViolations);
-describe("given default fileupload", () => {
-  let e;
-  beforeEach(() => {
-    e = a(/* @__PURE__ */ o(r, { label: "Etikett" }));
-  }), it("should have no accessibility violations", async () => {
-    expect(await t.axe(e.container)).toHaveNoViolations();
-  });
-});
-const r = (e) => /* @__PURE__ */ o(i, { ...e });

package/index57.js

@@ -1,9 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-import { r as o } from "./react.esm-sMU8Z7rL.js";
-import { Dropdown as s } from "./index73.js";
-describe("Dropdown", () => {
-  it("should render successfully", () => {
-    const { baseElement: r } = o(/* @__PURE__ */ e(s, {}));
-    expect(r).toBeTruthy();
-  });
-});

package/index58.js

@@ -1,9 +0,0 @@
-import { jsx as r } from "react/jsx-runtime";
-import { r as t } from "./react.esm-sMU8Z7rL.js";
-import { DatePicker as o } from "./index87.js";
-describe("DatePicker", () => {
-  it("should render successfully", () => {
-    const { baseElement: e } = t(/* @__PURE__ */ r(o, { label: "Välj ett datum" }));
-    expect(e).toBeTruthy();
-  });
-});

package/index59.js

@@ -1,19 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-import { r } from "./react.esm-sMU8Z7rL.js";
-import { ComboBox as t, ComboBoxItem as i } from "./index82.js";
-describe("Combobox", () => {
-  it("should render successfully", () => {
-    const { baseElement: o } = r(
-      /* @__PURE__ */ e(
-        t,
-        {
-          description: "Beskrivning",
-          label: "Etikett",
-          placeholder: "One item...",
-          children: /* @__PURE__ */ e(i, { children: "Item A" })
-        }
-      )
-    );
-    expect(o).toBeTruthy();
-  });
-});

package/index6.js

@@ -1,4 +0,0 @@
-import { Tabs as a } from "./index80.js";
-export {
-  a as Tabs
-};

package/index60.js

@@ -1,22 +0,0 @@
-import { jsx as o } from "react/jsx-runtime";
-import { r as a } from "./react.esm-sMU8Z7rL.js";
-import "./index-BPdc9gJ8.js";
-import { C as t } from "./Checkbox-q0dugR2t.js";
-import { j as i } from "./index-KSgQWWiy.js";
-expect.extend(i.toHaveNoViolations);
-describe("given a default Checkbox", () => {
-  let e;
-  beforeEach(() => {
-    e = a(/* @__PURE__ */ o(r, {}));
-  }), it("should have no accessibility violations", async () => {
-    expect(await i.axe(e.container)).toHaveNoViolations();
-  });
-});
-const r = (e) => /* @__PURE__ */ o(
-  t,
-  {
-    "aria-label": "basic checkbox",
-    ...e,
-    children: "Click"
-  }
-);

package/index61.js

@@ -1,61 +0,0 @@
-import { jsx as i } from "react/jsx-runtime";
-import "./index-BPdc9gJ8.js";
-import { r as o } from "./react.esm-sMU8Z7rL.js";
-import { j as t } from "./index-KSgQWWiy.js";
-import { Card as n } from "./index68.js";
-expect.extend(t.toHaveNoViolations);
-const a = { children: "Läs mer", href: "#" };
-describe("given a default card", () => {
-  let e;
-  beforeEach(() => {
-    e = o(
-      /* @__PURE__ */ i(
-        r,
-        {
-          title: "Rubrik",
-          content: "Lorem ipsum",
-          link: a
-        }
-      )
-    );
-  }), it("should have no accessibility violations", async () => {
-    expect(await t.axe(e.container)).toHaveNoViolations();
-  });
-});
-describe("given a card with background", () => {
-  let e;
-  beforeEach(() => {
-    e = o(
-      /* @__PURE__ */ i(
-        r,
-        {
-          title: "Rubrik",
-          content: "Lorem ipsum",
-          background: !0,
-          link: a
-        }
-      )
-    );
-  }), it("should have no accessibility violations", async () => {
-    expect(await t.axe(e.container)).toHaveNoViolations();
-  });
-});
-describe("given a card with image", () => {
-  let e;
-  beforeEach(() => {
-    e = o(
-      /* @__PURE__ */ i(
-        r,
-        {
-          title: "Rubrik",
-          content: "Lorem ipsum",
-          image: { source: "", description: "" },
-          link: a
-        }
-      )
-    );
-  }), it("should have no accessibility violations", async () => {
-    expect(await t.axe(e.container)).toHaveNoViolations();
-  });
-});
-const r = (e) => /* @__PURE__ */ i(n, { ...e });

package/index62.js

@@ -1,15 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-import "./index-BPdc9gJ8.js";
-import { r as i } from "./react.esm-sMU8Z7rL.js";
-import { Button as r } from "./index66.js";
-import { j as o } from "./index-KSgQWWiy.js";
-expect.extend(o.toHaveNoViolations);
-describe("given a default button", () => {
-  let e;
-  beforeEach(() => {
-    e = i(/* @__PURE__ */ t(a, { children: "Click me!" }));
-  }), it("should have no accessibility violations", async () => {
-    expect(await o.axe(e.container)).toHaveNoViolations();
-  });
-});
-const a = (e) => /* @__PURE__ */ t(r, { ...e });

package/index63.js

@@ -1,11 +0,0 @@
-import { jsx as r } from "react/jsx-runtime";
-import { r as s } from "./react.esm-sMU8Z7rL.js";
-import { Breadcrumbs as t } from "./index81.js";
-describe("Breadcrumbs", () => {
-  it("should render successfully", () => {
-    const { baseElement: e } = s(
-      /* @__PURE__ */ r(t, { items: [{ title: "Länk", href: "#" }] })
-    );
-    expect(e).toBeTruthy();
-  });
-});

package/index64.js

@@ -1,53 +0,0 @@
-import { jsx as o, jsxs as r } from "react/jsx-runtime";
-import "./index-BPdc9gJ8.js";
-import { j as t } from "./index-KSgQWWiy.js";
-import { r as n } from "./react.esm-sMU8Z7rL.js";
-import { Accordion as c } from "./index40.js";
-import { AccordionItem as s } from "./index41.js";
-expect.extend(t.toHaveNoViolations);
-const l = ["One", "Two", "Three"];
-describe("given a single Accordion", () => {
-  let e;
-  describe("with default orientation=vertical", () => {
-    beforeEach(() => {
-      e = n(
-        /* @__PURE__ */ o(
-          a,
-          {
-            variant: "uncontained",
-            type: "single"
-          }
-        )
-      );
-    }), it("should have no accessibility violations in default state", async () => {
-      expect(await t.axe(e.container)).toHaveNoViolations();
-    });
-  });
-});
-describe("given a multiple Accordion", () => {
-  let e;
-  beforeEach(() => {
-    e = n(
-      /* @__PURE__ */ o(
-        a,
-        {
-          variant: "uncontained",
-          type: "multiple"
-        }
-      )
-    );
-  }), it("should have no accessibility violations in default state", async () => {
-    expect(await t.axe(e.container)).toHaveNoViolations();
-  });
-});
-const a = (e) => /* @__PURE__ */ o(c, { ...e, children: l.map((i) => /* @__PURE__ */ r(
-  s,
-  {
-    title: "En öppningsbar panel " + i.toLocaleLowerCase(),
-    children: [
-      "Innehåll i öppningsbarpanel ",
-      i
-    ]
-  },
-  i
-)) });

package/index65.js

@@ -1,85 +0,0 @@
-import { jsx as n, jsxs as l } from "react/jsx-runtime";
-import { $ as y, I as $, a as k } from "./TextField-CX4eOQf6.js";
-import { T as _ } from "./TextField.module-DdICj682.js";
-import * as E from "react";
-import { c as A } from "./clsx-OuTLNxxd.js";
-import './TextArea.css';const R = '"../theme/tokens.css"', T = '"Inter", sans-serif', W = "#ffdfdf", F = "(max-width: 767px)", I = "#f2f2f2", N = "#e6e6e6", S = "#bfbfbf", V = "#000000", j = "#e62323", w = "#2e7ca5", B = "500", v = "400", D = "#1f1f1f", q = "0 0 0 2px #ffffff, 0 0 0 4px #000000", z = "_textArea_1tbo6_4", G = "_count_1tbo6_40", H = "_countExceeded_1tbo6_48", o = {
-  tokens: R,
-  display: T,
-  signalRed10: W,
-  smBreakpoint: F,
-  gray10: I,
-  gray20: N,
-  gray50: S,
-  black: V,
-  signalRed100: j,
-  blue100: w,
-  mediumWeight: B,
-  regularWeight: v,
-  inputText: D,
-  focus: q,
-  textArea: z,
-  count: G,
-  countExceeded: H
-}, O = ({
-  label: u,
-  description: i,
-  rows: f,
-  maxCharacters: t,
-  errorMessage: d,
-  showCounter: g,
-  validate: r,
-  ...p
-}) => {
-  const [s, m] = E.useState(""), a = (e) => {
-    const c = e.target.value;
-    m(c);
-  }, x = () => t ? /* @__PURE__ */ l(
-    "span",
-    {
-      className: A(
-        o.count,
-        s.length > t && o.countExceeded
-      ),
-      children: [
-        s.length,
-        " / ",
-        t
-      ]
-    }
-  ) : g ? /* @__PURE__ */ n("span", { className: o.count, children: s.length }) : null, b = (e) => {
-    const c = t && e.length > t ? `Du har angett ${e.length - t} tecken för mycket. Fältet är begränsat till ${t} tecken.` : null, h = r ? r(e) : null;
-    return c || h || !0;
-  };
-  return /* @__PURE__ */ n(
-    y,
-    {
-      className: _.inputField,
-      validate: b,
-      ...p,
-      children: /* @__PURE__ */ l(
-        $,
-        {
-          label: u,
-          description: i,
-          errorMessage: d,
-          children: [
-            /* @__PURE__ */ n(x, {}),
-            /* @__PURE__ */ n(
-              k,
-              {
-                className: o.textArea,
-                rows: f,
-                onFocus: a,
-                onChange: a
-              }
-            )
-          ]
-        }
-      )
-    }
-  );
-};
-export {
-  O as TextArea
-};

package/index66.js

@@ -1,74 +0,0 @@
-import { jsx as c, jsxs as f, Fragment as m } from "react/jsx-runtime";
-import { $ as _ } from "./Button-DL6nqUco.js";
-import { c as g } from "./clsx-OuTLNxxd.js";
-import './Button.css';const y = '"../theme/tokens.css"', u = "#143c50", b = "#25607f", h = "#4289ad", p = '"Inter", sans-serif', R = "1rem", k = "500", x = "#ffffff", w = "#bfbfbf", B = "#f2f2f2", v = "#e6e6e6", $ = "#000000", z = "undefined", S = "(max-width: 767px)", j = "0 0 0 2px #ffffff, 0 0 0 4px #000000", W = "#e62323", F = "#b31b1b", I = "#801313", N = "_button_1tedv_4", q = "_primary_1tedv_36", A = "_secondary_1tedv_42", D = "_tertiary_1tedv_66", E = "_iconBtn_1tedv_88", G = "_danger_1tedv_109", H = "_iconRight_1tedv_131", J = "_fullwidth_1tedv_135", K = "_small_1tedv_139", t = {
-  tokens: y,
-  blue150: u,
-  blue130: b,
-  blue90: h,
-  display: p,
-  desktopSize: R,
-  mediumWeight: k,
-  white: x,
-  gray50: w,
-  gray10: B,
-  gray20: v,
-  black: $,
-  medium: z,
-  smBreakpoint: S,
-  focus: j,
-  signalRed100: W,
-  signalRed130: F,
-  signalRed150: I,
-  button: N,
-  primary: q,
-  secondary: A,
-  tertiary: D,
-  iconBtn: E,
-  danger: G,
-  iconRight: H,
-  fullwidth: J,
-  small: K
-}, P = ({
-  variant: e = "primary",
-  fullwidth: i,
-  className: r,
-  iconPlacement: d,
-  size: n,
-  icon: s,
-  iconSize: a,
-  ...o
-}) => {
-  const l = n === "small" ? 14 : a || 20;
-  return /* @__PURE__ */ c(
-    _,
-    {
-      className: g(
-        t.button,
-        e === "primary" && t.primary,
-        e === "secondary" && t.secondary,
-        e === "tertiary" && t.tertiary,
-        e === "danger" && t.danger,
-        e === "icon" && t.iconBtn,
-        i && t.fullwidth,
-        n === "small" && t.small,
-        d === "right" && t.iconRight,
-        r
-      ),
-      ...o,
-      children: /* @__PURE__ */ f(m, { children: [
-        s && /* @__PURE__ */ c(
-          s,
-          {
-            "aria-hidden": !0,
-            size: l
-          }
-        ),
-        o.children
-      ] })
-    }
-  );
-};
-export {
-  P as Button
-};

package/index67.js

@@ -1,24 +0,0 @@
-import { jsx as n } from "react/jsx-runtime";
-import { c as e } from "./clsx-OuTLNxxd.js";
-import './ButtonGroup.css';const p = '"../theme/tokens.css"', a = "(max-width: 767px)", u = "_buttonGroup_5pd8y_4", c = {
-  tokens: p,
-  smBreakpoint: a,
-  buttonGroup: u
-}, l = ({
-  children: o,
-  className: t,
-  "aria-label": s,
-  ...r
-}) => /* @__PURE__ */ n(
-  "div",
-  {
-    role: "group",
-    "aria-label": s,
-    className: e(c.buttonGroup, t),
-    ...r,
-    children: o
-  }
-);
-export {
-  l as ButtonGroup
-};

package/index68.js

@@ -1,69 +0,0 @@
-import { jsxs as o, jsx as s } from "react/jsx-runtime";
-import { Link as _ } from "./index74.js";
-import { c as m } from "./clsx-OuTLNxxd.js";
-import { $ as B } from "./useFocusRing-9PXyKy2A.js";
-import './Card.css';const g = '"../theme/tokens.css"', h = '"Inter", sans-serif', b = "#ffffff", u = "#e6e6e6", k = "#f2f2f2", p = "#1f1f1f", v = "#d5e5ed", x = "#000000", y = "500", j = "250ms", N = "_card_vbecj_4", T = "_content_vbecj_33", w = "_heading_vbecj_39", L = "_image_vbecj_47", W = "_background_vbecj_56", C = "_text_vbecj_60", t = {
-  tokens: g,
-  display: h,
-  white: b,
-  gray20: u,
-  gray10: k,
-  gray150: p,
-  blue20: v,
-  black: x,
-  mediumWeight: y,
-  fastTransition: j,
-  card: N,
-  content: T,
-  heading: w,
-  image: L,
-  background: W,
-  text: C
-}, q = ({
-  image: e,
-  background: a,
-  title: r,
-  content: i,
-  link: d,
-  headingTag: l = "h1",
-  customImageComponent: c,
-  customLinkComponent: f,
-  ...n
-}) => /* @__PURE__ */ o(
-  "div",
-  {
-    className: m(
-      t.card,
-      a && t.background,
-      n.className
-    ),
-    ...n,
-    children: [
-      /* @__PURE__ */ o("div", { className: t.content, children: [
-        c || (e == null ? void 0 : e.source) && /* @__PURE__ */ s(
-          "img",
-          {
-            src: e.source,
-            alt: e.description,
-            className: t.image
-          }
-        ),
-        /* @__PURE__ */ s(l, { className: t.heading, children: r }),
-        /* @__PURE__ */ s("p", { className: t.text, children: i })
-      ] }),
-      /* @__PURE__ */ s(
-        _,
-        {
-          ...d,
-          standalone: !0,
-          stretched: !0,
-          as: f
-        }
-      )
-    ]
-  }
-);
-export {
-  q as Card,
-  B as RouterProvider
-};

package/index69.js

@@ -1,80 +0,0 @@
-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 "./index66.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", S = "#e62323", Y = "#000000", j = "600", y = "_infoBanner_cn873_4", z = "_success_cn873_12", A = "_info_cn873_4", T = "_important_cn873_22", W = "_warning_cn873_27", $ = "_content_cn873_36", M = "_heading_cn873_42", P = "_text_cn873_47", X = "_icon_cn873_52", q = "_dismissable_cn873_57", n = {
-  tokens: b,
-  display: x,
-  signalGreen10: N,
-  signalGreen100: k,
-  signalBlue10: v,
-  signalBlue100: I,
-  signalYellow10: R,
-  signalYellow100: C,
-  signalRed10: G,
-  signalRed100: S,
-  black: Y,
-  semiBoldWeight: j,
-  infoBanner: y,
-  success: z,
-  info: A,
-  important: T,
-  warning: W,
-  content: $,
-  heading: M,
-  text: P,
-  icon: X,
-  dismissable: q
-}, D = {
-  success: u,
-  info: p,
-  important: B,
-  warning: w
-}, L = ({
-  title: c,
-  message: a,
-  type: i,
-  children: t,
-  dismissable: l = !1,
-  ...o
-}) => {
-  const r = D[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;
-};
-export {
-  L as InfoBanner
-};

package/index7.js

@@ -1,9 +0,0 @@
-import { Cell as o, Column as a, Row as b, Table as r, TableBody as T, TableHeader as d } from "./index86.js";
-export {
-  o as Cell,
-  a as Column,
-  b as Row,
-  r as Table,
-  T as TableBody,
-  d as TableHeader
-};