@midas-ds/components 16.8.0 → 16.8.2

package/CHANGELOG.md

@@ -1,3 +1,16 @@
+## 16.8.2 (2026-02-07)
+
+### 🏭 Refactoring
+
+- **components, breadcrumbs:** remove redundant type ([103ea3a91f](https://github.com/migrationsverket/midas/commit/103ea3a91f))
+- **components,breadcrumbs:** use isCurrent prop to render separator ([9319d4c7ac](https://github.com/migrationsverket/midas/commit/9319d4c7ac))
+
+## 16.8.1 (2026-02-06)
+
+### 🚀 Features
+
+- **layout:** add boilerplate components ([ab85d70f46](https://github.com/migrationsverket/midas/commit/ab85d70f46))
+
 ## 16.8.0 (2026-02-06)
 
 ### 🚀 Features

package/assets/Breadcrumb.css

@@ -1 +1 @@
-._container_1k7pu_1{padding-inline-start:0;font-family:var(--midas-typography-font-family);display:flex;flex-flow:row wrap;gap:.25rem;list-style:none;margin:0}._container_1k7pu_1 li:not(:last-child):after{color:var(--midas-text-disabled);content:"/";alt:" ";padding:0 5px}._container_1k7pu_1 li[data-current=true] a{cursor:default}
+._container_zw1qy_1{padding-inline-start:0;font-family:var(--midas-typography-font-family);display:flex;flex-flow:row wrap;gap:.25rem;list-style:none;margin:0}._container_zw1qy_1 li{display:flex;align-items:baseline}._container_zw1qy_1 li[data-current=true] a{cursor:default}._separator_zw1qy_20{color:var(--midas-text-disabled);padding:0 5px}

package/breadcrumbs/Breadcrumb.d.ts

@@ -1,3 +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;
+export declare const Breadcrumb: ({ className, children, ...rest }: BreadcrumbProps) => import("react/jsx-runtime").JSX.Element;

package/breadcrumbs/Breadcrumbs.stories.d.ts

@@ -8,7 +8,7 @@ type Story = StoryObj<typeof Breadcrumbs<Item>>;
 declare const _default: {
     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;
+        Breadcrumb: ({ className, children, ...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;

package/breadcrumbs/index.js

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

package/chunks/Breadcrumb-W7qQSxd-.js

@@ -0,0 +1,70 @@
+import { jsx as a, jsxs as f, Fragment as h } from "react/jsx-runtime";
+import { Breadcrumbs as o, Breadcrumb as m } from "react-aria-components";
+import { c } from "./clsx-AexbMWKp.js";
+import { L as p } from "./Link-rqGQvFQq.js";
+import '../assets/Breadcrumb.css';const b = "_container_zw1qy_1", B = "_separator_zw1qy_20", i = {
+  container: b,
+  separator: B
+};
+function y(e) {
+  if (!("items" in e) || !Array.isArray(e.items) || e.children != null && typeof e.children == "function")
+    return !1;
+  const r = e.items[0];
+  return r != null && "href" in r && "title" in r;
+}
+const L = ({
+  className: e,
+  ...r
+}) => {
+  if (y(r)) {
+    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: t, ...n } = r;
+    return /* @__PURE__ */ a(
+      o,
+      {
+        className: c(i.container, e),
+        ...n,
+        children: t.map(
+          ({ title: s, href: u, isDisabled: d }, l) => /* @__PURE__ */ a(m, { children: /* @__PURE__ */ a(
+            p,
+            {
+              href: u,
+              isDisabled: d,
+              children: s
+            }
+          ) }, s.toLocaleLowerCase() + l)
+        )
+      }
+    );
+  }
+  return /* @__PURE__ */ a(
+    o,
+    {
+      className: c(i.container, e),
+      ...r
+    }
+  );
+}, j = ({
+  className: e,
+  children: r,
+  ...t
+}) => /* @__PURE__ */ a(
+  m,
+  {
+    className: c(e),
+    ...t,
+    children: (n) => {
+      const s = !n.isCurrent;
+      return /* @__PURE__ */ f(h, { children: [
+        typeof r == "function" ? r(n) : r,
+        s ? /* @__PURE__ */ a("span", { "aria-hidden": "true", className: i.separator, children: "/" }) : null
+      ] });
+    }
+  }
+);
+export {
+  j as B,
+  L as a
+};

package/index.d.ts

@@ -41,4 +41,5 @@ export * from './tooltip';
 export * from './list-box';
 export * from './menu';
 export { useLocalizedStringFormatter } from './utils/intl';
+export { clsx } from './utils/clsx';
 export { VERSION } from './version';

package/index.js

@@ -1,7 +1,7 @@
 'use client';
 import { A as s, a as p } from "./chunks/AccordionItem-CSvARy63.js";
 import { B as m, a as i } from "./chunks/BadgeContainer-CKVsfTlF.js";
-import { B as f, a as d } from "./chunks/Breadcrumb-BQ_nyDfo.js";
+import { B as n, a as d } from "./chunks/Breadcrumb-W7qQSxd-.js";
 import { B as c } from "./chunks/Button-CaLOUTDO.js";
 import { B as u } from "./chunks/ButtonGroup-Dr6HOBo2.js";
 import { C, R as b } from "./chunks/RangeCalendar-h9wkh43W.js";
@@ -21,7 +21,7 @@ import { G as eo } from "./chunks/GridItem-z7zclNdT.js";
 import { H as so } from "./chunks/Heading-D8tNNJkt.js";
 import { I as xo } from "./chunks/InfoBanner-C4HnaXQO.js";
 import { L as io } from "./chunks/Label-6GZmmff9.js";
-import { H as fo, L as To, N as co, S as lo, a as uo } from "./chunks/Layout-CFhqS9ej.js";
+import { H as no, L as To, N as co, S as lo, a as uo } from "./chunks/Layout-CFhqS9ej.js";
 import { L as Co } from "./chunks/Link-rqGQvFQq.js";
 import { L as Bo } from "./chunks/LinkButton-B1zayj7k.js";
 import { L as So } from "./chunks/Logo-CCxPAmgw.js";
@@ -39,17 +39,18 @@ import { T as Xo, a as Yo, b as _o, c as $o } from "./chunks/TabList-BaR443mu.js
 import { T as aa, a as ra } from "./chunks/Tag-C7VZ0T0o.js";
 import { T as ta } from "./chunks/Text-Bxww8mmL.js";
 import { I as pa, T as xa, a as ma, b as ia } from "./chunks/TextArea-Bb7H-w23.js";
-import { G as fa, T as da, a as Ta, b as ca, t as la } from "./chunks/Toast-D7PXIDa9.js";
+import { G as na, T as da, a as Ta, b as ca, t as la } from "./chunks/Toast-D7PXIDa9.js";
 import { T as ga, a as Ca } from "./chunks/ToggleButtonGroup-CXKTrLbb.js";
 import { T as Ba, a as La } from "./chunks/Tooltip-rDmOkGmX.js";
 import { L as Ia } from "./chunks/ListBox-D5BBeZWL.js";
 import { L as Ra, a as Ga } from "./chunks/ListBoxLoadMoreItem-ufPaJaNS.js";
 import { L as ka, a as va, b as Fa, c as Ma } from "./chunks/ListBoxSection-C4y3K7T5.js";
 import { M as ha, a as Ha, b as ya, c as Na, S as wa } from "./chunks/Separator-XIzn8lsq.js";
-import { DialogTrigger as za, MenuTrigger as Oa, RouterProvider as Qa } from "react-aria-components";
-import { u as Za } from "./chunks/useLocalizedStringFormatter-BHvsRxDk.js";
-import { useToastState as qa } from "react-stately";
-const o = "16.8.0", a = {
+import { c as za } from "./chunks/clsx-AexbMWKp.js";
+import { DialogTrigger as Qa, MenuTrigger as Va, RouterProvider as Za } from "react-aria-components";
+import { u as qa } from "./chunks/useLocalizedStringFormatter-BHvsRxDk.js";
+import { useToastState as Ka } from "react-stately";
+const o = "16.8.2", a = {
   version: o
 }, r = a.version;
 export {
@@ -57,7 +58,7 @@ export {
   p as AccordionItem,
   m as Badge,
   i as BadgeContainer,
-  f as Breadcrumb,
+  n as Breadcrumb,
   d as Breadcrumbs,
   c as Button,
   u as ButtonGroup,
@@ -84,14 +85,14 @@ export {
   K as DatePicker,
   U as DateRangePicker,
   q as DateSegment,
-  za as DialogTrigger,
+  Qa as DialogTrigger,
   _ as DropZone,
   X as FieldError,
   $ as FileTrigger,
-  fa as GlobalToastRegion,
+  na as GlobalToastRegion,
   ao as Grid,
   eo as GridItem,
-  fo as Header,
+  no as Header,
   so as Heading,
   xo as InfoBanner,
   pa as Input,
@@ -112,7 +113,7 @@ export {
   Ha as MenuItem,
   ya as MenuPopover,
   Na as MenuSection,
-  Oa as MenuTrigger,
+  Va as MenuTrigger,
   Do as Modal,
   co as Navbar,
   Go as Popover,
@@ -120,7 +121,7 @@ export {
   Fo as Radio,
   Mo as RadioGroup,
   b as RangeCalendar,
-  Qa as RouterProvider,
+  Za as RouterProvider,
   qo as Row,
   ho as SearchField,
   yo as Select,
@@ -150,7 +151,8 @@ export {
   Ba as Tooltip,
   La as TooltipTrigger,
   r as VERSION,
+  za as clsx,
   la as toastQueue,
-  Za as useLocalizedStringFormatter,
-  qa as useToastState
+  qa as useLocalizedStringFormatter,
+  Ka as useToastState
 };

package/package.json

@@ -14,7 +14,7 @@
   "description": "Midas Components",
   "homepage": "https://designsystem.migrationsverket.se/",
   "license": "CC0-1.0",
-  "version": "16.8.0",
+  "version": "16.8.2",
   "module": "./index.js",
   "type": "module",
   "main": "./index.js",

package/chunks/Breadcrumb-BQ_nyDfo.js

@@ -1,58 +0,0 @@
-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
-};