@midas-ds/components 1.0.2

package/index47.js

@@ -0,0 +1,27 @@
+import { jsx as e } from "react/jsx-runtime";
+import { s } from "./Flex.module-CpoxBzQX.js";
+import { c as r } from "./clsx-OuTLNxxd.js";
+const x = ({
+  children: l,
+  col: o,
+  offset: t,
+  ...c
+}) => {
+  const m = o ? `col-${o}` : "", a = t ? `offset-${t}` : "";
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: r(
+        s.col,
+        s[m],
+        s[a],
+        c.className
+      ),
+      ...c,
+      children: l
+    }
+  );
+};
+export {
+  x as FlexItem
+};

package/index48.js

@@ -0,0 +1,18 @@
+import { jsx as a } from "react/jsx-runtime";
+import { s } from "./Grid.module-Ia0e9Dix.js";
+import { c as o } from "./clsx-OuTLNxxd.js";
+const t = ({
+  children: i,
+  fluid: m = !1,
+  ...r
+}) => /* @__PURE__ */ a(
+  "div",
+  {
+    className: o(s.container, m && s.fluid, r.className),
+    ...r,
+    children: /* @__PURE__ */ a("div", { className: s.grid, children: i })
+  }
+);
+export {
+  t as Grid
+};

package/index49.js

@@ -0,0 +1,21 @@
+import { jsx as t } from "react/jsx-runtime";
+import { s as m } from "./Grid.module-Ia0e9Dix.js";
+import { c as a } from "./clsx-OuTLNxxd.js";
+const p = ({
+  children: r,
+  col: s,
+  ...o
+}) => {
+  const c = s ? `col-${s}` : "";
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      className: a(m.col, m[c], o.className),
+      ...o,
+      children: r
+    }
+  );
+};
+export {
+  p as GridItem
+};

package/index5.js

@@ -0,0 +1,5 @@
+import { T as r, a as T } from "./Tag-CEd6WWSc.js";
+export {
+  r as Tag,
+  T as TagGroup
+};

package/index50.js

@@ -0,0 +1,49 @@
+import { jsx as r } from "react/jsx-runtime";
+import { r as t } from "./react.esm-D8HpDGKP.js";
+import { MultiSelect as a } from "./index80.js";
+const o = [
+  "Apple",
+  "Banana",
+  "Kiwi",
+  "Elderflower",
+  "Nectarine",
+  "Watermelon",
+  "Pineapple",
+  "Apricot",
+  "Cloudberry",
+  "Mango",
+  "Strawberry",
+  "Blueberry",
+  "Raspberry",
+  "Blackberry",
+  "Cherry",
+  "Peach",
+  "Plum",
+  "Grape",
+  "Orange",
+  "Lemon",
+  "Lime",
+  "Coconut",
+  "Fig",
+  "Papaya",
+  "Guava",
+  "Pomegranate",
+  "Dragonfruit",
+  "Starfruit",
+  "Passionfruit"
+], i = o.map((e) => ({ name: e, id: e.toLocaleLowerCase() }));
+describe("MultiSelect", () => {
+  it("should render successfully", () => {
+    const { baseElement: e } = t(
+      /* @__PURE__ */ r(
+        a,
+        {
+          label: "Label",
+          description: "Etikett",
+          items: i
+        }
+      )
+    );
+    expect(e).toBeTruthy();
+  });
+});

package/index51.js

@@ -0,0 +1,5 @@
+describe("Modal", () => {
+  it("should pass without testing", () => {
+    expect(!0).toBe(!0);
+  });
+});

package/index52.js

@@ -0,0 +1,25 @@
+import { jsx as o } from "react/jsx-runtime";
+import { r } from "./react.esm-D8HpDGKP.js";
+import "./index-CorR1LBD.js";
+import { Logo as i } from "./index73.js";
+import { j as t } from "./index-Dl1Q-tbj.js";
+expect.extend(t.toHaveNoViolations);
+describe("given a default Logo", () => {
+  let e;
+  beforeEach(() => {
+    e = r(
+      /* @__PURE__ */ o(
+        a,
+        {
+          primary: !0,
+          background: !0
+        }
+      )
+    );
+  }), it("should render successfully", () => {
+    expect(e).toBeTruthy();
+  }), it("should have no accessibility violations", async () => {
+    expect(await t.axe(await e.findByRole("img"))).toHaveNoViolations();
+  });
+});
+const a = (e) => /* @__PURE__ */ o(i, { ...e });

package/index53.js

@@ -0,0 +1,18 @@
+import { jsx as o } from "react/jsx-runtime";
+import "./index-CorR1LBD.js";
+import { r as n } from "./react.esm-D8HpDGKP.js";
+import { j as t } from "./index-Dl1Q-tbj.js";
+import { LinkButton as a } from "./index78.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/index54.js

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

package/index55.js

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

package/index56.js

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

package/index57.js

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

package/index58.js

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

package/index59.js

