@midas-ds/components 1.0.2

package/index.css

@@ -0,0 +1 @@
+._root_nq4cs_4{width:100%}._trigger_nq4cs_8{font-family:Inter,sans-serif;color:#000;background-color:transparent;border:0;padding:1.5rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;width:100%;gap:10px}._trigger_nq4cs_8:focus-visible{outline:#000000 auto 2px}._trigger_nq4cs_8 svg{transition:transform .3s cubic-bezier(.87,0,.13,1)}._trigger_nq4cs_8[data-state=open] svg{transform:rotate(180deg)}._item_nq4cs_34{font-family:Inter,sans-serif;border-style:solid;border-color:#bfbfbf;border-width:1px 0 0;overflow:hidden}._item_nq4cs_34:hover ._trigger_nq4cs_8{background-color:#e6e6e6}._item_nq4cs_34:last-child{border-width:1px 0}._content_nq4cs_52{padding:0 1.5rem;overflow:hidden}._content_nq4cs_52[data-state=open]{animation:_slideDown_nq4cs_1 .3s cubic-bezier(.87,0,.13,1);margin-bottom:1.5rem}._content_nq4cs_52[data-state=closed]{animation:_slideUp_nq4cs_1 .3s cubic-bezier(.87,0,.13,1)}@keyframes _slideDown_nq4cs_1{0%{height:0;margin-bottom:0}to{height:var(--radix--content-height);margin-bottom:1.5rem}}@keyframes _slideUp_nq4cs_1{0%{height:var(--radix--content-height);margin-bottom:1.5rem}to{height:0;margin:0}}._header_nq4cs_90{margin:0}._triggerText_nq4cs_94{margin:0;padding:0;font-size:1.25rem;font-weight:400}

package/index.d.ts

@@ -0,0 +1,29 @@
+export * from './accordion';
+export * from './breadcrumbs';
+export * from './button';
+export * from './card';
+export * from './checkbox';
+export * from './combobox';
+export * from './date-picker';
+export * from './dropdown';
+export * from './file-upload';
+export * from './flex';
+export * from './grid';
+export * from './info-banner';
+export * from './layout';
+export * from './link';
+export * from './link-button';
+export * from './logo';
+export * from './modal';
+export * from './multi-select';
+export * from './radio';
+export * from './search-field';
+export * from './select';
+export * from './spinner';
+export * from './table';
+export * from './tag';
+export * from './tabs';
+export * from './textarea';
+export * from './textfield';
+export * from './theme';
+export * from './toast';

package/index.js

@@ -0,0 +1,114 @@
+import { Accordion as e } from "./index40.js";
+import { AccordionItem as a } from "./index41.js";
+import { AccordionTrigger as p } from "./index42.js";
+import { AccordionContent as s } from "./index43.js";
+import { AccordionTagContext as i } from "./index44.js";
+import { Breadcrumbs as d } from "./index84.js";
+import { Button as c } from "./index69.js";
+import { ButtonGroup as T } from "./index70.js";
+import { Card as C } from "./index71.js";
+import { C as I } from "./Checkbox-CllWDBxF.js";
+import { CheckboxGroup as h } from "./index45.js";
+import { ComboBox as B, ComboBoxItem as S } from "./index85.js";
+import { DatePicker as A, DateRangePicker as F } from "./index90.js";
+import { Dropdown as y, DropdownItem as D } from "./index76.js";
+import { FileUpload as P } from "./index88.js";
+import { Flex as v } from "./index46.js";
+import { FlexItem as M } from "./index47.js";
+import { Grid as z } from "./index48.js";
+import { GridItem as Q } from "./index49.js";
+import { InfoBanner as $ } from "./index72.js";
+import { Header as J, Layout as K, Sidebar as N } from "./index79.js";
+import { Link as V } from "./index77.js";
+import { LinkButton as Y } from "./index78.js";
+import { Logo as _ } from "./index73.js";
+import { Modal as ro } from "./index74.js";
+import { MultiSelect as to } from "./index80.js";
+import { Radio as mo, RadioGroup as po } from "./index82.js";
+import { SearchField as so } from "./index87.js";
+import { Item as io, Select as no } from "./index81.js";
+import { Spinner as co } from "./index75.js";
+import { Cell as To, Column as uo, Row as Co, Table as go, TableBody as Io, TableHeader as Ro } from "./index89.js";
+import { T as ko, a as Bo } from "./Tag-CEd6WWSc.js";
+import { Tabs as Go } from "./index83.js";
+import { TextArea as Fo } from "./index68.js";
+import { T as yo } from "./TextField.module-Cwq1FAm7.js";
+import { I as Lo, T as Po, s as Wo } from "./TextField-C_hq9WeT.js";
+import { theme as Ho } from "./index30.js";
+import { GlobalToastRegion as jo, Toast as zo, ToastProvider as Eo, ToastRegion as Qo, toastQueue as Uo } from "./index86.js";
+import { $ as qo } from "./useFocusRing-D97-G3fT.js";
+import { j as Ko, b as No, c as Oo, d as Vo, l as Xo, h as Yo, a as Zo, k as _o, e as or, f as rr, i as er, m as tr, g as ar, s as mr } from "./tokens-CjXmpXTi.js";
+export {
+  e as Accordion,
+  s as AccordionContent,
+  a as AccordionItem,
+  i as AccordionTagContext,
+  p as AccordionTrigger,
+  d as Breadcrumbs,
+  c as Button,
+  T as ButtonGroup,
+  C as Card,
+  To as Cell,
+  I as Checkbox,
+  h as CheckboxGroup,
+  uo as Column,
+  B as ComboBox,
+  S as ComboBoxItem,
+  A as DatePicker,
+  F as DateRangePicker,
+  y as Dropdown,
+  D as DropdownItem,
+  P as FileUpload,
+  v as Flex,
+  M as FlexItem,
+  jo as GlobalToastRegion,
+  z as Grid,
+  Q as GridItem,
+  J as Header,
+  $ as InfoBanner,
+  Lo as InputWrapper,
+  io as Item,
+  K as Layout,
+  V as Link,
+  Y as LinkButton,
+  _ as Logo,
+  ro as Modal,
+  to as MultiSelect,
+  mo as Radio,
+  po as RadioGroup,
+  qo as RouterProvider,
+  Co as Row,
+  so as SearchField,
+  no as Select,
+  N as Sidebar,
+  co as Spinner,
+  go as Table,
+  Io as TableBody,
+  Ro as TableHeader,
+  Go as Tabs,
+  ko as Tag,
+  Bo as TagGroup,
+  Fo as TextArea,
+  Po as TextField,
+  yo as TextFieldStyles,
+  zo as Toast,
+  Eo as ToastProvider,
+  Qo as ToastRegion,
+  Ko as accessibility,
+  No as baseColors,
+  Oo as borderRadius,
+  Vo as borderWidths,
+  Xo as boxShadow,
+  Yo as breakpoints,
+  Zo as buttonColors,
+  _o as font,
+  or as fontSizes,
+  rr as fontWeights,
+  er as inputColor,
+  tr as midasColors,
+  ar as midasTransitions,
+  mr as signalColors,
+  Wo as ssnRegEx,
+  Ho as theme,
+  Uo as toastQueue
+};

package/index10.js

@@ -0,0 +1,4 @@
+import { SearchField as o } from "./index87.js";
+export {
+  o as SearchField
+};

package/index11.js

@@ -0,0 +1,5 @@
+import { Radio as a, RadioGroup as d } from "./index82.js";
+export {
+  a as Radio,
+  d as RadioGroup
+};

package/index12.js

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

package/index13.js

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

package/index14.js

@@ -0,0 +1,4 @@
+import { Logo as e } from "./index73.js";
+export {
+  e as Logo
+};

package/index15.js

@@ -0,0 +1,6 @@
+import { LinkButton as t } from "./index78.js";
+import { $ as f } from "./useFocusRing-D97-G3fT.js";
+export {
+  t as LinkButton,
+  f as RouterProvider
+};

package/index16.js

@@ -0,0 +1,6 @@
+import { Link as e } from "./index77.js";
+import { $ as f } from "./useFocusRing-D97-G3fT.js";
+export {
+  e as Link,
+  f as RouterProvider
+};

package/index17.js

@@ -0,0 +1,6 @@
+import { Header as a, Layout as o, Sidebar as d } from "./index79.js";
+export {
+  a as Header,
+  o as Layout,
+  d as Sidebar
+};

package/index18.js

@@ -0,0 +1,4 @@
+import { InfoBanner as r } from "./index72.js";
+export {
+  r as InfoBanner
+};

package/index19.js

@@ -0,0 +1,6 @@
+import { Grid as e } from "./index48.js";
+import { GridItem as t } from "./index49.js";
+export {
+  e as Grid,
+  t as GridItem
+};

package/index2.js

@@ -0,0 +1,8 @@
+import { GlobalToastRegion as a, Toast as e, ToastProvider as s, ToastRegion as r, toastQueue as T } from "./index86.js";
+export {
+  a as GlobalToastRegion,
+  e as Toast,
+  s as ToastProvider,
+  r as ToastRegion,
+  T as toastQueue
+};

package/index20.js

@@ -0,0 +1,6 @@
+import { Flex as r } from "./index46.js";
+import { FlexItem as m } from "./index47.js";
+export {
+  r as Flex,
+  m as FlexItem
+};

package/index21.js

@@ -0,0 +1,4 @@
+import { FileUpload as l } from "./index88.js";
+export {
+  l as FileUpload
+};

package/index22.js

@@ -0,0 +1,5 @@
+import { Dropdown as p, DropdownItem as d } from "./index76.js";
+export {
+  p as Dropdown,
+  d as DropdownItem
+};

package/index23.js

@@ -0,0 +1,5 @@
+import { DatePicker as a, DateRangePicker as t } from "./index90.js";
+export {
+  a as DatePicker,
+  t as DateRangePicker
+};

package/index24.js

@@ -0,0 +1,5 @@
+import { ComboBox as x, ComboBoxItem as b } from "./index85.js";
+export {
+  x as ComboBox,
+  b as ComboBoxItem
+};

package/index25.js

@@ -0,0 +1,6 @@
+import { C as e } from "./Checkbox-CllWDBxF.js";
+import { CheckboxGroup as p } from "./index45.js";
+export {
+  e as Checkbox,
+  p as CheckboxGroup
+};

package/index26.js

@@ -0,0 +1,6 @@
+import { Card as e } from "./index71.js";
+import { $ as a } from "./useFocusRing-D97-G3fT.js";
+export {
+  e as Card,
+  a as RouterProvider
+};

package/index27.js

@@ -0,0 +1,6 @@
+import { Button as r } from "./index69.js";
+import { ButtonGroup as u } from "./index70.js";
+export {
+  r as Button,
+  u as ButtonGroup
+};

package/index28.js

@@ -0,0 +1,4 @@
+import { Breadcrumbs as m } from "./index84.js";
+export {
+  m as Breadcrumbs
+};

package/index29.js

@@ -0,0 +1,12 @@
+import { Accordion as c } from "./index40.js";
+import { AccordionItem as e } from "./index41.js";
+import { AccordionTrigger as i } from "./index42.js";
+import { AccordionContent as x } from "./index43.js";
+import { AccordionTagContext as f } from "./index44.js";
+export {
+  c as Accordion,
+  x as AccordionContent,
+  e as AccordionItem,
+  f as AccordionTagContext,
+  i as AccordionTrigger
+};

package/index3.js

@@ -0,0 +1,8 @@
+import { T as r } from "./TextField.module-Cwq1FAm7.js";
+import { I as a, T as p, s as x } from "./TextField-C_hq9WeT.js";
+export {
+  a as InputWrapper,
+  p as TextField,
+  r as TextFieldStyles,
+  x as ssnRegEx
+};

package/index30.js

@@ -0,0 +1,20 @@
+import { t as s } from "./tokens-CjXmpXTi.js";
+import { j as r, b as e, c as n, d as b, l as d, h as l, a as m, k as f, e as h, f as p, i as C, m as c, g, s as k } from "./tokens-CjXmpXTi.js";
+const a = { ...s };
+export {
+  r as accessibility,
+  e as baseColors,
+  n as borderRadius,
+  b as borderWidths,
+  d as boxShadow,
+  l as breakpoints,
+  m as buttonColors,
+  f as font,
+  h as fontSizes,
+  p as fontWeights,
+  C as inputColor,
+  c as midasColors,
+  g as midasTransitions,
+  k as signalColors,
+  a as theme
+};

package/index31.js

@@ -0,0 +1,22 @@
+import { jsx as t } from "react/jsx-runtime";
+import { r as i } from "./react.esm-D8HpDGKP.js";
+import { j as o } from "./index-Dl1Q-tbj.js";
+import { T as a } from "./TextField-C_hq9WeT.js";
+expect.extend(o.toHaveNoViolations);
+describe("given a default TextField", () => {
+  let e;
+  beforeEach(() => {
+    e = i(
+      /* @__PURE__ */ t(
+        r,
+        {
+          label: "Label for input",
+          type: "text"
+        }
+      )
+    );
+  }), it("should have no accessibility violations", async () => {
+    expect(await o.axe(e.container)).toHaveNoViolations();
+  });
+});
+const r = (e) => /* @__PURE__ */ t(a, { ...e });

package/index32.js

@@ -0,0 +1,14 @@
+import { jsx as t } from "react/jsx-runtime";
+import { r as a } from "./react.esm-D8HpDGKP.js";
+import { TextArea as i } from "./index68.js";
+import { j as o } from "./index-Dl1Q-tbj.js";
+expect.extend(o.toHaveNoViolations);
+describe("given a default TextField", () => {
+  let e;
+  beforeEach(() => {
+    e = a(/* @__PURE__ */ t(r, { label: "Label for input" }));
+  }), it("should have no accessibility violations", async () => {
+    expect(await o.axe(e.container)).toHaveNoViolations();
+  });
+});
+const r = (e) => /* @__PURE__ */ t(i, { ...e });

package/index33.js

@@ -0,0 +1,11 @@
+import { jsx as e } from "react/jsx-runtime";
+import { r as a } from "./react.esm-D8HpDGKP.js";
+import { a as l, T as t } from "./Tag-CEd6WWSc.js";
+describe("Tag", () => {
+  it("should render successfully", () => {
+    const { baseElement: r } = a(
+      /* @__PURE__ */ e(l, { "aria-label": "label", children: /* @__PURE__ */ e(t, { textValue: "value", children: "Item A" }) })
+    );
+    expect(r).toBeTruthy();
+  });
+});

package/index34.js

@@ -0,0 +1,31 @@
+import { jsxs as i, jsx as t } from "react/jsx-runtime";
+import { r as s } from "./react.esm-D8HpDGKP.js";
+import { Tabs as a } from "./index83.js";
+import { Button as u } from "./index69.js";
+describe("Tabs", () => {
+  it("should render successfully", () => {
+    const e = {
+      defaultSelected: "Viktigt att veta",
+      label: "Följ processen",
+      tabs: ["Processen", "Viktigt att veta", "Ansök"]
+    }, { baseElement: r } = s(
+      /* @__PURE__ */ i(
+        a,
+        {
+          defaultSelected: e.defaultSelected,
+          label: e.label,
+          tabs: e.tabs,
+          children: [
+            /* @__PURE__ */ t("div", { children: "Processen går till såhär Lorem ipsum dolor sit amet consectetur adipisicing elit. Asperiores expedita, excepturi, hic modi tenetur maxime dicta omnis aliquam quas doloremque cumque repellendus iure. Eveniet reprehenderit sapiente quidem culpa nam? Vel?" }),
+            /* @__PURE__ */ t("div", { children: "Det är viktigt att veta att Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ipsum veritatis quisquam amet, rem aperiam error nostrum earum consequuntur quidem fugit. Blanditiis odit corrupti consequatur nam culpa nesciunt cupiditate autem suscipit." }),
+            /* @__PURE__ */ i("div", { children: [
+              "Ansök här: ",
+              /* @__PURE__ */ t(u, { children: "Ansök" })
+            ] })
+          ]
+        }
+      )
+    );
+    expect(r).toBeTruthy();
+  });
+});

package/index35.js

@@ -0,0 +1,8 @@
+import { jsx as r } from "react/jsx-runtime";
+import { r as o } from "./react.esm-D8HpDGKP.js";
+describe("Table", () => {
+  it("should render successfully", () => {
+    const { baseElement: e } = o(/* @__PURE__ */ r("p", { children: "Test kommer inom kort" }));
+    expect(e).toBeTruthy();
+  });
+});

package/index36.js

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

package/index37.js

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

package/index38.js

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

package/index39.js

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

package/index4.js

@@ -0,0 +1,4 @@
+import { TextArea as o } from "./index68.js";
+export {
+  o as TextArea
+};

package/index40.js

@@ -0,0 +1,16 @@
+import { jsx as r } from "react/jsx-runtime";
+import { R as t, s as a } from "./index-CgfokhRq.js";
+import { forwardRef as c } from "react";
+import { AccordionTagContext as e } from "./index44.js";
+import { c as i } from "./clsx-OuTLNxxd.js";
+const x = c(({ headingTag: m = "p", ...o }, s) => /* @__PURE__ */ r(e.Provider, { value: m, children: /* @__PURE__ */ r(
+  t,
+  {
+    className: i(a.root, ...o.className || ""),
+    ref: s,
+    ...o
+  }
+) }));
+export {
+  x as Accordion
+};

package/index41.js

@@ -0,0 +1,16 @@
+import { jsx as e } from "react/jsx-runtime";
+import { I as o, s } from "./index-CgfokhRq.js";
+import { forwardRef as t } from "react";
+import { c } from "./clsx-OuTLNxxd.js";
+const d = t((m, r) => /* @__PURE__ */ e(
+  o,
+  {
+    ref: r,
+    className: c(s.item, m.className),
+    ...m,
+    children: m.children
+  }
+));
+export {
+  d as AccordionItem
+};

package/index42.js

@@ -0,0 +1,31 @@
+import { jsx as r, jsxs as c } from "react/jsx-runtime";
+import { forwardRef as m } from "react";
+import { H as t, s as e, T as g } from "./index-CgfokhRq.js";
+import { c as n } from "./clsx-OuTLNxxd.js";
+import { useAccordionTag as d } from "./index44.js";
+import { C as f } from "./chevron-down-Cd1bkzXT.js";
+const u = m(({ children: o, ...s }, a) => {
+  const i = d();
+  return /* @__PURE__ */ r(
+    t,
+    {
+      className: e.accordionHeader,
+      asChild: !0,
+      children: /* @__PURE__ */ c(
+        g,
+        {
+          ref: a,
+          className: n(e.trigger, s.className),
+          ...s,
+          children: [
+            /* @__PURE__ */ r(i, { className: e.triggerText, children: o }),
+            /* @__PURE__ */ r(f, { size: 20 })
+          ]
+        }
+      )
+    }
+  );
+});
+export {
+  u as AccordionTrigger
+};

package/index43.js

@@ -0,0 +1,16 @@
+import { jsx as t } from "react/jsx-runtime";
+import { forwardRef as e } from "react";
+import { C as s, s as c } from "./index-CgfokhRq.js";
+import { c as m } from "./clsx-OuTLNxxd.js";
+const l = e((o, r) => /* @__PURE__ */ t(
+  s,
+  {
+    ref: r,
+    className: m(c.content, o.className),
+    ...o,
+    children: o.children
+  }
+));
+export {
+  l as AccordionContent
+};

package/index44.js

@@ -0,0 +1,6 @@
+import { createContext as o, useContext as t } from "react";
+const e = o("p"), n = () => t(e);
+export {
+  e as AccordionTagContext,
+  n as useAccordionTag
+};

package/index45.js

@@ -0,0 +1,53 @@
+import { jsx as c, jsxs as x } from "react/jsx-runtime";
+import r from "react";
+import { $ as C, s as i, a as V, C as v } from "./Checkbox-CllWDBxF.js";
+import { $ as I } from "./Group-DPMuN3h8.js";
+import { I as S } from "./TextField-C_hq9WeT.js";
+const N = ({
+  label: m,
+  description: f,
+  errorMessage: g,
+  showSelectAll: p,
+  children: s,
+  ...h
+}) => {
+  const [t, e] = r.useState(), b = () => {
+    const l = r.useContext(V), n = r.Children.toArray(s).filter(r.isValidElement).map((a) => a.props.value), A = () => t !== "all" ? (e("all"), l == null ? void 0 : l.setValue(["toggleAll", ...n])) : (e("none"), l == null ? void 0 : l.setValue([]));
+    return r.useEffect(() => {
+      var u, d;
+      const a = n.length, $ = n.length + 1, o = ((u = l == null ? void 0 : l.value) == null ? void 0 : u.length) || 0;
+      o === 0 && e("none"), o > 0 && o < a && e("some"), o !== $ && (l == null || l.removeValue("toggleAll")), o === a && !((d = l == null ? void 0 : l.value) != null && d.includes("toggleAll")) && (l == null || l.addValue("toggleAll"), e("all"));
+    }, [n.length, l == null ? void 0 : l.value]), /* @__PURE__ */ c(
+      v,
+      {
+        value: "toggleAll",
+        isSelected: t === "all",
+        isIndeterminate: t === "some",
+        onChange: () => A(),
+        children: "Välj alla"
+      }
+    );
+  };
+  return /* @__PURE__ */ c(
+    C,
+    {
+      className: i.checkboxGroup,
+      ...h,
+      children: /* @__PURE__ */ c(
+        S,
+        {
+          label: m,
+          description: f,
+          errorMessage: g,
+          children: /* @__PURE__ */ x(I, { className: i.wrap, children: [
+            p && /* @__PURE__ */ c(b, {}),
+            s
+          ] })
+        }
+      )
+    }
+  );
+};
+export {
+  N as CheckboxGroup
+};

package/index46.js

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