@midas-ds/components 1.0.3 → 1.1.0

package/index.js

@@ -1,112 +1,107 @@
-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 u } from "./index70.js";
-import { Card as C } from "./index71.js";
-import { C as I } from "./Checkbox-DnKWanep.js";
-import { CheckboxGroup as h } from "./index45.js";
-import { ComboBox as B, ComboBoxItem as G } from "./index85.js";
-import { DatePicker as A, DateRangePicker as F } from "./index90.js";
-import { Dropdown as D, DropdownItem as L } from "./index76.js";
-import { FileUpload as y } 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 uo, Column as To, Row as Co, Table as go, TableBody as Io, TableHeader as Ro } from "./index89.js";
-import { T as ko, a as Bo } from "./Tag--W5TgxmK.js";
-import { Tabs as So } from "./index83.js";
-import { TextArea as Fo } from "./index68.js";
-import { I as Do, T as Lo, s as Po } from "./TextField-DeK_yiK-.js";
-import { theme as Wo } from "./index30.js";
-import { GlobalToastRegion as Ho, Toast as Mo, ToastProvider as jo, ToastRegion as zo, toastQueue as Eo } from "./index86.js";
-import { $ as Uo } from "./useFocusRing-BKGhL91C.js";
-import { j as qo, b as Jo, c as Ko, d as No, l as Oo, h as Vo, a as Xo, k as Yo, e as Zo, f as _o, i as or, m as rr, g as er, s as tr } from "./tokens-CjXmpXTi.js";
+import './global.css';/* empty css                */
+import { theme as t } from "./index30.js";
+import { Accordion as m } from "./index40.js";
+import { AccordionItem as s } from "./index41.js";
+import { Breadcrumbs as f } from "./index81.js";
+import { Button as n } from "./index66.js";
+import { ButtonGroup as l } from "./index67.js";
+import { Card as u } from "./index68.js";
+import { C as T } from "./Checkbox-q0dugR2t.js";
+import { CheckboxGroup as g } from "./index42.js";
+import { ComboBox as R, ComboBoxItem as h } from "./index82.js";
+import { DatePicker as B, DateRangePicker as G } from "./index87.js";
+import { Dropdown as F, DropdownItem as w } from "./index73.js";
+import { FileUpload as L } from "./index85.js";
+import { Flex as y } from "./index43.js";
+import { FlexItem as W } from "./index44.js";
+import { Grid as H } from "./index45.js";
+import { GridItem as j } from "./index46.js";
+import { InfoBanner as E } from "./index69.js";
+import { Header as U, Layout as $, Sidebar as q } from "./index76.js";
+import { Link as K } from "./index74.js";
+import { LinkButton as O } from "./index75.js";
+import { Logo as X } from "./index70.js";
+import { Modal as Z } from "./index71.js";
+import { MultiSelect as oo } from "./index77.js";
+import { Radio as eo, RadioGroup as to } from "./index79.js";
+import { SearchField as mo } from "./index84.js";
+import { Item as so, Select as xo } from "./index78.js";
+import { Spinner as io } from "./index72.js";
+import { Cell as lo, Column as bo, Row as uo, Table as co, TableBody as To, TableHeader as Co } from "./index86.js";
+import { T as Io, a as Ro } from "./Tag-DWt0koFj.js";
+import { Tabs as ko } from "./index80.js";
+import { TextArea as Go } from "./index65.js";
+import { I as Fo, T as wo, s as Do } from "./TextField-CX4eOQf6.js";
+import { GlobalToastRegion as Po, Toast as yo, ToastProvider as Ao, ToastRegion as Wo, toastQueue as vo } from "./index83.js";
+import { j as Mo, b as jo, c as zo, d as Eo, l as Qo, h as Uo, a as $o, k as qo, e as Jo, f as Ko, i as No, m as Oo, g as Vo, s as Xo } from "./tokens-CjXmpXTi.js";
+import { $ as Zo } from "./useFocusRing-9PXyKy2A.js";
 export {
-  e as Accordion,
-  s as AccordionContent,
-  a as AccordionItem,
-  i as AccordionTagContext,
-  p as AccordionTrigger,
-  d as Breadcrumbs,
-  c as Button,
-  u as ButtonGroup,
-  C as Card,
-  uo as Cell,
-  I as Checkbox,
-  h as CheckboxGroup,
-  To as Column,
-  B as ComboBox,
-  G as ComboBoxItem,
-  A as DatePicker,
-  F as DateRangePicker,
-  D as Dropdown,
-  L as DropdownItem,
-  y as FileUpload,
-  v as Flex,
-  M as FlexItem,
-  Ho as GlobalToastRegion,
-  z as Grid,
-  Q as GridItem,
-  J as Header,
-  $ as InfoBanner,
-  Do 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,
-  Uo 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,
-  So as Tabs,
-  ko as Tag,
-  Bo as TagGroup,
-  Fo as TextArea,
-  Lo as TextField,
-  Mo as Toast,
-  jo as ToastProvider,
-  zo as ToastRegion,
-  qo as accessibility,
-  Jo as baseColors,
-  Ko as borderRadius,
-  No as borderWidths,
-  Oo as boxShadow,
-  Vo as breakpoints,
-  Xo as buttonColors,
-  Yo as font,
-  Zo as fontSizes,
-  _o as fontWeights,
-  or as inputColor,
-  rr as midasColors,
-  er as midasTransitions,
-  tr as signalColors,
-  Po as ssnRegEx,
-  Wo as theme,
-  Eo as toastQueue
+  m as Accordion,
+  s as AccordionItem,
+  f as Breadcrumbs,
+  n as Button,
+  l as ButtonGroup,
+  u as Card,
+  lo as Cell,
+  T as Checkbox,
+  g as CheckboxGroup,
+  bo as Column,
+  R as ComboBox,
+  h as ComboBoxItem,
+  B as DatePicker,
+  G as DateRangePicker,
+  F as Dropdown,
+  w as DropdownItem,
+  L as FileUpload,
+  y as Flex,
+  W as FlexItem,
+  Po as GlobalToastRegion,
+  H as Grid,
+  j as GridItem,
+  U as Header,
+  E as InfoBanner,
+  Fo as InputWrapper,
+  so as Item,
+  $ as Layout,
+  K as Link,
+  O as LinkButton,
+  X as Logo,
+  Z as Modal,
+  oo as MultiSelect,
+  eo as Radio,
+  to as RadioGroup,
+  Zo as RouterProvider,
+  uo as Row,
+  mo as SearchField,
+  xo as Select,
+  q as Sidebar,
+  io as Spinner,
+  co as Table,
+  To as TableBody,
+  Co as TableHeader,
+  ko as Tabs,
+  Io as Tag,
+  Ro as TagGroup,
+  Go as TextArea,
+  wo as TextField,
+  yo as Toast,
+  Ao as ToastProvider,
+  Wo as ToastRegion,
+  Mo as accessibility,
+  jo as baseColors,
+  zo as borderRadius,
+  Eo as borderWidths,
+  Qo as boxShadow,
+  Uo as breakpoints,
+  $o as buttonColors,
+  qo as font,
+  Jo as fontSizes,
+  Ko as fontWeights,
+  No as inputColor,
+  Oo as midasColors,
+  Vo as midasTransitions,
+  Xo as signalColors,
+  Do as ssnRegEx,
+  t as theme,
+  vo as toastQueue
 };

