@mlola-ui/registry 1.0.11 → 1.0.12

package/snapshot/items/components/tag-input.json

@@ -23,7 +23,7 @@
     "input"
   ],
   "engineDependencies": {
-    "@mlola-ui/icons": "^1.0.11"
+    "@mlola-ui/icons": "^1.0.12"
   },
   "options": [],
   "variants": [],

package/snapshot/items/components/time-picker.json

@@ -22,7 +22,7 @@
     "popover"
   ],
   "engineDependencies": {
-    "@mlola-ui/icons": "^1.0.11"
+    "@mlola-ui/icons": "^1.0.12"
   },
   "options": [],
   "variants": [],

package/snapshot/items/components/timeline.json

@@ -18,7 +18,7 @@
   },
   "registryDependencies": [],
   "engineDependencies": {
-    "@mlola-ui/icons": "^1.0.11"
+    "@mlola-ui/icons": "^1.0.12"
   },
   "options": [
     {

package/snapshot/items/components/toast.json

@@ -20,7 +20,7 @@
     "spinner"
   ],
   "engineDependencies": {
-    "@mlola-ui/icons": "^1.0.11"
+    "@mlola-ui/icons": "^1.0.12"
   },
   "options": [
     {

package/snapshot/items/components/tour.json

@@ -20,8 +20,8 @@
   },
   "registryDependencies": [],
   "engineDependencies": {
-    "@mlola-ui/behavior": "^1.0.11",
-    "@mlola-ui/icons": "^1.0.11"
+    "@mlola-ui/behavior": "^1.0.12",
+    "@mlola-ui/icons": "^1.0.12"
   },
   "options": [],
   "variants": [],

package/snapshot/source/packages/components/breadcrumb/breadcrumb.tsx

@@ -4,7 +4,15 @@ import * as React from "react";
 import { cx } from "../_internal/react";
 import { IconChevronRight } from "@mlola-ui/icons";
 
-export type BreadcrumbItemType = { label: string; href?: string };
+export type BreadcrumbItemType = {
+  label: string;
+  /** A link to the page. */
+  href?: string;
+  /** In-app navigation without a URL; the item becomes a button. */
+  onSelect?: () => void;
+  /** A decorative mark before the label, such as a page's icon. */
+  icon?: React.ReactNode;
+};
 type BreadcrumbProps = { items: BreadcrumbItemType[]; separator?: React.ReactNode; className?: string };
 
 const BreadcrumbList = React.forwardRef<HTMLOListElement, React.OlHTMLAttributes<HTMLOListElement>>(
@@ -29,6 +37,8 @@ function BreadcrumbEllipsis({ className }: { className?: string }) {
   return <span aria-hidden="true" className={cx("ml-breadcrumb-ellipsis", className)}>…</span>;
 }
 
+const icon = (item: BreadcrumbItemType) => (item.icon ? <span aria-hidden="true" className="ml-breadcrumb-icon">{item.icon}</span> : null);
+
 export function Breadcrumb({ items, separator, className }: BreadcrumbProps) {
   const last = items.length - 1;
   const collapse = items.length > 3;
@@ -46,9 +56,13 @@ export function Breadcrumb({ items, separator, className }: BreadcrumbProps) {
                 </BreadcrumbItem>
               ) : null}
               <BreadcrumbItem data-collapsible={middle && collapse ? "" : undefined}>
-                {current || !item.href
-                  ? <BreadcrumbPage>{item.label}</BreadcrumbPage>
-                  : <BreadcrumbLink href={item.href}>{item.label}</BreadcrumbLink>}
+                {current || (!item.href && !item.onSelect) ? (
+                  <BreadcrumbPage>{icon(item)}{item.label}</BreadcrumbPage>
+                ) : item.href ? (
+                  <BreadcrumbLink href={item.href}>{icon(item)}{item.label}</BreadcrumbLink>
+                ) : (
+                  <button type="button" className="ml-breadcrumb-link" data-hit="expand" onClick={item.onSelect}>{icon(item)}{item.label}</button>
+                )}
                 {!current ? <BreadcrumbSeparator>{separator}</BreadcrumbSeparator> : null}
               </BreadcrumbItem>
             </React.Fragment>

package/snapshot/source/packages/components/carousel/carousel.tsx

@@ -180,6 +180,7 @@ export function Carousel({
       aria-roledescription="carousel"
       aria-label={label}
       data-playing={playing || undefined}
+      data-arrows={(arrows && positions > 1) || undefined}
       style={{ ...style, "--ml-carousel-per-view": view, "--ml-carousel-peek": peek ?? "0px", "--ml-carousel-min": minSlideWidth ?? "0px", "--ml-carousel-autoplay": `${autoplay ?? 0}ms` } as React.CSSProperties}
       onPointerEnter={() => setPaused(true)}
       onPointerLeave={() => setPaused(false)}

package/snapshot/source-manifest.json

@@ -13,12 +13,12 @@
   "packages/components/app-shell/app-shell.tsx": "sha256-XAq82XOTH3ZR+hxTkYFu8P7Ih2aI6ERy/TpXc2VMUwM=",
   "packages/components/avatar/avatar.tsx": "sha256-EjqC8ytKqRtsTVdK6vncaDfhO/i7ICe+jwaYCg5bjIw=",
   "packages/components/badge/badge.tsx": "sha256-flEH8S2jZ/64n3Y/ROhC9+9rvF7wXaN0xLcMMwqNOVQ=",
-  "packages/components/breadcrumb/breadcrumb.tsx": "sha256-Mt9mvmwwDgdp5/+mj5byIrh8+hicsp7R6UcvUlK0yog=",
+  "packages/components/breadcrumb/breadcrumb.tsx": "sha256-mxQpach2kFayT8H1vMt5252LQLxVV+sohdVXDhPuKoU=",
   "packages/components/button/button.tsx": "sha256-sXVANbGeFSYPHpiWuPvHHqMoPjG0zl0HSsKEdTgl5ME=",
   "packages/components/calendar/calendar.tsx": "sha256-rWiS4YAueZfVoo6j5Fi3uN7A+yApe5U6HMm1woTVjys=",
   "packages/components/calendar/dates.ts": "sha256-mygYkoC70av2ZQ0vkxf885trwW97Wd10I4dptYQe+4A=",
   "packages/components/card/card.tsx": "sha256-aMKbv5DWYYWq7GZAFR9O1fuYE0H61WCjkvEbRMOd894=",
-  "packages/components/carousel/carousel.tsx": "sha256-pamugpB6Ujt9Ylxd37jNF/ZwSb8iRkW/MoYe12nY3i4=",
+  "packages/components/carousel/carousel.tsx": "sha256-Gsw0LhQsOuvdQN/F2KDGVC/gJq53+ifLs19u95RWCoU=",
   "packages/components/checkbox/checkbox.tsx": "sha256-hz4YbGwOxv/aJpJHrLXR4MKSWJGyjzoJEIGvdhyML9M=",
   "packages/components/color-picker/color-picker.tsx": "sha256-E+QB6MbSxg+3AZX3A7bOkst4arxgpmFL2ZmochoWCl8=",
   "packages/components/color-picker/color.ts": "sha256-YqSgYjzn7XfPWAHuyzbwOhbg/ScaSfB7V73e9w+OjJs=",