@midas-ds/components 1.0.2 → 1.1.0

package/index55.js

@@ -1,25 +1,12 @@
-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", () => {
+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: e } = o(
-      /* @__PURE__ */ r(
-        t,
-        {
-          items: [],
-          title: "",
-          children: void 0,
-          headerChildren: void 0,
-          user: { name: "", title: "" },
-          app: {
-            name: "",
-            shortName: "",
-            color: void 0
-          }
-        }
-      )
+    const { baseElement: r } = t(
+      /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(o, { children: "Item" }) })
     );
-    expect(e).toBeTruthy();
+    expect(r).toBeTruthy();
   });
 });

package/index56.js

@@ -1,18 +1,15 @@
-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();
+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,11 +1,9 @@
-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", () => {
+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: e } = i(
-      /* @__PURE__ */ r(t, { children: /* @__PURE__ */ r("div", { children: "Item" }) })
-    );
-    expect(e).toBeTruthy();
+    const { baseElement: r } = o(/* @__PURE__ */ e(s, {}));
+    expect(r).toBeTruthy();
   });
 });

package/index58.js

@@ -1,12 +1,9 @@
-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", () => {
+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: r } = t(
-      /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(o, { children: "Item" }) })
-    );
-    expect(r).toBeTruthy();
+    const { baseElement: e } = t(/* @__PURE__ */ r(o, { label: "Välj ett datum" }));
+    expect(e).toBeTruthy();
   });
 });

package/index59.js

@@ -1,15 +1,19 @@
-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();
+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();
   });
 });
-const r = (e) => /* @__PURE__ */ o(i, { ...e });

package/index6.js

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

package/index60.js

@@ -1,9 +1,22 @@
-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();
+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,9 +1,61 @@
-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();
+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,19 +1,15 @@
-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();
+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,22 +1,11 @@
-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();
+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();
   });
 });
-const r = (e) => /* @__PURE__ */ o(
-  t,
-  {
-    "aria-label": "basic checkbox",
-    ...e,
-    children: "Click"
-  }
-);

package/index64.js

@@ -1,61 +1,53 @@
-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";
+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 a = { children: "Läs mer", href: "#" };
-describe("given a default card", () => {
+const l = ["One", "Two", "Three"];
+describe("given a single Accordion", () => {
   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("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 card with image", () => {
+describe("given a multiple Accordion", () => {
   let e;
   beforeEach(() => {
-    e = o(
-      /* @__PURE__ */ i(
-        r,
+    e = n(
+      /* @__PURE__ */ o(
+        a,
         {
-          title: "Rubrik",
-          content: "Lorem ipsum",
-          image: { source: "", description: "" },
-          link: a
+          variant: "uncontained",
+          type: "multiple"
         }
       )
     );
-  }), it("should have no accessibility violations", async () => {
+  }), it("should have no accessibility violations in default state", async () => {
     expect(await t.axe(e.container)).toHaveNoViolations();
   });
 });
-const r = (e) => /* @__PURE__ */ i(n, { ...e });
+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,15 +1,85 @@
-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 });
+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,11 +1,74 @@
-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();
-  });
-});
+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
+};