package/index10.js

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

package/index11.js

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

package/index12.js

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

package/index13.js

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

package/index14.js

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

package/index15.js

@@ -1,5 +1,5 @@
-import { LinkButton as t } from "./index78.js";
-import { $ as f } from "./useFocusRing-BKGhL91C.js";
+import { LinkButton as t } from "./index75.js";
+import { $ as f } from "./useFocusRing-9PXyKy2A.js";
 export {
   t as LinkButton,
   f as RouterProvider

package/index16.js

@@ -1,5 +1,5 @@
-import { Link as e } from "./index77.js";
-import { $ as f } from "./useFocusRing-BKGhL91C.js";
+import { Link as e } from "./index74.js";
+import { $ as f } from "./useFocusRing-9PXyKy2A.js";
 export {
   e as Link,
   f as RouterProvider

package/index17.js

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

package/index18.js

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

package/index19.js

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

package/index2.js

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

package/index20.js

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

package/index21.js

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

package/index22.js

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

package/index23.js

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

package/index24.js

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

package/index25.js

@@ -1,5 +1,5 @@
-import { C as e } from "./Checkbox-DnKWanep.js";
-import { CheckboxGroup as p } from "./index45.js";
+import { C as e } from "./Checkbox-q0dugR2t.js";
+import { CheckboxGroup as p } from "./index42.js";
 export {
   e as Checkbox,
   p as CheckboxGroup

package/index26.js

@@ -1,5 +1,5 @@
-import { Card as e } from "./index71.js";
-import { $ as a } from "./useFocusRing-BKGhL91C.js";
+import { Card as e } from "./index68.js";
+import { $ as a } from "./useFocusRing-9PXyKy2A.js";
 export {
   e as Card,
   a as RouterProvider

package/index27.js

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

package/index28.js

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

package/index29.js

@@ -1,12 +1,6 @@
 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";
+import { AccordionItem as m } from "./index41.js";
 export {
   c as Accordion,
-  x as AccordionContent,
-  e as AccordionItem,
-  f as AccordionTagContext,
-  i as AccordionTrigger
+  m as AccordionItem
 };

package/index3.js

@@ -1,4 +1,4 @@
-import { I as a, T as p, s as r } from "./TextField-DeK_yiK-.js";
+import { I as a, T as p, s as r } from "./TextField-CX4eOQf6.js";
 export {
   a as InputWrapper,
   p as TextField,

package/index30.js

@@ -1,20 +1,21 @@
+import './global.css';/* empty css                */
 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 };
+import { j as e, b as n, c as b, d, l, h as m, a as f, k as p, e as h, f as C, i as c, m as g, g as k, s as u } from "./tokens-CjXmpXTi.js";
+const t = { ...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,
+  e as accessibility,
+  n as baseColors,
+  b as borderRadius,
+  d as borderWidths,
+  l as boxShadow,
+  m as breakpoints,
+  f as buttonColors,
+  p as font,
   h as fontSizes,
-  p as fontWeights,
-  C as inputColor,
-  c as midasColors,
-  g as midasTransitions,
-  k as signalColors,
-  a as theme
+  C as fontWeights,
+  c as inputColor,
+  g as midasColors,
+  k as midasTransitions,
+  u as signalColors,
+  t as theme
 };

package/index31.js

@@ -1,7 +1,7 @@
 import { jsx as t } from "react/jsx-runtime";
 import { r as i } from "./react.esm-sMU8Z7rL.js";
 import { j as o } from "./index-KSgQWWiy.js";
-import { T as a } from "./TextField-DeK_yiK-.js";
+import { T as a } from "./TextField-CX4eOQf6.js";
 expect.extend(o.toHaveNoViolations);
 describe("given a default TextField", () => {
   let e;

package/index32.js

@@ -1,6 +1,6 @@
 import { jsx as t } from "react/jsx-runtime";
 import { r as a } from "./react.esm-sMU8Z7rL.js";
-import { TextArea as i } from "./index68.js";
+import { TextArea as i } from "./index65.js";
 import { j as o } from "./index-KSgQWWiy.js";
 expect.extend(o.toHaveNoViolations);
 describe("given a default TextField", () => {

package/index33.js

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
 import { r as a } from "./react.esm-sMU8Z7rL.js";
-import { a as l, T as t } from "./Tag--W5TgxmK.js";
+import { a as l, T as t } from "./Tag-DWt0koFj.js";
 describe("Tag", () => {
   it("should render successfully", () => {
     const { baseElement: r } = a(

package/index34.js

@@ -1,7 +1,7 @@
 import { jsxs as i, jsx as t } from "react/jsx-runtime";
 import { r as s } from "./react.esm-sMU8Z7rL.js";
-import { Tabs as a } from "./index83.js";
-import { Button as u } from "./index69.js";
+import { Tabs as a } from "./index80.js";
+import { Button as u } from "./index66.js";
 describe("Tabs", () => {
   it("should render successfully", () => {
     const e = {

package/index36.js

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

package/index37.js

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
 import { r as t } from "./react.esm-sMU8Z7rL.js";
-import { Select as i, Item as l } from "./index81.js";
+import { Select as i, Item as l } from "./index78.js";
 describe("Select", () => {
   it("should render successfully", () => {
     const { baseElement: r } = t(

package/index38.js

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

package/index39.js

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

package/index4.js

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

package/index40.js

@@ -1,16 +1,23 @@
-import { jsx as r } from "react/jsx-runtime";
-import { R as t, s as a } from "./index-DK9ZACEc.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,
+import { jsx as a } from "react/jsx-runtime";
+import { $ as c, s as o } from "./Disclosure-dAZYXyTH.js";
+import { c as r } from "./clsx-OuTLNxxd.js";
+const f = ({
+  variant: e = "uncontained",
+  type: n = "single",
+  children: t,
+  ...s
+}) => /* @__PURE__ */ a(
+  c,
   {
-    className: i(a.root, ...o.className || ""),
-    ref: s,
-    ...o
+    allowsMultipleExpanded: n === "multiple",
+    className: r(
+      o.root,
+      e === "contained" ? o.contained : o.uncontained
+    ),
+    ...s,
+    children: t
   }
-) }));
+);
 export {
-  x as Accordion
+  f as Accordion
 };

package/index41.js

@@ -1,16 +1,63 @@
-import { jsx as e } from "react/jsx-runtime";
-import { I as o, s } from "./index-DK9ZACEc.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
-  }
-));
+import { jsxs as o, jsx as t } from "react/jsx-runtime";
+import * as a from "react";
+import { a as d, s as e, b as $ } from "./Disclosure-dAZYXyTH.js";
+import { $ as h } from "./Heading-RCRHv6hd.js";
+import { Button as g } from "./index66.js";
+import { c as n } from "./clsx-OuTLNxxd.js";
+import { C as u } from "./chevron-down-Cd1bkzXT.js";
+const R = ({
+  title: c,
+  children: i,
+  className: f,
+  headingLevel: l = 3,
+  ...m
+}) => {
+  const r = a.useRef(null), [s, p] = a.useState(0);
+  return a.useLayoutEffect(() => {
+    r.current && p(r.current.clientHeight);
+  }, []), /* @__PURE__ */ o(
+    d,
+    {
+      ...m,
+      className: n(e.item, f),
+      children: [
+        /* @__PURE__ */ t(
+          h,
+          {
+            level: l,
+            className: e.trigger,
+            children: /* @__PURE__ */ o(
+              g,
+              {
+                slot: "trigger",
+                variant: "icon",
+                children: [
+                  /* @__PURE__ */ t(u, { size: 20 }),
+                  /* @__PURE__ */ t("span", { className: e.triggerText, children: c })
+                ]
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ t(
+          $,
+          {
+            style: { "--panel-height": `${s}px` },
+            className: n(e.panel, s === 0 && e.panel0),
+            children: /* @__PURE__ */ t(
+              "div",
+              {
+                ref: r,
+                className: e.content,
+                children: i
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+};
 export {
-  d as AccordionItem
+  R as AccordionItem
 };