@@ -0,0 +1,15 @@
+import { jsx as o } from "react/jsx-runtime";
+import { FileUpload as i } from "./index88.js";
+import "./index-CorR1LBD.js";
+import { j as t } from "./index-Dl1Q-tbj.js";
+import { r as a } from "./react.esm-D8HpDGKP.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/index6.js

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

package/index60.js

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

package/index61.js

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

package/index62.js

@@ -0,0 +1,19 @@
+import { jsx as e } from "react/jsx-runtime";
+import { r } from "./react.esm-D8HpDGKP.js";
+import { ComboBox as t, ComboBoxItem as i } from "./index85.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/index63.js

@@ -0,0 +1,22 @@
+import { jsx as o } from "react/jsx-runtime";
+import { r as a } from "./react.esm-D8HpDGKP.js";
+import "./index-CorR1LBD.js";
+import { C as t } from "./Checkbox-CllWDBxF.js";
+import { j as i } from "./index-Dl1Q-tbj.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/index64.js

@@ -0,0 +1,61 @@
+import { jsx as i } from "react/jsx-runtime";
+import "./index-CorR1LBD.js";
+import { r as o } from "./react.esm-D8HpDGKP.js";
+import { j as t } from "./index-Dl1Q-tbj.js";
+import { Card as n } from "./index71.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/index65.js

@@ -0,0 +1,15 @@
+import { jsx as t } from "react/jsx-runtime";
+import "./index-CorR1LBD.js";
+import { r as i } from "./react.esm-D8HpDGKP.js";
+import { Button as r } from "./index69.js";
+import { j as o } from "./index-Dl1Q-tbj.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/index66.js

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

package/index67.js

@@ -0,0 +1,63 @@
+import { jsx as t, jsxs as i } from "react/jsx-runtime";
+import "./index-CorR1LBD.js";
+import { j as n } from "./index-Dl1Q-tbj.js";
+import { r } from "./react.esm-D8HpDGKP.js";
+import { Accordion as c } from "./index40.js";
+import { AccordionItem as l } from "./index41.js";
+import { AccordionTrigger as s } from "./index42.js";
+import { AccordionContent as d } from "./index43.js";
+import "./index44.js";
+expect.extend(n.toHaveNoViolations);
+const h = ["One", "Two", "Three"];
+describe("given a single Accordion", () => {
+  let o, e;
+  describe("with default orientation=vertical", () => {
+    beforeEach(() => {
+      o = jest.fn(), e = r(
+        /* @__PURE__ */ t(
+          a,
+          {
+            type: "single",
+            collapsible: !0,
+            onValueChange: o
+          }
+        )
+      );
+    }), it("should have no accessibility violations in default state", async () => {
+      expect(await n.axe(e.container)).toHaveNoViolations();
+    });
+  });
+});
+describe("given a multiple Accordion", () => {
+  let o, e;
+  beforeEach(() => {
+    o = jest.fn(), e = r(
+      /* @__PURE__ */ t(
+        a,
+        {
+          type: "multiple",
+          onValueChange: o
+        }
+      )
+    );
+  }), it("should have no accessibility violations in default state", async () => {
+    expect(await n.axe(e.container)).toHaveNoViolations();
+  });
+});
+const a = (o) => /* @__PURE__ */ t(c, { ...o, children: h.map((e) => /* @__PURE__ */ i(
+  l,
+  {
+    value: e,
+    children: [
+      /* @__PURE__ */ i(s, { children: [
+        "Trigger ",
+        e
+      ] }),
+      /* @__PURE__ */ i(d, { children: [
+        "Content ",
+        e
+      ] })
+    ]
+  },
+  e
+)) });

package/index68.js

@@ -0,0 +1,85 @@
+import { jsx as n, jsxs as l } from "react/jsx-runtime";
+import { $ as y, I as k, a as _ } from "./TextField-C_hq9WeT.js";
+import { T as $ } from "./TextField.module-Cwq1FAm7.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", V = "#bfbfbf", j = "#000000", w = "#e62323", B = "#2e7ca5", S = "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: V,
+  black: j,
+  signalRed100: w,
+  blue100: B,
+  mediumWeight: S,
+  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, h = (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, b = r ? r(e) : null;
+    return c || b || !0;
+  };
+  return /* @__PURE__ */ n(
+    y,
+    {
+      className: $.inputField,
+      validate: h,
+      ...p,
+      children: /* @__PURE__ */ l(
+        k,
+        {
+          label: u,
+          description: i,
+          errorMessage: d,
+          children: [
+            /* @__PURE__ */ n(x, {}),
+            /* @__PURE__ */ n(
+              _,
+              {
+                className: o.textArea,
+                rows: f,
+                onFocus: a,
+                onChange: a
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+};
+export {
+  O as TextArea
+};

package/index69.js

@@ -0,0 +1,74 @@
+import { jsx as c, jsxs as f, Fragment as m } from "react/jsx-runtime";
+import { $ as _ } from "./Button-CCevm2s3.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/index7.js

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