@workday/canvas-kit-react 9.0.0-alpha.338-next.5 → 9.0.0-alpha.348-next.3

package/dist/commonjs/breadcrumbs/lib/Breadcrumbs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../../../../breadcrumbs/lib/Breadcrumbs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,MAAM,WAAW,gBAAgB;IAC/B;;;;OAIG;IACH,YAAY,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;4BAIpB;;;;;;OAMG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAyDH;;;;;;WAMG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IArEH;;;;;;OAMG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAyDH;;;;;;eAMG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA7DH;;;;;;;;;;;;;;;OAeG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAwCH;;;;;;eAMG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA5CH;;;;;;;;;;;;;;;;;;;OAmBG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAmBH;;;;;;eAMG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAvBH;;;;;;;;;;;;;;;OAeG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAEH;;;;;;eAMG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IANH;;;;;;OAMG;;IAEH;;;;;;;;;;;;;;;OAeG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAWL,CAAC"}
+{"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../../../../breadcrumbs/lib/Breadcrumbs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,MAAM,WAAW,gBAAgB;IAC/B;;;;OAIG;IACH,YAAY,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CG;AACH,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAIpB;;;;;;;;;;;;;;;;;;;;OAoBG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAEH;;;;;;;;;;;;;OAaG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAEH;;;;;;OAMG;;IAEH;;;;;;;;;OASG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAEH;;;;;;;;;;;;;;;OAeG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAEH;;;;;;;;;;;;;;OAcG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAWL,CAAC"}

package/dist/commonjs/breadcrumbs/lib/Breadcrumbs.js

