@midas-ds/components 16.6.5 → 16.7.0

package/CHANGELOG.md

@@ -1,3 +1,27 @@
+## 16.7.0 (2026-02-05)
+
+### 🚀 Features
+
+- **components, breadcrumbs:** refactor breadcrumbs into separate components ([cdf22d5ff3](https://github.com/migrationsverket/midas/commit/cdf22d5ff3))
+
+### 📖 Documentation changes
+
+- **breadcrumbs:** update story ([50ea1c6692](https://github.com/migrationsverket/midas/commit/50ea1c6692))
+
+### 🔧 Maintenance
+
+- **components,breadcrumbs:** remove unnecessary exports ([12954b4cac](https://github.com/migrationsverket/midas/commit/12954b4cac))
+- **breadcrumbs:** remove generic constraint ([bea4f078fd](https://github.com/migrationsverket/midas/commit/bea4f078fd))
+- **breadcrumbs:** change semver in deprecation comment ([cac24ef9fc](https://github.com/migrationsverket/midas/commit/cac24ef9fc))
+
+### 🧪 Tests updated
+
+- **components, breadcrumbs:** change locator to getByRole ([b7122715a4](https://github.com/migrationsverket/midas/commit/b7122715a4))
+
+### 🧱 Updated Dependencies
+
+- Updated theme to 3.10.5
+
 ## 16.6.5 (2026-02-04)
 
 ### 🧱 Updated Dependencies

package/breadcrumbs/Breadcrumb.d.ts

@@ -0,0 +1,3 @@
+import { BreadcrumbProps as AriaBreadcrumbProps } from 'react-aria-components';
+export type BreadcrumbProps = AriaBreadcrumbProps;
+export declare const Breadcrumb: ({ className, ...rest }: BreadcrumbProps) => import("react/jsx-runtime").JSX.Element;

package/breadcrumbs/Breadcrumbs.d.ts

@@ -1,10 +1,9 @@
 import { BreadcrumbsProps as AriaBreadcrumbsProps } from 'react-aria-components';
+/** @deprecated since v16.6.3 Use the compound `<Breadcrumbs>` + `<Breadcrumb>` API instead. */
 export interface BreadcrumbItem {
     href: string;
     title: string;
     isDisabled?: boolean;
 }
-export interface BreadcrumbsProps<T extends BreadcrumbItem> extends AriaBreadcrumbsProps<T> {
-    items: T[];
-}
-export declare const Breadcrumbs: <T extends BreadcrumbItem>({ items, className, ...rest }: BreadcrumbsProps<T>) => import("react/jsx-runtime").JSX.Element;
+export type BreadcrumbsProps<T> = AriaBreadcrumbsProps<T>;
+export declare const Breadcrumbs: <T extends object>({ className, ...rest }: BreadcrumbsProps<T>) => import("react/jsx-runtime").JSX.Element;

package/breadcrumbs/Breadcrumbs.stories.d.ts

@@ -1,8 +1,16 @@
 import { StoryObj } from '@storybook/react-vite';
 import { Breadcrumbs } from './Breadcrumbs';
-type Story = StoryObj<typeof Breadcrumbs>;
+type Item = {
+    title: string;
+    href: string;
+};
+type Story = StoryObj<typeof Breadcrumbs<Item>>;
 declare const _default: {
-    component: <T extends import('./Breadcrumbs').BreadcrumbItem>({ items, className, ...rest }: import('./Breadcrumbs').BreadcrumbsProps<T>) => import("react/jsx-runtime").JSX.Element;
+    component: <T extends object>({ className, ...rest }: import('./Breadcrumbs').BreadcrumbsProps<T>) => import("react/jsx-runtime").JSX.Element;
+    subcomponents: {
+        Breadcrumb: ({ className, ...rest }: import('./Breadcrumb').BreadcrumbProps) => import("react/jsx-runtime").JSX.Element;
+        Link: <C extends React.ElementType = (props: import('react-aria-components').LinkProps & React.RefAttributes<HTMLAnchorElement>) => React.ReactElement | null>({ children, standalone, target, stretched, download, icon: customIcon, className, as, ...rest }: import('..').LinkProps<C>) => import("react/jsx-runtime").JSX.Element;
+    };
     title: string;
     tags: string[];
     args: {
@@ -10,6 +18,7 @@ declare const _default: {
             title: string;
             href: string;
         }[];
+        children: (item: Item) => import("react/jsx-runtime").JSX.Element;
     };
 };
 export default _default;

package/breadcrumbs/index.d.ts

@@ -1,2 +1,2 @@
 export * from './Breadcrumbs';
-export type { BreadcrumbItem, BreadcrumbsProps } from './Breadcrumbs';
+export * from './Breadcrumb';

package/breadcrumbs/index.js

@@ -1,4 +1,5 @@
-import { B as e } from "../chunks/Breadcrumbs-DFwP6lAP.js";
+import { B as e, a as m } from "../chunks/Breadcrumb-BQ_nyDfo.js";
 export {
-  e as Breadcrumbs
+  e as Breadcrumb,
+  m as Breadcrumbs
 };

package/chunks/Breadcrumb-BQ_nyDfo.js

@@ -0,0 +1,58 @@
+import { jsx as n } from "react/jsx-runtime";
+import { Breadcrumbs as c, Breadcrumb as t } from "react-aria-components";
+import { c as a } from "./clsx-AexbMWKp.js";
+import { L as f } from "./Link-rqGQvFQq.js";
+import '../assets/Breadcrumb.css';const b = "_container_1k7pu_1", i = {
+  container: b
+};
+function h(r) {
+  if (!("items" in r) || !Array.isArray(r.items) || r.children != null && typeof r.children == "function")
+    return !1;
+  const e = r.items[0];
+  return e != null && "href" in e && "title" in e;
+}
+const N = ({
+  className: r,
+  ...e
+}) => {
+  if (h(e)) {
+    process.env.NODE_ENV !== "production" && console.warn(
+      "[Midas] Breadcrumbs: The `items` prop with {href, title} objects is deprecated. Use the compound <Breadcrumbs> + <Breadcrumb> API instead."
+    );
+    const { items: o, ...m } = e;
+    return /* @__PURE__ */ n(
+      c,
+      {
+        className: a(i.container, r),
+        ...m,
+        children: o.map(
+          ({ title: s, href: d, isDisabled: u }, l) => /* @__PURE__ */ n(t, { children: /* @__PURE__ */ n(
+            f,
+            {
+              href: d,
+              isDisabled: u,
+              children: s
+            }
+          ) }, s.toLocaleLowerCase() + l)
+        )
+      }
+    );
+  }
+  return /* @__PURE__ */ n(
+    c,
+    {
+      className: a(i.container, r),
+      ...e
+    }
+  );
+}, _ = ({ className: r, ...e }) => /* @__PURE__ */ n(
+  t,
+  {
+    className: a(r),
+    ...e
+  }
+);
+export {
+  _ as B,
+  N as a
+};

package/index.js

@@ -1,150 +1,151 @@
 import { A as r, a as e } from "./chunks/AccordionItem-CSvARy63.js";
-import { B as s, a as p } from "./chunks/BadgeContainer-CKVsfTlF.js";
-import { B as m } from "./chunks/Breadcrumbs-DFwP6lAP.js";
-import { B as f } from "./chunks/Button-CaLOUTDO.js";
-import { B as d } from "./chunks/ButtonGroup-Dr6HOBo2.js";
-import { C as l, R as u } from "./chunks/RangeCalendar-h9wkh43W.js";
-import { C as g, a as b, b as c, c as B, d as L, e as S, f as D } from "./chunks/Card-DMSnokPn.js";
-import { C as G } from "./chunks/CharacterCounter-R6vh7AE5.js";
-import { C as R } from "./chunks/Checkbox-CRLj7_Ox.js";
-import { C as F } from "./chunks/CheckboxGroup-DSXCj_ho.js";
-import { C as v } from "./chunks/ColorSchemeSwitch-DOQ0yjtt.js";
-import { C as h, a as H, b as y } from "./chunks/ComboBox-B7T13rzp.js";
-import { D as N } from "./chunks/DateField-zdUv4ooW.js";
-import { D as E, a as Q, b as Z } from "./chunks/DateInputDivider-DwopMIb9.js";
-import { D as q, a as J } from "./chunks/DateRangePicker-D6lnN0ox.js";
-import { F as O } from "./chunks/FieldError-C_3uLAGY.js";
-import { D as V, F as W } from "./chunks/FileUpload-Cu8DCSjX.js";
-import { G as Y } from "./chunks/Grid-CettmpaZ.js";
-import { G as $ } from "./chunks/GridItem-z7zclNdT.js";
-import { H as ao } from "./chunks/Heading-D8tNNJkt.js";
-import { I as eo } from "./chunks/InfoBanner-C4HnaXQO.js";
-import { L as so } from "./chunks/Label-6GZmmff9.js";
-import { H as xo, L as mo, N as io, S as fo, a as no } from "./chunks/Layout-C2-vyEKy.js";
-import { L as lo } from "./chunks/Link-rqGQvFQq.js";
-import { L as Co } from "./chunks/LinkButton-B1zayj7k.js";
-import { L as bo } from "./chunks/Logo-CCxPAmgw.js";
-import { M as Bo } from "./chunks/Dialog-BHxDzbf8.js";
-import { P as So } from "./chunks/Popover-BcEtFiU1.js";
-import { P as Io } from "./chunks/ProgressBar-Dg0JMQ71.js";
-import { R as Po, a as Ro } from "./chunks/Radio-Bp-JwJid.js";
-import { S as Fo } from "./chunks/SearchField-Dcs9LjKo.js";
-import { S as vo } from "./chunks/Select-w2o-VyrP.js";
-import { S as ho } from "./chunks/Select-BYz3DdXs.js";
-import { S as yo } from "./chunks/Skeleton-DqIHQLQl.js";
-import { S as No } from "./chunks/Spinner-CfKMn18u.js";
-import { C as Eo, a as Qo, R as Zo, T as jo, b as qo, c as Jo } from "./chunks/Table-UbdCFrkS.js";
-import { T as Oo, a as Uo, b as Vo, c as Wo } from "./chunks/TabList-BaR443mu.js";
-import { T as Yo, a as _o } from "./chunks/Tag-C7VZ0T0o.js";
-import { T as oa } from "./chunks/Text-Bxww8mmL.js";
-import { I as ra, T as ea, a as ta, b as sa } from "./chunks/TextArea-Ceo3ziOi.js";
-import { G as xa, T as ma, a as ia, b as fa, t as na } from "./chunks/Toast-D7PXIDa9.js";
-import { T as Ta, a as la } from "./chunks/ToggleButtonGroup-CXKTrLbb.js";
-import { T as Ca, a as ga } from "./chunks/Tooltip-rDmOkGmX.js";
-import { L as ca } from "./chunks/ListBox-D5BBeZWL.js";
-import { L as La, a as Sa } from "./chunks/ListBoxLoadMoreItem-ufPaJaNS.js";
-import { L as Ia, a as Ga, b as Pa, c as Ra } from "./chunks/ListBoxSection-C4y3K7T5.js";
-import { M as Fa, a as Ma, b as va, c as Aa, S as ha } from "./chunks/Separator-XIzn8lsq.js";
-import { DialogTrigger as ya, MenuTrigger as wa, RouterProvider as Na } from "react-aria-components";
-import { u as Ea } from "./chunks/useLocalizedStringFormatter-BHvsRxDk.js";
-import { useToastState as Za } from "react-stately";
+import { B as s, a as m } from "./chunks/BadgeContainer-CKVsfTlF.js";
+import { B as x, a as i } from "./chunks/Breadcrumb-BQ_nyDfo.js";
+import { B as n } from "./chunks/Button-CaLOUTDO.js";
+import { B as T } from "./chunks/ButtonGroup-Dr6HOBo2.js";
+import { C as u, R as C } from "./chunks/RangeCalendar-h9wkh43W.js";
+import { C as c, a as g, b as B, c as L, d as S, e as D, f as I } from "./chunks/Card-DMSnokPn.js";
+import { C as P } from "./chunks/CharacterCounter-R6vh7AE5.js";
+import { C as k } from "./chunks/Checkbox-CRLj7_Ox.js";
+import { C as M } from "./chunks/CheckboxGroup-DSXCj_ho.js";
+import { C as A } from "./chunks/ColorSchemeSwitch-DOQ0yjtt.js";
+import { C as H, a as y, b as w } from "./chunks/ComboBox-B7T13rzp.js";
+import { D as z } from "./chunks/DateField-zdUv4ooW.js";
+import { D as Q, a as Z, b as j } from "./chunks/DateInputDivider-DwopMIb9.js";
+import { D as J, a as K } from "./chunks/DateRangePicker-D6lnN0ox.js";
+import { F as U } from "./chunks/FieldError-C_3uLAGY.js";
+import { D as W, F as X } from "./chunks/FileUpload-Cu8DCSjX.js";
+import { G as _ } from "./chunks/Grid-CettmpaZ.js";
+import { G as oo } from "./chunks/GridItem-z7zclNdT.js";
+import { H as ro } from "./chunks/Heading-D8tNNJkt.js";
+import { I as to } from "./chunks/InfoBanner-C4HnaXQO.js";
+import { L as mo } from "./chunks/Label-6GZmmff9.js";
+import { H as xo, L as io, N as fo, S as no, a as To } from "./chunks/Layout-C2-vyEKy.js";
+import { L as uo } from "./chunks/Link-rqGQvFQq.js";
+import { L as bo } from "./chunks/LinkButton-B1zayj7k.js";
+import { L as go } from "./chunks/Logo-CCxPAmgw.js";
+import { M as Lo } from "./chunks/Dialog-BHxDzbf8.js";
+import { P as Do } from "./chunks/Popover-BcEtFiU1.js";
+import { P as Go } from "./chunks/ProgressBar-Dg0JMQ71.js";
+import { R as Ro, a as ko } from "./chunks/Radio-Bp-JwJid.js";
+import { S as Mo } from "./chunks/SearchField-Dcs9LjKo.js";
+import { S as Ao } from "./chunks/Select-w2o-VyrP.js";
+import { S as Ho } from "./chunks/Select-BYz3DdXs.js";
+import { S as wo } from "./chunks/Skeleton-DqIHQLQl.js";
+import { S as zo } from "./chunks/Spinner-CfKMn18u.js";
+import { C as Qo, a as Zo, R as jo, T as qo, b as Jo, c as Ko } from "./chunks/Table-UbdCFrkS.js";
+import { T as Uo, a as Vo, b as Wo, c as Xo } from "./chunks/TabList-BaR443mu.js";
+import { T as _o, a as $o } from "./chunks/Tag-C7VZ0T0o.js";
+import { T as aa } from "./chunks/Text-Bxww8mmL.js";
+import { I as ea, T as ta, a as sa, b as ma } from "./chunks/TextArea-Ceo3ziOi.js";
+import { G as xa, T as ia, a as fa, b as na, t as da } from "./chunks/Toast-D7PXIDa9.js";
+import { T as la, a as ua } from "./chunks/ToggleButtonGroup-CXKTrLbb.js";
+import { T as ba, a as ca } from "./chunks/Tooltip-rDmOkGmX.js";
+import { L as Ba } from "./chunks/ListBox-D5BBeZWL.js";
+import { L as Sa, a as Da } from "./chunks/ListBoxLoadMoreItem-ufPaJaNS.js";
+import { L as Ga, a as Pa, b as Ra, c as ka } from "./chunks/ListBoxSection-C4y3K7T5.js";
+import { M as Ma, a as va, b as Aa, c as ha, S as Ha } from "./chunks/Separator-XIzn8lsq.js";
+import { DialogTrigger as wa, MenuTrigger as Na, RouterProvider as za } from "react-aria-components";
+import { u as Qa } from "./chunks/useLocalizedStringFormatter-BHvsRxDk.js";
+import { useToastState as ja } from "react-stately";
 export {
   r as Accordion,
   e as AccordionItem,
   s as Badge,
-  p as BadgeContainer,
-  m as Breadcrumbs,
-  f as Button,
-  d as ButtonGroup,
-  l as Calendar,
-  g as Card,
-  b as CardActionArea,
-  c as CardActions,
-  B as CardContent,
-  L as CardImage,
-  S as CardLink,
-  D as CardTitle,
-  Eo as Cell,
-  G as CharacterCounter,
-  R as Checkbox,
-  F as CheckboxGroup,
-  v as ColorSchemeSwitch,
-  Qo as Column,
-  h as ComboBox,
-  H as ComboBoxItem,
-  y as ComboBoxSection,
-  N as DateField,
-  E as DateInput,
-  Q as DateInputDivider,
-  q as DatePicker,
-  J as DateRangePicker,
-  Z as DateSegment,
-  ya as DialogTrigger,
-  V as DropZone,
-  O as FieldError,
-  W as FileTrigger,
+  m as BadgeContainer,
+  x as Breadcrumb,
+  i as Breadcrumbs,
+  n as Button,
+  T as ButtonGroup,
+  u as Calendar,
+  c as Card,
+  g as CardActionArea,
+  B as CardActions,
+  L as CardContent,
+  S as CardImage,
+  D as CardLink,
+  I as CardTitle,
+  Qo as Cell,
+  P as CharacterCounter,
+  k as Checkbox,
+  M as CheckboxGroup,
+  A as ColorSchemeSwitch,
+  Zo as Column,
+  H as ComboBox,
+  y as ComboBoxItem,
+  w as ComboBoxSection,
+  z as DateField,
+  Q as DateInput,
+  Z as DateInputDivider,
+  J as DatePicker,
+  K as DateRangePicker,
+  j as DateSegment,
+  wa as DialogTrigger,
+  W as DropZone,
+  U as FieldError,
+  X as FileTrigger,
   xa as GlobalToastRegion,
-  Y as Grid,
-  $ as GridItem,
+  _ as Grid,
+  oo as GridItem,
   xo as Header,
-  ao as Heading,
-  eo as InfoBanner,
-  ra as Input,
-  so as Label,
-  mo as Layout,
-  ho as LegacySelect,
-  lo as Link,
-  Co as LinkButton,
-  ca as ListBox,
-  La as ListBoxButton,
-  Ia as ListBoxHeader,
-  Ga as ListBoxItem,
-  Sa as ListBoxLoadMoreItem,
-  Pa as ListBoxPopover,
-  Ra as ListBoxSection,
-  bo as Logo,
-  Fa as Menu,
-  Ma as MenuItem,
-  va as MenuPopover,
-  Aa as MenuSection,
-  wa as MenuTrigger,
-  Bo as Modal,
-  io as Navbar,
-  So as Popover,
-  Io as ProgressBar,
-  Po as Radio,
-  Ro as RadioGroup,
-  u as RangeCalendar,
-  Na as RouterProvider,
-  Zo as Row,
-  Fo as SearchField,
-  vo as Select,
-  ha as Separator,
-  fo as Sidebar,
-  no as SidebarLink,
-  yo as Skeleton,
-  No as Spinner,
-  Oo as Tab,
-  Uo as TabList,
-  Vo as TabPanel,
-  jo as Table,
-  qo as TableBody,
-  Jo as TableHeader,
-  Wo as Tabs,
-  Yo as Tag,
-  _o as TagGroup,
-  oa as Text,
-  ea as TextArea,
-  ta as TextField,
-  sa as TextFieldBase,
-  ma as Toast,
-  ia as ToastProvider,
-  fa as ToastRegion,
-  Ta as ToggleButton,
-  la as ToggleButtonGroup,
-  Ca as Tooltip,
-  ga as TooltipTrigger,
-  na as toastQueue,
-  Ea as useLocalizedStringFormatter,
-  Za as useToastState
+  ro as Heading,
+  to as InfoBanner,
+  ea as Input,
+  mo as Label,
+  io as Layout,
+  Ho as LegacySelect,
+  uo as Link,
+  bo as LinkButton,
+  Ba as ListBox,
+  Sa as ListBoxButton,
+  Ga as ListBoxHeader,
+  Pa as ListBoxItem,
+  Da as ListBoxLoadMoreItem,
+  Ra as ListBoxPopover,
+  ka as ListBoxSection,
+  go as Logo,
+  Ma as Menu,
+  va as MenuItem,
+  Aa as MenuPopover,
+  ha as MenuSection,
+  Na as MenuTrigger,
+  Lo as Modal,
+  fo as Navbar,
+  Do as Popover,
+  Go as ProgressBar,
+  Ro as Radio,
+  ko as RadioGroup,
+  C as RangeCalendar,
+  za as RouterProvider,
+  jo as Row,
+  Mo as SearchField,
+  Ao as Select,
+  Ha as Separator,
+  no as Sidebar,
+  To as SidebarLink,
+  wo as Skeleton,
+  zo as Spinner,
+  Uo as Tab,
+  Vo as TabList,
+  Wo as TabPanel,
+  qo as Table,
+  Jo as TableBody,
+  Ko as TableHeader,
+  Xo as Tabs,
+  _o as Tag,
+  $o as TagGroup,
+  aa as Text,
+  ta as TextArea,
+  sa as TextField,
+  ma as TextFieldBase,
+  ia as Toast,
+  fa as ToastProvider,
+  na as ToastRegion,
+  la as ToggleButton,
+  ua as ToggleButtonGroup,
+  ba as Tooltip,
+  ca as TooltipTrigger,
+  da as toastQueue,
+  Qa as useLocalizedStringFormatter,
+  ja as useToastState
 };

package/package.json

@@ -14,7 +14,7 @@
   "description": "Midas Components",
   "homepage": "https://designsystem.migrationsverket.se/",
   "license": "CC0-1.0",
-  "version": "16.6.5",
+  "version": "16.7.0",
   "module": "./index.js",
   "type": "module",
   "main": "./index.js",
@@ -41,7 +41,7 @@
     "./*": "./*/index.js"
   },
   "dependencies": {
-    "@midas-ds/theme": "3.10.4",
+    "@midas-ds/theme": "3.10.5",
     "react-aria-components": "1.14.0"
   }
 }

package/chunks/Breadcrumbs-DFwP6lAP.js

@@ -1,28 +0,0 @@
-import { jsx as r } from "react/jsx-runtime";
-import { Breadcrumbs as t, Breadcrumb as i } from "react-aria-components";
-import { c as d } from "./clsx-AexbMWKp.js";
-import { L as p } from "./Link-rqGQvFQq.js";
-import '../assets/Breadcrumbs.css';const l = "_container_1k7pu_1", u = {
-  container: l
-}, h = ({
-  items: c,
-  className: a,
-  ...s
-}) => /* @__PURE__ */ r(
-  t,
-  {
-    className: d(u.container, a),
-    ...s,
-    children: c.map(({ title: o, href: e, isDisabled: n }, m) => /* @__PURE__ */ r(i, { children: /* @__PURE__ */ r(
-      p,
-      {
-        href: e,
-        isDisabled: n,
-        children: o
-      }
-    ) }, o.toLocaleLowerCase() + m))
-  }
-);
-export {
-  h as B
-};