@midas-ds/components 16.8.1 → 16.8.2

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+## 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

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.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 n, 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";
@@ -50,7 +50,7 @@ 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.1", a = {
+const o = "16.8.2", a = {
   version: o
 }, r = a.version;
 export {

package/package.json

@@ -14,7 +14,7 @@
   "description": "Midas Components",
   "homepage": "https://designsystem.migrationsverket.se/",
   "license": "CC0-1.0",
-  "version": "16.8.1",
+  "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
-};