@@ -53,14 +53,10 @@ var BreadcrumbsLink_1 = require("./BreadcrumbsLink");
 var BreadcrumbsCurrentItem_1 = require("./BreadcrumbsCurrentItem");
 var BreadcrumbsMenu_1 = require("./BreadcrumbsMenu");
 /**
- * ## Breadcrumbs
- * ---
- * [View Developer Docs](https://canvas.workdaydesign.com/components/navigation/breadcrumbs#examples)
+ * `Breadcrumbs` is a container component that is responsible for creating a
+ * {@link BreadcrumbsModel} and sharing it with its subcomponents using React context. It also
+ * renders `nav` element, and `aria-label` attribute must be provided for this element.
  *
- * A compound component that allows users to keep track and maintain awareness
- * of their location as they navigate through pages, folders, files, etc.
- *
- * @example
  * ```tsx
  * <Breadcrumbs aria-label="Breadcrumbs">
  *   <Breadcrumbs.List>
@@ -76,29 +72,65 @@ var BreadcrumbsMenu_1 = require("./BreadcrumbsMenu");
  *   <Breadcrumbs.List>
  * </Breadcrumbs>
  * ```
+ *
+ * You may pass {@link BreadcrumbsModelConfig} directly to the `Breadcrumbs` component.
+ *
+ * ```tsx
+ * <Breadcrumbs items={[]} aria-label="Breadcrumbs">
+ *   {Child components}
+ * </Breadcrumbs>
+ * ```
+ *
+ * Alternatively, you may pass in a model using the hoisted model pattern.
+ *
+ * ```tsx
+ * const model = useBreadcrumbsModel({
+ *   items: [],
+ * });
+ *
+ * <Breadcrumbs model={model} aria-label="Breadcrumbs">
+ *   {Child components}
+ * </Breadcrumbs>;
+ * ```
+ *
+ * Note that if you pass in a `model` configured with {@link useBreadcrumbsModel}, configuration
+ * props passed to `Breadcrumbs` will be ignored. `aria-label` attribute must be provided for `nav`
+ * element.
  */
 exports.Breadcrumbs = common_1.createContainer('nav')({
     displayName: 'Breadcrumbs',
     modelHook: useBreadcrumbsModel_1.useBreadcrumbsModel,
     subComponents: {
         /**
-         * ### Breadcrumbs List
-         * ---
-         * [View Developer Docs](https://canvas.workdaydesign.com/components/navigation/breadcrumbs/#breadcrumbslist)
+         * `Breadcrumbs.List` is a `Flex` component rendered as a `<ul>` element. It is a container for
+         * `Breadcrumbs.Item` subcomponents. It also renders overflow button if `overflowButton` prop
+         * has been passed;
+         *
+         * ```tsx
+         * // without overflow
+         * <Breadcrumbs.List>{Breadcrumbs.Items}</Breadcrumbs.List>
+         * ```
          *
-         * The nav list containing `Breadcrumbs.Item` components and overflow button.
+         * ```tsx
+         * // with overflow
+         * <Breadcrumbs.List overflowButton={<Breadcrumbs.OverflowButton aria-label="More links" />}>
+         *   {Breadcrumbs.Items}
+         * </Breadcrumbs.List>
+         * ```
+         *
+         * `Breadcrumbs.List` accepts a `overflowButton` prop allowing to pass specific overflow button.
+         * Breadcrumbs.List with overflow behavior should contain `overflowButton` component with
+         * `aria-label` to render overflow button.
          */
         List: BreadcrumbsList_1.BreadcrumbsList,
         /**
-         * ### Breadcrumbs Item
-         * ---
-         * [View Developer Docs](https://canvas.workdaydesign.com/components/navigation/breadcrumbs/#breadcrumbsitem)
+         * `Breadcrumbs.Item` is a {@link Flex} component rendered as an `<li>` element. It is a
+         * container for the `Breadcrumbs.Link` subcomponent which provides correct overflow behavior
+         * across all items.
          *
-         * List items in `Breadcrumbs.List`.
-         * By default, this item is truncated with a tooltip at `350px`,
-         * but that can be customized with the `maxWidth` prop.
+         * List items in {@link BreadcrumbsList Breadcrumbs.List}. By default, this item is truncated
+         * with a tooltip at `350px`, but that can be customized with the `maxWidth` prop.
          *
-         * @example
          * ```tsx
          * <Breadcrumbs.Item maxWidth={200}>
          *   <Breadcrumbs.Link href="/docs">Docs</Breadcrumbs.Link>
@@ -107,36 +139,17 @@ exports.Breadcrumbs = common_1.createContainer('nav')({
          */
         Item: BreadcrumbsItem_1.BreadcrumbsItem,
         /**
-         * ### Breadcrumbs Overflow Button
-         * ---
-         * [View Developer Docs](https://canvas.workdaydesign.com/components/navigation/breadcrumbs/#breadcrumbsoverflowbutton)
-         *
-         * The toggle button for the Breadcrumbs Menu.
-         * This button is rendered in the `Breadcrumbs.List` when `overflowButtonProps` passed
-         * and becomes visible when the list overflows. `overflowButtonProps must contain at least `aria-label`.
-         * If you need to pass other props to it, you can do so by adding it to `overflowButtonProps` passed to the List.
-         *
-         * @example
-         * ```tsx
-         * <Breadcrumbs.List
-         *   overflowButtonProps={{
-         *     'aria-label': 'More links',
-         *     onClick={handleOverflowButtonClick}
-         *   }}
-         * >
-         * ```
+         * `Breadcrumbs.Link` is a styled `<a>` element that also renders a tooltip if the text is
+         * truncated. The built-in truncation and tooltip functionality provides an easy-to-use,
+         * accessible feature for managing the length of link text. The `maxWidth` is set to `350px` by
+         * default and can be adjusted as needed. Note that tooltips will only render when text is
+         * truncated
          */
-        OverflowButton: BreadcrumbsOverflowButton_1.BreadcrumbsOverflowButton,
+        Link: BreadcrumbsLink_1.BreadcrumbsLink,
         /**
-         * ### Breadcrumbs Current Item
-         * ---
-         * [View Developer Docs](https://canvas.workdaydesign.com/components/navigation/breadcrumbs/#breadcrumbscurrentitem)
-         *
-         * The last element in the list of `Breadcrumbs.Item`s.
-         * By default, this item is truncated with a tooltip at `350px`,
-         * But that can be customized with the `maxWidth` prop.
+         * The last element in the list of `Breadcrumbs.Item`s. By default, this item is truncated with
+         * a tooltip at `350px`, But that can be customized with the `maxWidth` prop.
          *
-         * @example
          * ```tsx
          * <Breadcrumbs.CurrentItem maxWidth={200}>
          *   Current Item Text
@@ -145,21 +158,28 @@ exports.Breadcrumbs = common_1.createContainer('nav')({
          */
         CurrentItem: BreadcrumbsCurrentItem_1.BreadcrumbsCurrentItem,
         /**
-         * ### Breadcrumbs Link
-         * ---
-         * [View Developer Docs](https://canvas.workdaydesign.com/components/navigation/breadcrumbs/#breadcrumbslink)
+         * The toggle button for the Breadcrumbs Menu. This button is rendered in the
+         * {@link BreadcrumbsList Breadcrumbs.List} when `overflowButtonProps` passed and becomes
+         * visible when the list overflows. `overflowButtonProps must contain at least `aria-label`. If
+         * you need to pass other props to it, you can do so by adding it to `overflowButtonProps`
+         * passed to the List.
          *
-         * The hyperlink element in each `Breadcrumbs.Item`.
+         * ```tsx
+         * <Breadcrumbs.List
+         *   overflowButtonProps={{
+         *     'aria-label': 'More links',
+         *     onClick={handleOverflowButtonClick}
+         *   }}
+         * >
+         * ```
          */
-        Link: BreadcrumbsLink_1.BreadcrumbsLink,
+        OverflowButton: BreadcrumbsOverflowButton_1.BreadcrumbsOverflowButton,
         /**
-         * ### Breadcrumbs Menu
-         * ---
-         * [View Developer Docs](https://canvas.workdaydesign.com/components/navigation/breadcrumbs/#breadcrumbsmenu)
+         * The `Breadcrumbs.Menu` uses the {@link Menu} component under the hood. The overflow menu for
+         * Breadcrumbs. If there isn't enough room to render all links, it will automatically overflow
+         * items into this menu.
          *
-         * The overflow menu for Breadcrumbs. If there isn't enough room to render all links,
-         * it will automatically overflow items into this menu.
-         * @example
+         * ```tsx
          * <Breadcrumbs.Menu.Popper>
          *   <Breadcrumbs.Menu.Card>
          *     <Breadcrumbs.Menu.List>
@@ -167,6 +187,7 @@ exports.Breadcrumbs = common_1.createContainer('nav')({
          *     </Breadcrumbs.Menu.List>
          *   </Breadcrumbs.Menu.Card>
          * </Breadcrumbs.Menu.Popper>
+         * ```
          */
         Menu: BreadcrumbsMenu_1.BreadcrumbsMenu,
     },

package/dist/commonjs/breadcrumbs/lib/BreadcrumbsCurrentItem.d.ts

@@ -6,7 +6,7 @@ export interface BreadcrumbsCurrentItemProps extends TextProps {
 }
 export declare const useBreadcrumbsItem: <P extends {}, R>(model: {
     state: {
-        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
@@ -20,11 +20,11 @@ export declare const useBreadcrumbsItem: <P extends {}, R>(model: {
         UNSTABLE_defaultItemHeight: number;
         containerRef: React.RefObject<HTMLDivElement>;
         id: string;
-        orientation: import("../../collection/lib/useBaseListModel").Orientation;
+        orientation: "horizontal" | "vertical";
         indexRef: React.MutableRefObject<number>;
         nonInteractiveIds: string[];
         isVirtualized: boolean;
-        items: import("../../collection").Item<any>[];
+        items: import("@workday/canvas-kit-react/collection").Item<any>[];
     };
     events: {
         select(data: {
@@ -59,10 +59,10 @@ export declare const useBreadcrumbsItem: <P extends {}, R>(model: {
     selection: import("../../collection/lib/useSelectionListModel").SelectionManager;
     navigation: import("../../collection/lib/useCursorListModel").NavigationManager;
     getId: (item: any) => string;
-}, elemProps?: P | undefined, ref?: ((instance: R | null) => void) | React.RefObject<R> | null | undefined) => {} & P & (R extends HTMLOrSVGElement ? {
+}, elemProps?: P | undefined, ref?: React.Ref<R> | undefined) => {} & P & (R extends HTMLOrSVGElement ? {
     ref: React.Ref<R>;
 } : {});
-export declare const BreadcrumbsCurrentItem: import("../../common").ElementComponentM<"li", BreadcrumbsCurrentItemProps, {
+export declare const BreadcrumbsCurrentItem: import("@workday/canvas-kit-react/common").ElementComponentM<"li", BreadcrumbsCurrentItemProps, {
     state: {
         hiddenIds: string[];
         nonInteractiveIds: string[];
@@ -70,7 +70,7 @@ export declare const BreadcrumbsCurrentItem: import("../../common").ElementCompo
         itemWidthCache: Record<string, number>;
         containerWidth: number;
         overflowTargetWidth: number;
-        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
@@ -86,7 +86,7 @@ export declare const BreadcrumbsCurrentItem: import("../../common").ElementCompo
         id: string;
         indexRef: React.MutableRefObject<number>;
         isVirtualized: boolean;
-        items: import("../../collection").Item<any>[];
+        items: import("@workday/canvas-kit-react/collection").Item<any>[];
     };
     events: {
         select(data: {
@@ -145,8 +145,8 @@ export declare const BreadcrumbsCurrentItem: import("../../common").ElementCompo
             returnFocusRef: React.RefObject<any> | undefined;
             placement: import("@popperjs/core").Placement;
             id: string;
-            visibility: import("../..").Visibility;
-            selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+            visibility: "hidden" | "visible";
+            selectedIds: string[] | "all";
             unselectedIds: string[];
             cursorId: string;
             columnCount: number;
@@ -159,11 +159,11 @@ export declare const BreadcrumbsCurrentItem: import("../../common").ElementCompo
             };
             UNSTABLE_defaultItemHeight: number;
             containerRef: React.RefObject<HTMLDivElement>;
-            orientation: import("../../collection/lib/useBaseListModel").Orientation;
+            orientation: "horizontal" | "vertical";
             indexRef: React.MutableRefObject<number>;
             nonInteractiveIds: string[];
             isVirtualized: boolean;
-            items: import("../../collection").Item<any>[];
+            items: import("@workday/canvas-kit-react/collection").Item<any>[];
             mode: "multiple" | "single";
         };
         events: {

package/dist/commonjs/breadcrumbs/lib/BreadcrumbsItem.d.ts

@@ -18,7 +18,7 @@ export interface BreadcrumbsItemProps extends FlexProps {
 }
 export declare const useBreadcrumbsItem: <P extends {}, R>(model: {
     state: {
-        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
@@ -32,11 +32,11 @@ export declare const useBreadcrumbsItem: <P extends {}, R>(model: {
         UNSTABLE_defaultItemHeight: number;
         containerRef: React.RefObject<HTMLDivElement>;
         id: string;
-        orientation: import("../../collection/lib/useBaseListModel").Orientation;
+        orientation: "horizontal" | "vertical";
         indexRef: React.MutableRefObject<number>;
         nonInteractiveIds: string[];
         isVirtualized: boolean;
-        items: import("../../collection").Item<any>[];
+        items: import("@workday/canvas-kit-react/collection").Item<any>[];
     };
     events: {
         select(data: {
@@ -71,10 +71,10 @@ export declare const useBreadcrumbsItem: <P extends {}, R>(model: {
     selection: import("../../collection/lib/useSelectionListModel").SelectionManager;
     navigation: import("../../collection/lib/useCursorListModel").NavigationManager;
     getId: (item: any) => string;
-}, elemProps?: P | undefined, ref?: ((instance: R | null) => void) | React.RefObject<R> | null | undefined) => {} & P & (R extends HTMLOrSVGElement ? {
+}, elemProps?: P | undefined, ref?: React.Ref<R> | undefined) => {} & P & (R extends HTMLOrSVGElement ? {
     ref: React.Ref<R>;
 } : {});
-export declare const BreadcrumbsItem: import("../../common").ElementComponentM<"li", BreadcrumbsItemProps, {
+export declare const BreadcrumbsItem: import("@workday/canvas-kit-react/common").ElementComponentM<"li", BreadcrumbsItemProps, {
     state: {
         hiddenIds: string[];
         nonInteractiveIds: string[];
@@ -82,7 +82,7 @@ export declare const BreadcrumbsItem: import("../../common").ElementComponentM<"
         itemWidthCache: Record<string, number>;
         containerWidth: number;
         overflowTargetWidth: number;
-        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
@@ -98,7 +98,7 @@ export declare const BreadcrumbsItem: import("../../common").ElementComponentM<"
         id: string;
         indexRef: React.MutableRefObject<number>;
         isVirtualized: boolean;
-        items: import("../../collection").Item<any>[];
+        items: import("@workday/canvas-kit-react/collection").Item<any>[];
     };
     events: {
         select(data: {
@@ -157,8 +157,8 @@ export declare const BreadcrumbsItem: import("../../common").ElementComponentM<"
             returnFocusRef: React.RefObject<any> | undefined;
             placement: import("@popperjs/core").Placement;
             id: string;
-            visibility: import("../..").Visibility;
-            selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+            visibility: "hidden" | "visible";
+            selectedIds: string[] | "all";
             unselectedIds: string[];
             cursorId: string;
             columnCount: number;
@@ -171,11 +171,11 @@ export declare const BreadcrumbsItem: import("../../common").ElementComponentM<"
             };
             UNSTABLE_defaultItemHeight: number;
             containerRef: React.RefObject<HTMLDivElement>;
-            orientation: import("../../collection/lib/useBaseListModel").Orientation;
+            orientation: "horizontal" | "vertical";
             indexRef: React.MutableRefObject<number>;
             nonInteractiveIds: string[];
             isVirtualized: boolean;
-            items: import("../../collection").Item<any>[];
+            items: import("@workday/canvas-kit-react/collection").Item<any>[];
             mode: "multiple" | "single";
         };
         events: {
@@ -221,6 +221,6 @@ export declare const BreadcrumbsItem: import("../../common").ElementComponentM<"
     navigation: import("../../collection/lib/useCursorListModel").NavigationManager;
     getId: (item: any) => string;
 }> & {
-    Link: import("../../common").ElementComponent<"a", import("./BreadcrumbsLink").BreadcrumbsLinkProps>;
+    Link: import("@workday/canvas-kit-react/common").ElementComponent<"a", import("./BreadcrumbsLink").BreadcrumbsLinkProps>;
 };
 //# sourceMappingURL=BreadcrumbsItem.d.ts.map

package/dist/commonjs/breadcrumbs/lib/BreadcrumbsItem.js

@@ -51,7 +51,7 @@ var canvas_system_icons_web_1 = require("@workday/canvas-system-icons-web");
 var tokens_1 = require("@workday/canvas-kit-react/tokens");
 var useBreadcrumbsModel_1 = require("./hooks/useBreadcrumbsModel");
 var BreadcrumbsLink_1 = require("./BreadcrumbsLink");
-exports.useBreadcrumbsItem = common_1.composeHooks(collection_1.useOverflowListItemMeasure, collection_1.useListItemRegister, common_1.createElemPropsHook(useBreadcrumbsModel_1.useBreadcrumbsModel)(function (_a, _, elemProps) {
+exports.useBreadcrumbsItem = common_1.composeHooks(collection_1.useOverflowListItemMeasure, common_1.createElemPropsHook(useBreadcrumbsModel_1.useBreadcrumbsModel)(function (_a, _, elemProps) {
     var _b;
     var state = _a.state;
     if (elemProps === void 0) { elemProps = {}; }
@@ -60,7 +60,7 @@ exports.useBreadcrumbsItem = common_1.composeHooks(collection_1.useOverflowListI
         inert: state.nonInteractiveIds.includes(localId) ? '' : undefined,
         disabled: undefined,
     };
-}));
+}), collection_1.useListItemRegister);
 exports.BreadcrumbsItem = common_1.createSubcomponent('li')({
     displayName: 'Breadcrumbs.Item',
     modelHook: useBreadcrumbsModel_1.useBreadcrumbsModel,

package/dist/commonjs/breadcrumbs/lib/BreadcrumbsLink.d.ts

@@ -13,5 +13,5 @@ export interface BreadcrumbsLinkProps extends React.AnchorHTMLAttributes<HTMLAnc
     maxWidth?: number;
     tooltipProps?: OverflowTooltipProps | {};
 }
-export declare const BreadcrumbsLink: import("../../common").ElementComponent<"a", BreadcrumbsLinkProps>;
+export declare const BreadcrumbsLink: import("@workday/canvas-kit-react/common").ElementComponent<"a", BreadcrumbsLinkProps>;
 //# sourceMappingURL=BreadcrumbsLink.d.ts.map

package/dist/commonjs/breadcrumbs/lib/BreadcrumbsLink.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbsLink.d.ts","sourceRoot":"","sources":["../../../../breadcrumbs/lib/BreadcrumbsLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAkB,oBAAoB,EAAC,MAAM,mCAAmC,CAAC;AAGxF,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACzF;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,oBAAoB,GAAG,EAAE,CAAC;CAC1C;AAgBD,eAAO,MAAM,eAAe,oEAiB1B,CAAC"}
+{"version":3,"file":"BreadcrumbsLink.d.ts","sourceRoot":"","sources":["../../../../breadcrumbs/lib/BreadcrumbsLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAkB,oBAAoB,EAAC,MAAM,mCAAmC,CAAC;AAGxF,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACzF;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,oBAAoB,GAAG,EAAE,CAAC;CAC1C;AAgBD,eAAO,MAAM,eAAe,wFAiB1B,CAAC"}

package/dist/commonjs/breadcrumbs/lib/BreadcrumbsList.d.ts

@@ -14,7 +14,7 @@ export interface BreadcrumbsListProps<T = any> extends Omit<ExtractProps<typeof
      */
     children: ((item: T, index: number) => React.ReactNode) | React.ReactNode;
 }
-export declare const BreadcrumbsList: import("../../common").ElementComponentM<"ul", BreadcrumbsListProps<any>, {
+export declare const BreadcrumbsList: import("@workday/canvas-kit-react/common").ElementComponentM<"ul", BreadcrumbsListProps<any>, {
     state: {
         hiddenIds: string[];
         nonInteractiveIds: string[];
@@ -22,7 +22,7 @@ export declare const BreadcrumbsList: import("../../common").ElementComponentM<"
         itemWidthCache: Record<string, number>;
         containerWidth: number;
         overflowTargetWidth: number;
-        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
@@ -38,7 +38,7 @@ export declare const BreadcrumbsList: import("../../common").ElementComponentM<"
         id: string;
         indexRef: React.MutableRefObject<number>;
         isVirtualized: boolean;
-        items: import("../../collection").Item<any>[];
+        items: import("@workday/canvas-kit-react/collection").Item<any>[];
     };
     events: {
         select(data: {
@@ -97,8 +97,8 @@ export declare const BreadcrumbsList: import("../../common").ElementComponentM<"
             returnFocusRef: React.RefObject<any> | undefined;
             placement: import("@popperjs/core").Placement;
             id: string;
-            visibility: import("../..").Visibility;
-            selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+            visibility: "hidden" | "visible";
+            selectedIds: string[] | "all";
             unselectedIds: string[];
             cursorId: string;
             columnCount: number;
@@ -111,11 +111,11 @@ export declare const BreadcrumbsList: import("../../common").ElementComponentM<"
             };
             UNSTABLE_defaultItemHeight: number;
             containerRef: React.RefObject<HTMLDivElement>;
-            orientation: import("../../collection/lib/useBaseListModel").Orientation;
+            orientation: "horizontal" | "vertical";
             indexRef: React.MutableRefObject<number>;
             nonInteractiveIds: string[];
             isVirtualized: boolean;
-            items: import("../../collection").Item<any>[];
+            items: import("@workday/canvas-kit-react/collection").Item<any>[];
             mode: "multiple" | "single";
         };
         events: {