Release v3.1.10

Signed-off-by: Benjamin Perez <[email protected]>

dist/esm/index.js

@@ -28549,9 +28549,10 @@ const DN = hT({
     onClickOption: o,
     markCurrentItem: l = !1,
     children: a,
+    pathActions: s,
   }) => {
-    const s = gt(),
-      c = ((e) => ({
+    const c = gt(),
+      d = ((e) => ({
         boxSizing: "border-box",
         flexBasis: "100%",
         width: "100%",
@@ -28561,12 +28562,12 @@ const DN = hT({
         display: "flex",
         alignItems: "center",
         marginRight: 10,
+        gap: 8,
         "& .breadcrumbsList": {
           display: "flex",
           flexWrap: "nowrap",
           flexGrow: 1,
           textAlign: "left",
-          marginLeft: 15,
           marginRight: 10,
           overflow: "hidden",
           userSelect: "none",
@@ -28591,17 +28592,17 @@ const DN = hT({
           "& .last": { pointerEvents: "none" },
         },
         "& .slashSpacingStyle": { margin: "0 5px" },
-      }))(s),
-      d = i(() => (e ? hT({ ...R(e, s) }) : {}), [e, s]),
-      u = "number" == typeof r && n.length - 1 > r && n.length > 0;
-    let p = null;
-    const m = (e) => {
+      }))(c),
+      u = i(() => (e ? hT({ ...R(e, c) }) : {}), [e, c]),
+      p = "number" == typeof r && n.length - 1 > r && n.length > 0;
+    let m = null;
+    const h = (e) => {
         o && o(e.to), e.onClick && e.onClick(e.to);
       },
-      h = () => Vt(MT, { className: "divider", children: "/" });
-    if (u && n.length > r - 1) {
+      f = () => Vt(MT, { className: "divider", children: "/" });
+    if (p && n.length > r - 1) {
       const e = n.slice(1, -1 * r);
-      p = Vt(px, {
+      m = Vt(px, {
         id: "breadcrumbs-expand",
         className: "breadcrumbElement",
         icon: Vt(td, {}),
@@ -28614,18 +28615,18 @@ const DN = hT({
             mx,
             {
               id: `expandOption-${e.label}`,
-              onClick: () => m(e),
+              onClick: () => h(e),
               children: e.label,
             },
             `expandOption-${e.label}-${t}`,
           ),
         ),
       });
     }
-    const f = u ? n.slice(-1 * r) : n;
+    const g = p ? n.slice(-1 * r) : n;
     return St("div", {
       className: "breadcrumbs-bar",
-      css: [c, d],
+      css: [d, u],
       children: [
         t &&
           Vt(zN, {
@@ -28636,33 +28637,34 @@ const DN = hT({
             compact: !0,
             sx: { width: 28, height: 28 },
           }),
+        s && Vt(MT, { children: s }),
         Vt(MT, {
           className: "breadcrumbsList",
           children: St(
             C,
-            u
+            p
               ? {
                   children: [
                     Vt(hx, {
                       id: `breadcrumb-option-${n[0].label}`,
-                      onClick: () => m(n[0]),
+                      onClick: () => h(n[0]),
                       onClickOption: o,
                       icon: n[0].icon,
                       children: n[0].label,
                     }),
-                    Vt(h, {}),
-                    p,
-                    Vt(h, {}),
-                    f.map((e, t) => {
-                      const n = t === f.length - 1;
+                    Vt(f, {}),
+                    m,
+                    Vt(f, {}),
+                    g.map((e, t) => {
+                      const n = t === g.length - 1;
                       return St(
                         C,
                         {
                           children: [
-                            0 !== t && Vt(h, {}),
+                            0 !== t && Vt(f, {}),
                             Vt(hx, {
                               id: `breadcrumb-option-${e.label}`,
-                              onClick: () => m(e),
+                              onClick: () => h(e),
                               onClickOption: o,
                               className:
                                 "" + (n && !e.subOptions ? "last" : ""),
@@ -28679,17 +28681,17 @@ const DN = hT({
                 }
               : {
                   children: [
-                    f.map((e, t) => {
+                    g.map((e, t) => {
                       const r = t === n.length - 1;
                       return St(
                         C,
                         {
                           children: [
-                            0 !== t && Vt(h, {}),
+                            0 !== t && Vt(f, {}),
                             Vt(hx, {
                               id: `breadcrumb-option-${e.label}`,
                               onClick: () => {
-                                m(e);
+                                h(e);
                               },
                               onClickOption: o,
                               className:
@@ -75222,7 +75224,7 @@ const E6 = ({
     override: n = {},
     glContext: r,
     failIfMajorPerformanceCaveat: o = !1,
-    benchmarksURL: i = "https://unpkg.com/[email protected].60/dist/benchmarks",
+    benchmarksURL: i = "https://unpkg.com/[email protected].61/dist/benchmarks",
   } = {}) =>
     m6(void 0, void 0, void 0, function* () {
       const l = {};

dist/esm/src/components/Breadcrumbs/Breadcrumbs.styles.d.ts

@@ -9,12 +9,12 @@ export declare const breadcrumbsTheme: (theme: Theme) => {
   display: string;
   alignItems: string;
   marginRight: number;
+  gap: number;
   "& .breadcrumbsList": {
     display: string;
     flexWrap: string;
     flexGrow: number;
     textAlign: "left";
-    marginLeft: number;
     marginRight: number;
     overflow: string;
     userSelect: string;

dist/esm/src/components/Breadcrumbs/Breadcrumbs.types.d.ts

@@ -7,6 +7,7 @@ export interface BreadcrumbsProps {
   displayLastItems?: false | number;
   onClickOption?: (to?: string) => void;
   children?: React.ReactNode;
+  pathActions?: React.ReactNode;
   markCurrentItem?: boolean;
 }
 export interface BreadcrumbsOption {

dist/mds.d.ts

@@ -6512,6 +6512,7 @@ interface BreadcrumbsProps {
   displayLastItems?: false | number;
   onClickOption?: (to?: string) => void;
   children?: React__default.ReactNode;
+  pathActions?: React__default.ReactNode;
   markCurrentItem?: boolean;
 }
 interface BreadcrumbsOption {

package.json

@@ -1,6 +1,6 @@
 {
   "name": "mds",
-  "version": "3.1.9",
+  "version": "3.1.10",
   "description": "A MinIO Components Library",
   "homepage": ".",
   "license": "AGPL-3.0-or-later",