@fluentui/react-breadcrumb 9.72.9-experimental.component-base-hooks.20260122-49fc330360.0 → 9.74.3-experimental.esm.20260709-49ee7a20cf.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +121 -13
- package/dist/index.d.cts +335 -0
- package/dist/index.d.ts +84 -7
- package/lib/Breadcrumb.js +1 -1
- package/lib/Breadcrumb.js.map +1 -1
- package/lib/BreadcrumbButton.js +1 -1
- package/lib/BreadcrumbButton.js.map +1 -1
- package/lib/BreadcrumbDivider.js +1 -1
- package/lib/BreadcrumbDivider.js.map +1 -1
- package/lib/BreadcrumbItem.js +1 -1
- package/lib/BreadcrumbItem.js.map +1 -1
- package/lib/components/Breadcrumb/Breadcrumb.js +6 -6
- package/lib/components/Breadcrumb/Breadcrumb.js.map +1 -1
- package/lib/components/Breadcrumb/Breadcrumb.types.js +1 -3
- package/lib/components/Breadcrumb/Breadcrumb.types.js.map +1 -1
- package/lib/components/Breadcrumb/BreadcrumbContext.js +1 -1
- package/lib/components/Breadcrumb/BreadcrumbContext.js.map +1 -1
- package/lib/components/Breadcrumb/index.js +6 -5
- package/lib/components/Breadcrumb/index.js.map +1 -1
- package/lib/components/Breadcrumb/renderBreadcrumb.js +2 -2
- package/lib/components/Breadcrumb/renderBreadcrumb.js.map +1 -1
- package/lib/components/Breadcrumb/useBreadcrumb.js +39 -11
- package/lib/components/Breadcrumb/useBreadcrumb.js.map +1 -1
- package/lib/components/Breadcrumb/useBreadcrumbContextValue.js +1 -1
- package/lib/components/Breadcrumb/useBreadcrumbStyles.styles.js +3 -3
- package/lib/components/Breadcrumb/useBreadcrumbStyles.styles.js.map +1 -1
- package/lib/components/Breadcrumb/useBreadcrumbStyles.styles.raw.js +3 -2
- package/lib/components/Breadcrumb/useBreadcrumbStyles.styles.raw.js.map +1 -1
- package/lib/components/BreadcrumbButton/BreadcrumbButton.js +5 -5
- package/lib/components/BreadcrumbButton/BreadcrumbButton.js.map +1 -1
- package/lib/components/BreadcrumbButton/BreadcrumbButton.types.js +1 -3
- package/lib/components/BreadcrumbButton/BreadcrumbButton.types.js.map +1 -1
- package/lib/components/BreadcrumbButton/index.js +4 -4
- package/lib/components/BreadcrumbButton/index.js.map +1 -1
- package/lib/components/BreadcrumbButton/renderBreadcrumbButton.js +1 -1
- package/lib/components/BreadcrumbButton/renderBreadcrumbButton.js.map +1 -1
- package/lib/components/BreadcrumbButton/useBreadcrumbButton.js +28 -15
- package/lib/components/BreadcrumbButton/useBreadcrumbButton.js.map +1 -1
- package/lib/components/BreadcrumbButton/useBreadcrumbButtonStyles.styles.js +6 -6
- package/lib/components/BreadcrumbButton/useBreadcrumbButtonStyles.styles.js.map +1 -1
- package/lib/components/BreadcrumbButton/useBreadcrumbButtonStyles.styles.raw.js +6 -5
- package/lib/components/BreadcrumbButton/useBreadcrumbButtonStyles.styles.raw.js.map +1 -1
- package/lib/components/BreadcrumbDivider/BreadcrumbDivider.js +5 -5
- package/lib/components/BreadcrumbDivider/BreadcrumbDivider.js.map +1 -1
- package/lib/components/BreadcrumbDivider/BreadcrumbDivider.types.js +1 -1
- package/lib/components/BreadcrumbDivider/BreadcrumbDivider.types.js.map +1 -1
- package/lib/components/BreadcrumbDivider/index.js +4 -4
- package/lib/components/BreadcrumbDivider/index.js.map +1 -1
- package/lib/components/BreadcrumbDivider/renderBreadcrumbDivider.js +1 -1
- package/lib/components/BreadcrumbDivider/renderBreadcrumbDivider.js.map +1 -1
- package/lib/components/BreadcrumbDivider/useBreadcrumbDivider.js +23 -9
- package/lib/components/BreadcrumbDivider/useBreadcrumbDivider.js.map +1 -1
- package/lib/components/BreadcrumbDivider/useBreadcrumbDividerStyles.styles.js +2 -3
- package/lib/components/BreadcrumbDivider/useBreadcrumbDividerStyles.styles.js.map +1 -1
- package/lib/components/BreadcrumbDivider/useBreadcrumbDividerStyles.styles.raw.js +2 -2
- package/lib/components/BreadcrumbDivider/useBreadcrumbDividerStyles.styles.raw.js.map +1 -1
- package/lib/components/BreadcrumbItem/BreadcrumbItem.js +5 -5
- package/lib/components/BreadcrumbItem/BreadcrumbItem.js.map +1 -1
- package/lib/components/BreadcrumbItem/BreadcrumbItem.types.js +1 -1
- package/lib/components/BreadcrumbItem/BreadcrumbItem.types.js.map +1 -1
- package/lib/components/BreadcrumbItem/index.js +4 -4
- package/lib/components/BreadcrumbItem/index.js.map +1 -1
- package/lib/components/BreadcrumbItem/renderBreadcrumbItem.js +1 -1
- package/lib/components/BreadcrumbItem/renderBreadcrumbItem.js.map +1 -1
- package/lib/components/BreadcrumbItem/useBreadcrumbItem.js +16 -5
- package/lib/components/BreadcrumbItem/useBreadcrumbItem.js.map +1 -1
- package/lib/components/BreadcrumbItem/useBreadcrumbItemStyles.styles.js +3 -4
- package/lib/components/BreadcrumbItem/useBreadcrumbItemStyles.styles.js.map +1 -1
- package/lib/components/BreadcrumbItem/useBreadcrumbItemStyles.styles.raw.js +3 -3
- package/lib/components/BreadcrumbItem/useBreadcrumbItemStyles.styles.raw.js.map +1 -1
- package/lib/index.js +6 -6
- package/lib/index.js.map +1 -1
- package/lib/utils/index.js +2 -2
- package/lib/utils/index.js.map +1 -1
- package/lib-commonjs/{Breadcrumb.js → Breadcrumb.cjs} +10 -1
- package/lib-commonjs/Breadcrumb.cjs.map +1 -0
- package/lib-commonjs/{BreadcrumbButton.js → BreadcrumbButton.cjs} +4 -1
- package/lib-commonjs/BreadcrumbButton.cjs.map +1 -0
- package/lib-commonjs/{BreadcrumbDivider.js → BreadcrumbDivider.cjs} +4 -1
- package/lib-commonjs/BreadcrumbDivider.cjs.map +1 -0
- package/lib-commonjs/{BreadcrumbItem.js → BreadcrumbItem.cjs} +4 -1
- package/lib-commonjs/BreadcrumbItem.cjs.map +1 -0
- package/lib-commonjs/components/Breadcrumb/{Breadcrumb.js → Breadcrumb.cjs} +4 -4
- package/lib-commonjs/components/Breadcrumb/{Breadcrumb.js.map → Breadcrumb.cjs.map} +1 -1
- package/lib-commonjs/components/Breadcrumb/{Breadcrumb.types.js → Breadcrumb.types.cjs} +1 -3
- package/lib-commonjs/components/Breadcrumb/{Breadcrumb.types.js.map → Breadcrumb.types.cjs.map} +1 -1
- package/lib-commonjs/components/Breadcrumb/BreadcrumbContext.cjs.map +1 -0
- package/lib-commonjs/components/Breadcrumb/{index.js → index.cjs} +15 -5
- package/lib-commonjs/components/Breadcrumb/index.cjs.map +1 -0
- package/lib-commonjs/components/Breadcrumb/{renderBreadcrumb.js → renderBreadcrumb.cjs} +1 -1
- package/lib-commonjs/components/Breadcrumb/renderBreadcrumb.cjs.map +1 -0
- package/lib-commonjs/components/Breadcrumb/{useBreadcrumb.js → useBreadcrumb.cjs} +38 -13
- package/lib-commonjs/components/Breadcrumb/useBreadcrumb.cjs.map +1 -0
- package/lib-commonjs/components/Breadcrumb/{useBreadcrumbStyles.styles.js → useBreadcrumbStyles.styles.cjs} +2 -1
- package/lib-commonjs/components/Breadcrumb/useBreadcrumbStyles.styles.cjs.map +1 -0
- package/lib-commonjs/components/Breadcrumb/{useBreadcrumbStyles.styles.raw.js → useBreadcrumbStyles.styles.raw.cjs} +2 -1
- package/lib-commonjs/components/Breadcrumb/useBreadcrumbStyles.styles.raw.cjs.map +1 -0
- package/lib-commonjs/components/BreadcrumbButton/{BreadcrumbButton.js → BreadcrumbButton.cjs} +3 -3
- package/lib-commonjs/components/BreadcrumbButton/{BreadcrumbButton.js.map → BreadcrumbButton.cjs.map} +1 -1
- package/lib-commonjs/components/{BreadcrumbItem/BreadcrumbItem.types.js → BreadcrumbButton/BreadcrumbButton.types.cjs} +1 -3
- package/lib-commonjs/components/BreadcrumbButton/BreadcrumbButton.types.cjs.map +1 -0
- package/lib-commonjs/components/BreadcrumbButton/{index.js → index.cjs} +7 -4
- package/lib-commonjs/components/BreadcrumbButton/index.cjs.map +1 -0
- package/lib-commonjs/components/BreadcrumbButton/renderBreadcrumbButton.cjs.map +1 -0
- package/lib-commonjs/components/BreadcrumbButton/useBreadcrumbButton.cjs +49 -0
- package/lib-commonjs/components/BreadcrumbButton/useBreadcrumbButton.cjs.map +1 -0
- package/lib-commonjs/components/BreadcrumbButton/{useBreadcrumbButtonStyles.styles.js → useBreadcrumbButtonStyles.styles.cjs} +2 -1
- package/lib-commonjs/components/BreadcrumbButton/useBreadcrumbButtonStyles.styles.cjs.map +1 -0
- package/lib-commonjs/components/BreadcrumbButton/{useBreadcrumbButtonStyles.styles.raw.js → useBreadcrumbButtonStyles.styles.raw.cjs} +2 -1
- package/lib-commonjs/components/BreadcrumbButton/useBreadcrumbButtonStyles.styles.raw.cjs.map +1 -0
- package/lib-commonjs/components/BreadcrumbDivider/{BreadcrumbDivider.js → BreadcrumbDivider.cjs} +3 -3
- package/lib-commonjs/components/BreadcrumbDivider/{BreadcrumbDivider.js.map → BreadcrumbDivider.cjs.map} +1 -1
- package/lib-commonjs/components/BreadcrumbDivider/BreadcrumbDivider.types.cjs +6 -0
- package/lib-commonjs/components/BreadcrumbDivider/{BreadcrumbDivider.types.js.map → BreadcrumbDivider.types.cjs.map} +1 -1
- package/lib-commonjs/components/BreadcrumbDivider/{index.js → index.cjs} +7 -4
- package/lib-commonjs/components/BreadcrumbDivider/index.cjs.map +1 -0
- package/lib-commonjs/components/BreadcrumbDivider/renderBreadcrumbDivider.cjs.map +1 -0
- package/lib-commonjs/components/BreadcrumbDivider/{useBreadcrumbDivider.js → useBreadcrumbDivider.cjs} +24 -8
- package/lib-commonjs/components/BreadcrumbDivider/useBreadcrumbDivider.cjs.map +1 -0
- package/lib-commonjs/components/BreadcrumbDivider/{useBreadcrumbDividerStyles.styles.js → useBreadcrumbDividerStyles.styles.cjs} +1 -1
- package/lib-commonjs/components/BreadcrumbDivider/useBreadcrumbDividerStyles.styles.cjs.map +1 -0
- package/lib-commonjs/components/BreadcrumbDivider/{useBreadcrumbDividerStyles.styles.raw.js → useBreadcrumbDividerStyles.styles.raw.cjs} +1 -1
- package/lib-commonjs/components/BreadcrumbDivider/useBreadcrumbDividerStyles.styles.raw.cjs.map +1 -0
- package/lib-commonjs/components/BreadcrumbItem/{BreadcrumbItem.js → BreadcrumbItem.cjs} +3 -3
- package/lib-commonjs/components/BreadcrumbItem/{BreadcrumbItem.js.map → BreadcrumbItem.cjs.map} +1 -1
- package/lib-commonjs/components/BreadcrumbItem/BreadcrumbItem.types.cjs +6 -0
- package/lib-commonjs/components/BreadcrumbItem/{BreadcrumbItem.types.js.map → BreadcrumbItem.types.cjs.map} +1 -1
- package/lib-commonjs/components/BreadcrumbItem/{index.js → index.cjs} +7 -4
- package/lib-commonjs/components/BreadcrumbItem/index.cjs.map +1 -0
- package/lib-commonjs/components/BreadcrumbItem/renderBreadcrumbItem.cjs.map +1 -0
- package/lib-commonjs/components/BreadcrumbItem/{useBreadcrumbItem.js → useBreadcrumbItem.cjs} +20 -8
- package/lib-commonjs/components/BreadcrumbItem/useBreadcrumbItem.cjs.map +1 -0
- package/lib-commonjs/components/BreadcrumbItem/{useBreadcrumbItemStyles.styles.js → useBreadcrumbItemStyles.styles.cjs} +1 -1
- package/lib-commonjs/components/BreadcrumbItem/useBreadcrumbItemStyles.styles.cjs.map +1 -0
- package/lib-commonjs/components/BreadcrumbItem/{useBreadcrumbItemStyles.styles.raw.js → useBreadcrumbItemStyles.styles.raw.cjs} +1 -1
- package/lib-commonjs/components/BreadcrumbItem/useBreadcrumbItemStyles.styles.raw.cjs.map +1 -0
- package/lib-commonjs/{index.js → index.cjs} +23 -5
- package/lib-commonjs/index.cjs.map +1 -0
- package/lib-commonjs/utils/{index.js → index.cjs} +2 -2
- package/lib-commonjs/utils/{index.js.map → index.cjs.map} +1 -1
- package/package.json +21 -15
- package/lib-commonjs/Breadcrumb.js.map +0 -1
- package/lib-commonjs/BreadcrumbButton.js.map +0 -1
- package/lib-commonjs/BreadcrumbDivider.js.map +0 -1
- package/lib-commonjs/BreadcrumbItem.js.map +0 -1
- package/lib-commonjs/components/Breadcrumb/BreadcrumbContext.js.map +0 -1
- package/lib-commonjs/components/Breadcrumb/index.js.map +0 -1
- package/lib-commonjs/components/Breadcrumb/renderBreadcrumb.js.map +0 -1
- package/lib-commonjs/components/Breadcrumb/useBreadcrumb.js.map +0 -1
- package/lib-commonjs/components/Breadcrumb/useBreadcrumbStyles.styles.js.map +0 -1
- package/lib-commonjs/components/Breadcrumb/useBreadcrumbStyles.styles.raw.js.map +0 -1
- package/lib-commonjs/components/BreadcrumbButton/BreadcrumbButton.types.js +0 -6
- package/lib-commonjs/components/BreadcrumbButton/BreadcrumbButton.types.js.map +0 -1
- package/lib-commonjs/components/BreadcrumbButton/index.js.map +0 -1
- package/lib-commonjs/components/BreadcrumbButton/renderBreadcrumbButton.js.map +0 -1
- package/lib-commonjs/components/BreadcrumbButton/useBreadcrumbButton.js +0 -35
- package/lib-commonjs/components/BreadcrumbButton/useBreadcrumbButton.js.map +0 -1
- package/lib-commonjs/components/BreadcrumbButton/useBreadcrumbButtonStyles.styles.js.map +0 -1
- package/lib-commonjs/components/BreadcrumbButton/useBreadcrumbButtonStyles.styles.raw.js.map +0 -1
- package/lib-commonjs/components/BreadcrumbDivider/BreadcrumbDivider.types.js +0 -6
- package/lib-commonjs/components/BreadcrumbDivider/index.js.map +0 -1
- package/lib-commonjs/components/BreadcrumbDivider/renderBreadcrumbDivider.js.map +0 -1
- package/lib-commonjs/components/BreadcrumbDivider/useBreadcrumbDivider.js.map +0 -1
- package/lib-commonjs/components/BreadcrumbDivider/useBreadcrumbDividerStyles.styles.js.map +0 -1
- package/lib-commonjs/components/BreadcrumbDivider/useBreadcrumbDividerStyles.styles.raw.js.map +0 -1
- package/lib-commonjs/components/BreadcrumbItem/index.js.map +0 -1
- package/lib-commonjs/components/BreadcrumbItem/renderBreadcrumbItem.js.map +0 -1
- package/lib-commonjs/components/BreadcrumbItem/useBreadcrumbItem.js.map +0 -1
- package/lib-commonjs/components/BreadcrumbItem/useBreadcrumbItemStyles.styles.js.map +0 -1
- package/lib-commonjs/components/BreadcrumbItem/useBreadcrumbItemStyles.styles.raw.js.map +0 -1
- package/lib-commonjs/index.js.map +0 -1
- /package/lib-commonjs/components/Breadcrumb/{BreadcrumbContext.js → BreadcrumbContext.cjs} +0 -0
- /package/lib-commonjs/components/Breadcrumb/{useBreadcrumbContextValue.js → useBreadcrumbContextValue.cjs} +0 -0
- /package/lib-commonjs/components/Breadcrumb/{useBreadcrumbContextValue.js.map → useBreadcrumbContextValue.cjs.map} +0 -0
- /package/lib-commonjs/components/BreadcrumbButton/{renderBreadcrumbButton.js → renderBreadcrumbButton.cjs} +0 -0
- /package/lib-commonjs/components/BreadcrumbDivider/{renderBreadcrumbDivider.js → renderBreadcrumbDivider.cjs} +0 -0
- /package/lib-commonjs/components/BreadcrumbItem/{renderBreadcrumbItem.js → renderBreadcrumbItem.cjs} +0 -0
- /package/lib-commonjs/utils/{partitionBreadcrumbItems.js → partitionBreadcrumbItems.cjs} +0 -0
- /package/lib-commonjs/utils/{partitionBreadcrumbItems.js.map → partitionBreadcrumbItems.cjs.map} +0 -0
- /package/lib-commonjs/utils/{truncateBreadcrumb.js → truncateBreadcrumb.cjs} +0 -0
- /package/lib-commonjs/utils/{truncateBreadcrumb.js.map → truncateBreadcrumb.cjs.map} +0 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,25 +1,133 @@
|
|
|
1
1
|
# Change Log - @fluentui/react-breadcrumb
|
|
2
2
|
|
|
3
|
-
This log was last generated on Thu,
|
|
3
|
+
This log was last generated on Thu, 09 Jul 2026 17:34:01 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
-
## [9.
|
|
7
|
+
## [9.74.3-experimental.esm.20260709-49ee7a20cf.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-breadcrumb_v9.74.3-experimental.esm.20260709-49ee7a20cf.0)
|
|
8
8
|
|
|
9
|
-
Thu,
|
|
10
|
-
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-breadcrumb_v9.
|
|
9
|
+
Thu, 09 Jul 2026 17:34:01 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-breadcrumb_v9.4.4..@fluentui/react-breadcrumb_v9.74.3-experimental.esm.20260709-49ee7a20cf.0)
|
|
11
11
|
|
|
12
12
|
### Changes
|
|
13
13
|
|
|
14
|
-
- Release 9.
|
|
15
|
-
- Bump @fluentui/react-aria to v9.
|
|
16
|
-
- Bump @fluentui/react-button to v9.
|
|
17
|
-
- Bump @fluentui/react-link to v9.
|
|
18
|
-
- Bump @fluentui/react-shared-contexts to v9.
|
|
19
|
-
- Bump @fluentui/react-tabster to v9.
|
|
20
|
-
- Bump @fluentui/react-theme to v9.
|
|
21
|
-
- Bump @fluentui/react-utilities to v9.
|
|
22
|
-
- Bump @fluentui/react-jsx-runtime to v9.
|
|
14
|
+
- Release 9.74.3-experimental.esm.20260709-49ee7a20cf ([commit](https://github.com/microsoft/fluentui/commit/not available) by fluentui-internal@service.microsoft.com)
|
|
15
|
+
- Bump @fluentui/react-aria to v9.74.3-experimental.esm.20260709-49ee7a20cf.0 ([commit](https://github.com/microsoft/fluentui/commit/175a26e0c520dd90a54578d1185a3b0b6c446e15) by beachball)
|
|
16
|
+
- Bump @fluentui/react-button to v9.74.3-experimental.esm.20260709-49ee7a20cf.0 ([commit](https://github.com/microsoft/fluentui/commit/175a26e0c520dd90a54578d1185a3b0b6c446e15) by beachball)
|
|
17
|
+
- Bump @fluentui/react-link to v9.74.3-experimental.esm.20260709-49ee7a20cf.0 ([commit](https://github.com/microsoft/fluentui/commit/175a26e0c520dd90a54578d1185a3b0b6c446e15) by beachball)
|
|
18
|
+
- Bump @fluentui/react-shared-contexts to v9.74.3-experimental.esm.20260709-49ee7a20cf.0 ([commit](https://github.com/microsoft/fluentui/commit/175a26e0c520dd90a54578d1185a3b0b6c446e15) by beachball)
|
|
19
|
+
- Bump @fluentui/react-tabster to v9.74.3-experimental.esm.20260709-49ee7a20cf.0 ([commit](https://github.com/microsoft/fluentui/commit/175a26e0c520dd90a54578d1185a3b0b6c446e15) by beachball)
|
|
20
|
+
- Bump @fluentui/react-theme to v9.74.3-experimental.esm.20260709-49ee7a20cf.0 ([commit](https://github.com/microsoft/fluentui/commit/175a26e0c520dd90a54578d1185a3b0b6c446e15) by beachball)
|
|
21
|
+
- Bump @fluentui/react-utilities to v9.74.3-experimental.esm.20260709-49ee7a20cf.0 ([commit](https://github.com/microsoft/fluentui/commit/175a26e0c520dd90a54578d1185a3b0b6c446e15) by beachball)
|
|
22
|
+
- Bump @fluentui/react-jsx-runtime to v9.74.3-experimental.esm.20260709-49ee7a20cf.0 ([commit](https://github.com/microsoft/fluentui/commit/175a26e0c520dd90a54578d1185a3b0b6c446e15) by beachball)
|
|
23
|
+
|
|
24
|
+
## [9.4.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-breadcrumb_v9.4.4)
|
|
25
|
+
|
|
26
|
+
Mon, 29 Jun 2026 15:15:07 GMT
|
|
27
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-breadcrumb_v9.4.3..@fluentui/react-breadcrumb_v9.4.4)
|
|
28
|
+
|
|
29
|
+
### Patches
|
|
30
|
+
|
|
31
|
+
- Bump @fluentui/react-button to v9.10.1 ([commit](https://github.com/microsoft/fluentui/commit/aedc345f58bc16bb8540615b5afdf3d2d3569db4) by beachball)
|
|
32
|
+
|
|
33
|
+
## [9.4.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-breadcrumb_v9.4.3)
|
|
34
|
+
|
|
35
|
+
Wed, 24 Jun 2026 11:10:07 GMT
|
|
36
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-breadcrumb_v9.4.2..@fluentui/react-breadcrumb_v9.4.3)
|
|
37
|
+
|
|
38
|
+
### Patches
|
|
39
|
+
|
|
40
|
+
- fix: remove redundant use no memo directives, and add justification to valid ones ([PR #36224](https://github.com/microsoft/fluentui/pull/36224) by martinhochel@microsoft.com)
|
|
41
|
+
- Bump @fluentui/react-aria to v9.17.13 ([commit](https://github.com/microsoft/fluentui/commit/a4b871ca80c1f16f35ab4229def4fe02be7f30ea) by beachball)
|
|
42
|
+
- Bump @fluentui/react-button to v9.10.0 ([commit](https://github.com/microsoft/fluentui/commit/a4b871ca80c1f16f35ab4229def4fe02be7f30ea) by beachball)
|
|
43
|
+
- Bump @fluentui/react-link to v9.8.3 ([commit](https://github.com/microsoft/fluentui/commit/a4b871ca80c1f16f35ab4229def4fe02be7f30ea) by beachball)
|
|
44
|
+
- Bump @fluentui/react-tabster to v9.26.16 ([commit](https://github.com/microsoft/fluentui/commit/a4b871ca80c1f16f35ab4229def4fe02be7f30ea) by beachball)
|
|
45
|
+
- Bump @fluentui/react-utilities to v9.26.5 ([commit](https://github.com/microsoft/fluentui/commit/a4b871ca80c1f16f35ab4229def4fe02be7f30ea) by beachball)
|
|
46
|
+
- Bump @fluentui/react-jsx-runtime to v9.4.4 ([commit](https://github.com/microsoft/fluentui/commit/a4b871ca80c1f16f35ab4229def4fe02be7f30ea) by beachball)
|
|
47
|
+
|
|
48
|
+
## [9.4.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-breadcrumb_v9.4.2)
|
|
49
|
+
|
|
50
|
+
Tue, 26 May 2026 09:39:45 GMT
|
|
51
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-breadcrumb_v9.4.1..@fluentui/react-breadcrumb_v9.4.2)
|
|
52
|
+
|
|
53
|
+
### Patches
|
|
54
|
+
|
|
55
|
+
- Bump @fluentui/react-aria to v9.17.12 ([PR #36246](https://github.com/microsoft/fluentui/pull/36246) by beachball)
|
|
56
|
+
- Bump @fluentui/react-button to v9.9.2 ([PR #36246](https://github.com/microsoft/fluentui/pull/36246) by beachball)
|
|
57
|
+
- Bump @fluentui/react-link to v9.8.2 ([PR #36246](https://github.com/microsoft/fluentui/pull/36246) by beachball)
|
|
58
|
+
- Bump @fluentui/react-tabster to v9.26.15 ([PR #36246](https://github.com/microsoft/fluentui/pull/36246) by beachball)
|
|
59
|
+
- Bump @fluentui/react-utilities to v9.26.4 ([PR #36246](https://github.com/microsoft/fluentui/pull/36246) by beachball)
|
|
60
|
+
- Bump @fluentui/react-jsx-runtime to v9.4.3 ([PR #36246](https://github.com/microsoft/fluentui/pull/36246) by beachball)
|
|
61
|
+
|
|
62
|
+
## [9.4.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-breadcrumb_v9.4.1)
|
|
63
|
+
|
|
64
|
+
Thu, 23 Apr 2026 14:21:18 GMT
|
|
65
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-breadcrumb_v9.4.0..@fluentui/react-breadcrumb_v9.4.1)
|
|
66
|
+
|
|
67
|
+
### Patches
|
|
68
|
+
|
|
69
|
+
- fix: update types for render function ([PR #35972](https://github.com/microsoft/fluentui/pull/35972) by dmytrokirpa@microsoft.com)
|
|
70
|
+
- fix(react-breadcrumb): wrong appearance applied by default to BreadcrumbButton ([PR #35970](https://github.com/microsoft/fluentui/pull/35970) by dmytrokirpa@microsoft.com)
|
|
71
|
+
- Bump @fluentui/react-aria to v9.17.11 ([PR #36035](https://github.com/microsoft/fluentui/pull/36035) by beachball)
|
|
72
|
+
- Bump @fluentui/react-button to v9.9.1 ([PR #36035](https://github.com/microsoft/fluentui/pull/36035) by beachball)
|
|
73
|
+
- Bump @fluentui/react-link to v9.8.1 ([PR #36035](https://github.com/microsoft/fluentui/pull/36035) by beachball)
|
|
74
|
+
- Bump @fluentui/react-tabster to v9.26.14 ([PR #36035](https://github.com/microsoft/fluentui/pull/36035) by beachball)
|
|
75
|
+
- Bump @fluentui/react-utilities to v9.26.3 ([PR #36035](https://github.com/microsoft/fluentui/pull/36035) by beachball)
|
|
76
|
+
- Bump @fluentui/react-jsx-runtime to v9.4.2 ([PR #36035](https://github.com/microsoft/fluentui/pull/36035) by beachball)
|
|
77
|
+
|
|
78
|
+
## [9.4.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-breadcrumb_v9.4.0)
|
|
79
|
+
|
|
80
|
+
Thu, 26 Mar 2026 08:12:47 GMT
|
|
81
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-breadcrumb_v9.3.17..@fluentui/react-breadcrumb_v9.4.0)
|
|
82
|
+
|
|
83
|
+
### Minor changes
|
|
84
|
+
|
|
85
|
+
- feat: add base hooks for Breadcrumb ([PR #35819](https://github.com/microsoft/fluentui/pull/35819) by dmytrokirpa@microsoft.com)
|
|
86
|
+
- Bump @fluentui/react-button to v9.9.0 ([PR #35824](https://github.com/microsoft/fluentui/pull/35824) by beachball)
|
|
87
|
+
- Bump @fluentui/react-link to v9.8.0 ([PR #35824](https://github.com/microsoft/fluentui/pull/35824) by beachball)
|
|
88
|
+
|
|
89
|
+
## [9.3.17](https://github.com/microsoft/fluentui/tree/@fluentui/react-breadcrumb_v9.3.17)
|
|
90
|
+
|
|
91
|
+
Wed, 25 Feb 2026 13:32:28 GMT
|
|
92
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-breadcrumb_v9.3.16..@fluentui/react-breadcrumb_v9.3.17)
|
|
93
|
+
|
|
94
|
+
### Patches
|
|
95
|
+
|
|
96
|
+
- Bump @fluentui/react-aria to v9.17.10 ([PR #35782](https://github.com/microsoft/fluentui/pull/35782) by beachball)
|
|
97
|
+
- Bump @fluentui/react-button to v9.8.2 ([PR #35782](https://github.com/microsoft/fluentui/pull/35782) by beachball)
|
|
98
|
+
- Bump @fluentui/react-link to v9.7.4 ([PR #35782](https://github.com/microsoft/fluentui/pull/35782) by beachball)
|
|
99
|
+
- Bump @fluentui/react-shared-contexts to v9.26.2 ([PR #35782](https://github.com/microsoft/fluentui/pull/35782) by beachball)
|
|
100
|
+
- Bump @fluentui/react-tabster to v9.26.13 ([PR #35782](https://github.com/microsoft/fluentui/pull/35782) by beachball)
|
|
101
|
+
- Bump @fluentui/react-utilities to v9.26.2 ([PR #35782](https://github.com/microsoft/fluentui/pull/35782) by beachball)
|
|
102
|
+
- Bump @fluentui/react-jsx-runtime to v9.4.1 ([PR #35782](https://github.com/microsoft/fluentui/pull/35782) by beachball)
|
|
103
|
+
|
|
104
|
+
## [9.3.16](https://github.com/microsoft/fluentui/tree/@fluentui/react-breadcrumb_v9.3.16)
|
|
105
|
+
|
|
106
|
+
Thu, 12 Feb 2026 10:46:15 GMT
|
|
107
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-breadcrumb_v9.3.15..@fluentui/react-breadcrumb_v9.3.16)
|
|
108
|
+
|
|
109
|
+
### Patches
|
|
110
|
+
|
|
111
|
+
- Bump @fluentui/react-aria to v9.17.9 ([PR #35743](https://github.com/microsoft/fluentui/pull/35743) by beachball)
|
|
112
|
+
- Bump @fluentui/react-button to v9.8.1 ([PR #35743](https://github.com/microsoft/fluentui/pull/35743) by beachball)
|
|
113
|
+
- Bump @fluentui/react-link to v9.7.3 ([PR #35743](https://github.com/microsoft/fluentui/pull/35743) by beachball)
|
|
114
|
+
- Bump @fluentui/react-jsx-runtime to v9.4.0 ([PR #35743](https://github.com/microsoft/fluentui/pull/35743) by beachball)
|
|
115
|
+
|
|
116
|
+
## [9.3.15](https://github.com/microsoft/fluentui/tree/@fluentui/react-breadcrumb_v9.3.15)
|
|
117
|
+
|
|
118
|
+
Thu, 22 Jan 2026 17:07:02 GMT
|
|
119
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-breadcrumb_v9.3.14..@fluentui/react-breadcrumb_v9.3.15)
|
|
120
|
+
|
|
121
|
+
### Patches
|
|
122
|
+
|
|
123
|
+
- Bump @fluentui/react-aria to v9.17.8 ([PR #35574](https://github.com/microsoft/fluentui/pull/35574) by beachball)
|
|
124
|
+
- Bump @fluentui/react-button to v9.8.0 ([PR #35574](https://github.com/microsoft/fluentui/pull/35574) by beachball)
|
|
125
|
+
- Bump @fluentui/react-link to v9.7.2 ([PR #35574](https://github.com/microsoft/fluentui/pull/35574) by beachball)
|
|
126
|
+
- Bump @fluentui/react-shared-contexts to v9.26.1 ([PR #35574](https://github.com/microsoft/fluentui/pull/35574) by beachball)
|
|
127
|
+
- Bump @fluentui/react-tabster to v9.26.12 ([PR #35574](https://github.com/microsoft/fluentui/pull/35574) by beachball)
|
|
128
|
+
- Bump @fluentui/react-theme to v9.2.1 ([PR #35574](https://github.com/microsoft/fluentui/pull/35574) by beachball)
|
|
129
|
+
- Bump @fluentui/react-utilities to v9.26.1 ([PR #35574](https://github.com/microsoft/fluentui/pull/35574) by beachball)
|
|
130
|
+
- Bump @fluentui/react-jsx-runtime to v9.3.5 ([PR #35574](https://github.com/microsoft/fluentui/pull/35574) by beachball)
|
|
23
131
|
|
|
24
132
|
## [9.3.14](https://github.com/microsoft/fluentui/tree/@fluentui/react-breadcrumb_v9.3.14)
|
|
25
133
|
|
package/dist/index.d.cts
ADDED
|
@@ -0,0 +1,335 @@
|
|
|
1
|
+
import type { ButtonProps } from '@fluentui/react-button';
|
|
2
|
+
import type { ButtonSlots } from '@fluentui/react-button';
|
|
3
|
+
import type { ButtonState } from '@fluentui/react-button';
|
|
4
|
+
import type { ComponentProps } from '@fluentui/react-utilities';
|
|
5
|
+
import type { ComponentState } from '@fluentui/react-utilities';
|
|
6
|
+
import type { ForwardRefComponent } from '@fluentui/react-utilities';
|
|
7
|
+
import type { JSXElement } from '@fluentui/react-utilities';
|
|
8
|
+
import * as React_2 from 'react';
|
|
9
|
+
import type { Slot } from '@fluentui/react-utilities';
|
|
10
|
+
import type { SlotClassNames } from '@fluentui/react-utilities';
|
|
11
|
+
import type { TabsterDOMAttribute } from '@fluentui/react-tabster';
|
|
12
|
+
|
|
13
|
+
/**
|
|
14
|
+
* Breadcrumb component - TODO: add more docs
|
|
15
|
+
*/
|
|
16
|
+
export declare const Breadcrumb: ForwardRefComponent<BreadcrumbProps>;
|
|
17
|
+
|
|
18
|
+
export declare type BreadcrumbBaseProps = Omit<BreadcrumbProps, 'size'>;
|
|
19
|
+
|
|
20
|
+
export declare type BreadcrumbBaseState = Omit<BreadcrumbState, 'size'>;
|
|
21
|
+
|
|
22
|
+
/**
|
|
23
|
+
* A button component which is used inside the Breadcrumb.
|
|
24
|
+
*/
|
|
25
|
+
export declare const BreadcrumbButton: ForwardRefComponent<BreadcrumbButtonProps>;
|
|
26
|
+
|
|
27
|
+
export declare type BreadcrumbButtonBaseProps = Omit<BreadcrumbButtonProps, 'size'>;
|
|
28
|
+
|
|
29
|
+
export declare type BreadcrumbButtonBaseState = Omit<BreadcrumbButtonState, 'appearance' | 'size' | 'shape'>;
|
|
30
|
+
|
|
31
|
+
/**
|
|
32
|
+
* Static CSS class names used internally for the component slots.
|
|
33
|
+
*/
|
|
34
|
+
export declare const breadcrumbButtonClassNames: SlotClassNames<BreadcrumbButtonSlots>;
|
|
35
|
+
|
|
36
|
+
/**
|
|
37
|
+
* BreadcrumbButton Props
|
|
38
|
+
*/
|
|
39
|
+
export declare type BreadcrumbButtonProps = ComponentProps<BreadcrumbButtonSlots> & Pick<BreadcrumbProps, 'size'> & Pick<ButtonProps, 'disabled' | 'disabledFocusable'> & {
|
|
40
|
+
/**
|
|
41
|
+
* Defines current sate of BreadcrumbButton.
|
|
42
|
+
*
|
|
43
|
+
* @default false
|
|
44
|
+
*/
|
|
45
|
+
current?: boolean;
|
|
46
|
+
};
|
|
47
|
+
|
|
48
|
+
export declare type BreadcrumbButtonSlots = ButtonSlots;
|
|
49
|
+
|
|
50
|
+
/**
|
|
51
|
+
* State used in rendering BreadcrumbButton
|
|
52
|
+
*/
|
|
53
|
+
export declare type BreadcrumbButtonState = ComponentState<BreadcrumbButtonSlots> & Omit<ButtonState, keyof ButtonSlots | 'components'> & Required<Pick<BreadcrumbButtonProps, 'current' | 'size'>>;
|
|
54
|
+
|
|
55
|
+
export declare const breadcrumbClassNames: SlotClassNames<BreadcrumbSlots>;
|
|
56
|
+
|
|
57
|
+
/**
|
|
58
|
+
* Data shared between breadcrumb components
|
|
59
|
+
*/
|
|
60
|
+
export declare type BreadcrumbContextValues = Required<Pick<BreadcrumbProps, 'size'>>;
|
|
61
|
+
|
|
62
|
+
/**
|
|
63
|
+
* A divider component which is used inside the Breadcrumb
|
|
64
|
+
*/
|
|
65
|
+
export declare const BreadcrumbDivider: ForwardRefComponent<BreadcrumbDividerProps>;
|
|
66
|
+
|
|
67
|
+
/**
|
|
68
|
+
* BreadcrumbDivider base props (same as BreadcrumbDividerProps since BreadcrumbDivider has no design props of its own)
|
|
69
|
+
*/
|
|
70
|
+
export declare type BreadcrumbDividerBaseProps = BreadcrumbDividerProps;
|
|
71
|
+
|
|
72
|
+
/**
|
|
73
|
+
* BreadcrumbDivider base state (excludes size, which is a design prop injected from context)
|
|
74
|
+
*/
|
|
75
|
+
export declare type BreadcrumbDividerBaseState = Omit<BreadcrumbDividerState, 'size'>;
|
|
76
|
+
|
|
77
|
+
export declare const breadcrumbDividerClassNames: SlotClassNames<BreadcrumbDividerSlots>;
|
|
78
|
+
|
|
79
|
+
/**
|
|
80
|
+
* BreadcrumbDivider Props
|
|
81
|
+
*/
|
|
82
|
+
export declare type BreadcrumbDividerProps = ComponentProps<BreadcrumbDividerSlots> & {};
|
|
83
|
+
|
|
84
|
+
export declare type BreadcrumbDividerSlots = {
|
|
85
|
+
root: Slot<'li'>;
|
|
86
|
+
};
|
|
87
|
+
|
|
88
|
+
/**
|
|
89
|
+
* State used in rendering BreadcrumbDivider
|
|
90
|
+
*/
|
|
91
|
+
export declare type BreadcrumbDividerState = ComponentState<BreadcrumbDividerSlots> & Pick<BreadcrumbProps, 'size'>;
|
|
92
|
+
|
|
93
|
+
/**
|
|
94
|
+
* BreadcrumbItem component is a wrapper for BreadcrumbLink and BreadcrumbButton.
|
|
95
|
+
* It can be used as a non-interactive item.
|
|
96
|
+
*/
|
|
97
|
+
export declare const BreadcrumbItem: ForwardRefComponent<BreadcrumbItemProps>;
|
|
98
|
+
|
|
99
|
+
/**
|
|
100
|
+
* BreadcrumbItem base props (same as BreadcrumbItemProps since size is passed through context, not as a design prop)
|
|
101
|
+
*/
|
|
102
|
+
export declare type BreadcrumbItemBaseProps = Omit<BreadcrumbItemProps, 'size'>;
|
|
103
|
+
|
|
104
|
+
/**
|
|
105
|
+
* BreadcrumbItem base state (excludes size, which is a design prop injected from context)
|
|
106
|
+
*/
|
|
107
|
+
export declare type BreadcrumbItemBaseState = Omit<BreadcrumbItemState, 'size'>;
|
|
108
|
+
|
|
109
|
+
export declare const breadcrumbItemClassNames: SlotClassNames<BreadcrumbItemSlots>;
|
|
110
|
+
|
|
111
|
+
/**
|
|
112
|
+
* BreadcrumbItem Props
|
|
113
|
+
*/
|
|
114
|
+
export declare type BreadcrumbItemProps = ComponentProps<BreadcrumbItemSlots> & Pick<BreadcrumbProps, 'size'>;
|
|
115
|
+
|
|
116
|
+
export declare type BreadcrumbItemSlots = {
|
|
117
|
+
root: Slot<'li'>;
|
|
118
|
+
};
|
|
119
|
+
|
|
120
|
+
/**
|
|
121
|
+
* State used in rendering BreadcrumbItem
|
|
122
|
+
*/
|
|
123
|
+
export declare type BreadcrumbItemState = ComponentState<BreadcrumbItemSlots> & Required<Pick<BreadcrumbItemProps, 'size'>>;
|
|
124
|
+
|
|
125
|
+
/**
|
|
126
|
+
* Breadcrumb Props
|
|
127
|
+
*/
|
|
128
|
+
export declare type BreadcrumbProps = ComponentProps<BreadcrumbSlots> & {
|
|
129
|
+
/**
|
|
130
|
+
* Sets the focus behavior for the Breadcrumb.
|
|
131
|
+
*
|
|
132
|
+
* `tab`
|
|
133
|
+
* This behaviour will cycle through all elements inside of the Breadcrumb when pressing the Tab key and then release focus
|
|
134
|
+
* after the last inner element.
|
|
135
|
+
*
|
|
136
|
+
* `arrow`
|
|
137
|
+
* This behaviour will cycle through all elements inside of the Breadcrumb when pressing the Arrow key.
|
|
138
|
+
*
|
|
139
|
+
* @default 'tab'
|
|
140
|
+
*/
|
|
141
|
+
focusMode?: 'arrow' | 'tab';
|
|
142
|
+
/**
|
|
143
|
+
* Controls size of Breadcrumb items and dividers.
|
|
144
|
+
*
|
|
145
|
+
* @default 'medium'
|
|
146
|
+
*/
|
|
147
|
+
size?: 'small' | 'medium' | 'large';
|
|
148
|
+
};
|
|
149
|
+
|
|
150
|
+
/**
|
|
151
|
+
* @internal
|
|
152
|
+
*/
|
|
153
|
+
export declare const BreadcrumbProvider: React_2.Provider<Required<Pick<BreadcrumbProps, "size">> | undefined>;
|
|
154
|
+
|
|
155
|
+
export declare type BreadcrumbSlots = {
|
|
156
|
+
/**
|
|
157
|
+
* Root element of the component.
|
|
158
|
+
*/
|
|
159
|
+
root: Slot<'nav'>;
|
|
160
|
+
/**
|
|
161
|
+
* Ordered list which contains items.
|
|
162
|
+
*/
|
|
163
|
+
list?: Slot<'ol'>;
|
|
164
|
+
};
|
|
165
|
+
|
|
166
|
+
/**
|
|
167
|
+
* State used in rendering Breadcrumb
|
|
168
|
+
*/
|
|
169
|
+
export declare type BreadcrumbState = ComponentState<BreadcrumbSlots> & Required<Pick<BreadcrumbProps, 'size'>>;
|
|
170
|
+
|
|
171
|
+
export declare const isTruncatableBreadcrumbContent: (content: string, maxLength: number) => boolean;
|
|
172
|
+
|
|
173
|
+
export declare type PartitionBreadcrumbItems<T> = {
|
|
174
|
+
startDisplayedItems: readonly T[];
|
|
175
|
+
overflowItems?: readonly T[];
|
|
176
|
+
endDisplayedItems?: readonly T[];
|
|
177
|
+
};
|
|
178
|
+
|
|
179
|
+
/**
|
|
180
|
+
* Get the displayed items and overflowing items based on the array of BreadcrumbItems needed for Breadcrumb.
|
|
181
|
+
*
|
|
182
|
+
* @param options - Configure the partition options
|
|
183
|
+
*
|
|
184
|
+
* @returns Three arrays split into displayed items and overflow items based on maxDisplayedItems.
|
|
185
|
+
*/
|
|
186
|
+
export declare const partitionBreadcrumbItems: <T>(options: PartitionBreadcrumbItemsOptions<T>) => PartitionBreadcrumbItems<T>;
|
|
187
|
+
|
|
188
|
+
export declare type PartitionBreadcrumbItemsOptions<T> = {
|
|
189
|
+
items: readonly T[];
|
|
190
|
+
maxDisplayedItems?: number;
|
|
191
|
+
overflowIndex?: number;
|
|
192
|
+
};
|
|
193
|
+
|
|
194
|
+
/**
|
|
195
|
+
* Render the final JSX of Breadcrumb
|
|
196
|
+
*/
|
|
197
|
+
export declare const renderBreadcrumb_unstable: (state: BreadcrumbBaseState, contextValues: BreadcrumbContextValues) => JSXElement;
|
|
198
|
+
|
|
199
|
+
/**
|
|
200
|
+
* Render the final JSX of BreadcrumbButton
|
|
201
|
+
*/
|
|
202
|
+
export declare const renderBreadcrumbButton_unstable: (state: BreadcrumbButtonBaseState) => JSXElement;
|
|
203
|
+
|
|
204
|
+
/**
|
|
205
|
+
* Render the final JSX of BreadcrumbDivider
|
|
206
|
+
*/
|
|
207
|
+
export declare const renderBreadcrumbDivider_unstable: (state: BreadcrumbDividerBaseState) => JSXElement;
|
|
208
|
+
|
|
209
|
+
/**
|
|
210
|
+
* Render the final JSX of BreadcrumbItem
|
|
211
|
+
*/
|
|
212
|
+
export declare const renderBreadcrumbItem_unstable: (state: BreadcrumbItemBaseState) => JSXElement;
|
|
213
|
+
|
|
214
|
+
export declare const truncateBreadcrumbLongName: (content: string, maxLength?: number) => string;
|
|
215
|
+
|
|
216
|
+
export declare const truncateBreadcrumLongTooltip: (content: string, maxLength?: number) => string;
|
|
217
|
+
|
|
218
|
+
/**
|
|
219
|
+
* Create the state required to render Breadcrumb.
|
|
220
|
+
*
|
|
221
|
+
* The returned state can be modified with hooks such as useBreadcrumbStyles_unstable,
|
|
222
|
+
* before being passed to renderBreadcrumb_unstable.
|
|
223
|
+
*
|
|
224
|
+
* @param props - props from this instance of Breadcrumb
|
|
225
|
+
* @param ref - reference to root HTMLElement of Breadcrumb
|
|
226
|
+
*/
|
|
227
|
+
export declare const useBreadcrumb_unstable: (props: BreadcrumbProps, ref: React_2.Ref<HTMLElement>) => BreadcrumbState;
|
|
228
|
+
|
|
229
|
+
/**
|
|
230
|
+
* Hook to get accessibility attributes for Breadcrumb component, such as roving tab index.
|
|
231
|
+
* Based on Tabster's useArrowNavigationGroup.
|
|
232
|
+
*
|
|
233
|
+
* @param focusMode - whether the Breadcrumb uses arrow key navigation or tab key navigation
|
|
234
|
+
* @returns Tabster DOM attributes
|
|
235
|
+
*/
|
|
236
|
+
export declare const useBreadcrumbA11yBehavior_unstable: ({ focusMode, }: Pick<BreadcrumbBaseProps, "focusMode">) => Partial<TabsterDOMAttribute>;
|
|
237
|
+
|
|
238
|
+
/**
|
|
239
|
+
* Base hook for Breadcrumb component, which manages state related to slots structure and ARIA attributes.
|
|
240
|
+
*
|
|
241
|
+
* Note: keyboard navigation behavior is not handled in this hook, but in useBreadcrumbA11yBehavior_unstable.
|
|
242
|
+
*
|
|
243
|
+
* @param props - props from this instance of Breadcrumb
|
|
244
|
+
* @param ref - reference to root HTMLElement of Breadcrumb
|
|
245
|
+
*/
|
|
246
|
+
export declare const useBreadcrumbBase_unstable: (props: BreadcrumbBaseProps, ref: React_2.Ref<HTMLElement>) => BreadcrumbBaseState;
|
|
247
|
+
|
|
248
|
+
/**
|
|
249
|
+
* Create the state required to render BreadcrumbButton.
|
|
250
|
+
*
|
|
251
|
+
* The returned state can be modified with hooks such as useBreadcrumbButtonStyles_unstable,
|
|
252
|
+
* before being passed to renderBreadcrumbButton_unstable.
|
|
253
|
+
*
|
|
254
|
+
* @param props - props from this instance of BreadcrumbButton
|
|
255
|
+
* @param ref - reference to root HTMLElement of BreadcrumbButton
|
|
256
|
+
*/
|
|
257
|
+
export declare const useBreadcrumbButton_unstable: (props: BreadcrumbButtonProps, ref: React_2.Ref<HTMLButtonElement | HTMLAnchorElement>) => BreadcrumbButtonState;
|
|
258
|
+
|
|
259
|
+
/**
|
|
260
|
+
* Base hook for BreadcrumbButton component, which manages state related to button behavior,
|
|
261
|
+
* ARIA attributes (aria-current, aria-disabled), and slot structure without design props.
|
|
262
|
+
*
|
|
263
|
+
* @param props - props from this instance of BreadcrumbButton
|
|
264
|
+
* @param ref - reference to root HTMLElement of BreadcrumbButton
|
|
265
|
+
*/
|
|
266
|
+
export declare const useBreadcrumbButtonBase_unstable: (props: BreadcrumbButtonBaseProps, ref: React_2.Ref<HTMLButtonElement | HTMLAnchorElement>) => BreadcrumbButtonBaseState;
|
|
267
|
+
|
|
268
|
+
/**
|
|
269
|
+
* Apply styling to the BreadcrumbButton slots based on the state
|
|
270
|
+
*/
|
|
271
|
+
export declare const useBreadcrumbButtonStyles_unstable: (state: BreadcrumbButtonState) => BreadcrumbButtonState;
|
|
272
|
+
|
|
273
|
+
/**
|
|
274
|
+
* @internal
|
|
275
|
+
*/
|
|
276
|
+
export declare const useBreadcrumbContext_unstable: () => BreadcrumbContextValues;
|
|
277
|
+
|
|
278
|
+
export declare function useBreadcrumbContextValues_unstable(state: BreadcrumbState): BreadcrumbContextValues;
|
|
279
|
+
|
|
280
|
+
/**
|
|
281
|
+
* Create the state required to render BreadcrumbDivider.
|
|
282
|
+
*
|
|
283
|
+
* The returned state can be modified with hooks such as useBreadcrumbDividerStyles_unstable,
|
|
284
|
+
* before being passed to renderBreadcrumbDivider_unstable.
|
|
285
|
+
*
|
|
286
|
+
* @param props - props from this instance of BreadcrumbDivider
|
|
287
|
+
* @param ref - reference to root HTMLElement of BreadcrumbDivider
|
|
288
|
+
*/
|
|
289
|
+
export declare const useBreadcrumbDivider_unstable: (props: BreadcrumbDividerProps, ref: React_2.Ref<HTMLLIElement>) => BreadcrumbDividerState;
|
|
290
|
+
|
|
291
|
+
/**
|
|
292
|
+
* Base hook for BreadcrumbDivider component, which manages state related to slots structure and ARIA attributes
|
|
293
|
+
* without design props. Note: size is provided via BreadcrumbContext in the full hook.
|
|
294
|
+
*
|
|
295
|
+
* @param props - props from this instance of BreadcrumbDivider
|
|
296
|
+
* @param ref - reference to root HTMLElement of BreadcrumbDivider
|
|
297
|
+
*/
|
|
298
|
+
export declare const useBreadcrumbDividerBase_unstable: (props: BreadcrumbDividerBaseProps, ref: React_2.Ref<HTMLLIElement>) => BreadcrumbDividerBaseState;
|
|
299
|
+
|
|
300
|
+
/**
|
|
301
|
+
* Apply styling to the BreadcrumbDivider slots based on the state
|
|
302
|
+
*/
|
|
303
|
+
export declare const useBreadcrumbDividerStyles_unstable: (state: BreadcrumbDividerState) => BreadcrumbDividerState;
|
|
304
|
+
|
|
305
|
+
/**
|
|
306
|
+
* Create the state required to render BreadcrumbItem.
|
|
307
|
+
*
|
|
308
|
+
* The returned state can be modified with hooks such as useBreadcrumbItemStyles_unstable,
|
|
309
|
+
* before being passed to renderBreadcrumbItem_unstable.
|
|
310
|
+
*
|
|
311
|
+
* @param props - props from this instance of BreadcrumbItem
|
|
312
|
+
* @param ref - reference to root HTMLElement of BreadcrumbItem
|
|
313
|
+
*/
|
|
314
|
+
export declare const useBreadcrumbItem_unstable: (props: BreadcrumbItemProps, ref: React_2.Ref<HTMLLIElement>) => BreadcrumbItemState;
|
|
315
|
+
|
|
316
|
+
/**
|
|
317
|
+
* Base hook for BreadcrumbItem component, which manages state related to slots structure
|
|
318
|
+
* without design props. Note: size is provided via BreadcrumbContext in the full hook.
|
|
319
|
+
*
|
|
320
|
+
* @param props - props from this instance of BreadcrumbItem
|
|
321
|
+
* @param ref - reference to root HTMLElement of BreadcrumbItem
|
|
322
|
+
*/
|
|
323
|
+
export declare const useBreadcrumbItemBase_unstable: (props: BreadcrumbItemBaseProps, ref: React_2.Ref<HTMLLIElement>) => BreadcrumbItemBaseState;
|
|
324
|
+
|
|
325
|
+
/**
|
|
326
|
+
* Apply styling to the BreadcrumbItem slots based on the state
|
|
327
|
+
*/
|
|
328
|
+
export declare const useBreadcrumbItemStyles_unstable: (state: BreadcrumbItemState) => BreadcrumbItemState;
|
|
329
|
+
|
|
330
|
+
/**
|
|
331
|
+
* Apply styling to the Breadcrumb slots based on the state
|
|
332
|
+
*/
|
|
333
|
+
export declare const useBreadcrumbStyles_unstable: (state: BreadcrumbState) => BreadcrumbState;
|
|
334
|
+
|
|
335
|
+
export { }
|
package/dist/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { ButtonProps } from '@fluentui/react-button';
|
|
2
|
-
import { ButtonSlots } from '@fluentui/react-button';
|
|
3
|
-
import { ButtonState } from '@fluentui/react-button';
|
|
1
|
+
import type { ButtonProps } from '@fluentui/react-button';
|
|
2
|
+
import type { ButtonSlots } from '@fluentui/react-button';
|
|
3
|
+
import type { ButtonState } from '@fluentui/react-button';
|
|
4
4
|
import type { ComponentProps } from '@fluentui/react-utilities';
|
|
5
5
|
import type { ComponentState } from '@fluentui/react-utilities';
|
|
6
6
|
import type { ForwardRefComponent } from '@fluentui/react-utilities';
|
|
@@ -8,17 +8,26 @@ import type { JSXElement } from '@fluentui/react-utilities';
|
|
|
8
8
|
import * as React_2 from 'react';
|
|
9
9
|
import type { Slot } from '@fluentui/react-utilities';
|
|
10
10
|
import type { SlotClassNames } from '@fluentui/react-utilities';
|
|
11
|
+
import type { TabsterDOMAttribute } from '@fluentui/react-tabster';
|
|
11
12
|
|
|
12
13
|
/**
|
|
13
14
|
* Breadcrumb component - TODO: add more docs
|
|
14
15
|
*/
|
|
15
16
|
export declare const Breadcrumb: ForwardRefComponent<BreadcrumbProps>;
|
|
16
17
|
|
|
18
|
+
export declare type BreadcrumbBaseProps = Omit<BreadcrumbProps, 'size'>;
|
|
19
|
+
|
|
20
|
+
export declare type BreadcrumbBaseState = Omit<BreadcrumbState, 'size'>;
|
|
21
|
+
|
|
17
22
|
/**
|
|
18
23
|
* A button component which is used inside the Breadcrumb.
|
|
19
24
|
*/
|
|
20
25
|
export declare const BreadcrumbButton: ForwardRefComponent<BreadcrumbButtonProps>;
|
|
21
26
|
|
|
27
|
+
export declare type BreadcrumbButtonBaseProps = Omit<BreadcrumbButtonProps, 'size'>;
|
|
28
|
+
|
|
29
|
+
export declare type BreadcrumbButtonBaseState = Omit<BreadcrumbButtonState, 'appearance' | 'size' | 'shape'>;
|
|
30
|
+
|
|
22
31
|
/**
|
|
23
32
|
* Static CSS class names used internally for the component slots.
|
|
24
33
|
*/
|
|
@@ -55,6 +64,16 @@ export declare type BreadcrumbContextValues = Required<Pick<BreadcrumbProps, 'si
|
|
|
55
64
|
*/
|
|
56
65
|
export declare const BreadcrumbDivider: ForwardRefComponent<BreadcrumbDividerProps>;
|
|
57
66
|
|
|
67
|
+
/**
|
|
68
|
+
* BreadcrumbDivider base props (same as BreadcrumbDividerProps since BreadcrumbDivider has no design props of its own)
|
|
69
|
+
*/
|
|
70
|
+
export declare type BreadcrumbDividerBaseProps = BreadcrumbDividerProps;
|
|
71
|
+
|
|
72
|
+
/**
|
|
73
|
+
* BreadcrumbDivider base state (excludes size, which is a design prop injected from context)
|
|
74
|
+
*/
|
|
75
|
+
export declare type BreadcrumbDividerBaseState = Omit<BreadcrumbDividerState, 'size'>;
|
|
76
|
+
|
|
58
77
|
export declare const breadcrumbDividerClassNames: SlotClassNames<BreadcrumbDividerSlots>;
|
|
59
78
|
|
|
60
79
|
/**
|
|
@@ -77,6 +96,16 @@ export declare type BreadcrumbDividerState = ComponentState<BreadcrumbDividerSlo
|
|
|
77
96
|
*/
|
|
78
97
|
export declare const BreadcrumbItem: ForwardRefComponent<BreadcrumbItemProps>;
|
|
79
98
|
|
|
99
|
+
/**
|
|
100
|
+
* BreadcrumbItem base props (same as BreadcrumbItemProps since size is passed through context, not as a design prop)
|
|
101
|
+
*/
|
|
102
|
+
export declare type BreadcrumbItemBaseProps = Omit<BreadcrumbItemProps, 'size'>;
|
|
103
|
+
|
|
104
|
+
/**
|
|
105
|
+
* BreadcrumbItem base state (excludes size, which is a design prop injected from context)
|
|
106
|
+
*/
|
|
107
|
+
export declare type BreadcrumbItemBaseState = Omit<BreadcrumbItemState, 'size'>;
|
|
108
|
+
|
|
80
109
|
export declare const breadcrumbItemClassNames: SlotClassNames<BreadcrumbItemSlots>;
|
|
81
110
|
|
|
82
111
|
/**
|
|
@@ -165,22 +194,22 @@ export declare type PartitionBreadcrumbItemsOptions<T> = {
|
|
|
165
194
|
/**
|
|
166
195
|
* Render the final JSX of Breadcrumb
|
|
167
196
|
*/
|
|
168
|
-
export declare const renderBreadcrumb_unstable: (state:
|
|
197
|
+
export declare const renderBreadcrumb_unstable: (state: BreadcrumbBaseState, contextValues: BreadcrumbContextValues) => JSXElement;
|
|
169
198
|
|
|
170
199
|
/**
|
|
171
200
|
* Render the final JSX of BreadcrumbButton
|
|
172
201
|
*/
|
|
173
|
-
export declare const renderBreadcrumbButton_unstable: (state:
|
|
202
|
+
export declare const renderBreadcrumbButton_unstable: (state: BreadcrumbButtonBaseState) => JSXElement;
|
|
174
203
|
|
|
175
204
|
/**
|
|
176
205
|
* Render the final JSX of BreadcrumbDivider
|
|
177
206
|
*/
|
|
178
|
-
export declare const renderBreadcrumbDivider_unstable: (state:
|
|
207
|
+
export declare const renderBreadcrumbDivider_unstable: (state: BreadcrumbDividerBaseState) => JSXElement;
|
|
179
208
|
|
|
180
209
|
/**
|
|
181
210
|
* Render the final JSX of BreadcrumbItem
|
|
182
211
|
*/
|
|
183
|
-
export declare const renderBreadcrumbItem_unstable: (state:
|
|
212
|
+
export declare const renderBreadcrumbItem_unstable: (state: BreadcrumbItemBaseState) => JSXElement;
|
|
184
213
|
|
|
185
214
|
export declare const truncateBreadcrumbLongName: (content: string, maxLength?: number) => string;
|
|
186
215
|
|
|
@@ -197,6 +226,25 @@ export declare const truncateBreadcrumLongTooltip: (content: string, maxLength?:
|
|
|
197
226
|
*/
|
|
198
227
|
export declare const useBreadcrumb_unstable: (props: BreadcrumbProps, ref: React_2.Ref<HTMLElement>) => BreadcrumbState;
|
|
199
228
|
|
|
229
|
+
/**
|
|
230
|
+
* Hook to get accessibility attributes for Breadcrumb component, such as roving tab index.
|
|
231
|
+
* Based on Tabster's useArrowNavigationGroup.
|
|
232
|
+
*
|
|
233
|
+
* @param focusMode - whether the Breadcrumb uses arrow key navigation or tab key navigation
|
|
234
|
+
* @returns Tabster DOM attributes
|
|
235
|
+
*/
|
|
236
|
+
export declare const useBreadcrumbA11yBehavior_unstable: ({ focusMode, }: Pick<BreadcrumbBaseProps, "focusMode">) => Partial<TabsterDOMAttribute>;
|
|
237
|
+
|
|
238
|
+
/**
|
|
239
|
+
* Base hook for Breadcrumb component, which manages state related to slots structure and ARIA attributes.
|
|
240
|
+
*
|
|
241
|
+
* Note: keyboard navigation behavior is not handled in this hook, but in useBreadcrumbA11yBehavior_unstable.
|
|
242
|
+
*
|
|
243
|
+
* @param props - props from this instance of Breadcrumb
|
|
244
|
+
* @param ref - reference to root HTMLElement of Breadcrumb
|
|
245
|
+
*/
|
|
246
|
+
export declare const useBreadcrumbBase_unstable: (props: BreadcrumbBaseProps, ref: React_2.Ref<HTMLElement>) => BreadcrumbBaseState;
|
|
247
|
+
|
|
200
248
|
/**
|
|
201
249
|
* Create the state required to render BreadcrumbButton.
|
|
202
250
|
*
|
|
@@ -208,6 +256,15 @@ export declare const useBreadcrumb_unstable: (props: BreadcrumbProps, ref: React
|
|
|
208
256
|
*/
|
|
209
257
|
export declare const useBreadcrumbButton_unstable: (props: BreadcrumbButtonProps, ref: React_2.Ref<HTMLButtonElement | HTMLAnchorElement>) => BreadcrumbButtonState;
|
|
210
258
|
|
|
259
|
+
/**
|
|
260
|
+
* Base hook for BreadcrumbButton component, which manages state related to button behavior,
|
|
261
|
+
* ARIA attributes (aria-current, aria-disabled), and slot structure without design props.
|
|
262
|
+
*
|
|
263
|
+
* @param props - props from this instance of BreadcrumbButton
|
|
264
|
+
* @param ref - reference to root HTMLElement of BreadcrumbButton
|
|
265
|
+
*/
|
|
266
|
+
export declare const useBreadcrumbButtonBase_unstable: (props: BreadcrumbButtonBaseProps, ref: React_2.Ref<HTMLButtonElement | HTMLAnchorElement>) => BreadcrumbButtonBaseState;
|
|
267
|
+
|
|
211
268
|
/**
|
|
212
269
|
* Apply styling to the BreadcrumbButton slots based on the state
|
|
213
270
|
*/
|
|
@@ -218,6 +275,8 @@ export declare const useBreadcrumbButtonStyles_unstable: (state: BreadcrumbButto
|
|
|
218
275
|
*/
|
|
219
276
|
export declare const useBreadcrumbContext_unstable: () => BreadcrumbContextValues;
|
|
220
277
|
|
|
278
|
+
export declare function useBreadcrumbContextValues_unstable(state: BreadcrumbState): BreadcrumbContextValues;
|
|
279
|
+
|
|
221
280
|
/**
|
|
222
281
|
* Create the state required to render BreadcrumbDivider.
|
|
223
282
|
*
|
|
@@ -229,6 +288,15 @@ export declare const useBreadcrumbContext_unstable: () => BreadcrumbContextValue
|
|
|
229
288
|
*/
|
|
230
289
|
export declare const useBreadcrumbDivider_unstable: (props: BreadcrumbDividerProps, ref: React_2.Ref<HTMLLIElement>) => BreadcrumbDividerState;
|
|
231
290
|
|
|
291
|
+
/**
|
|
292
|
+
* Base hook for BreadcrumbDivider component, which manages state related to slots structure and ARIA attributes
|
|
293
|
+
* without design props. Note: size is provided via BreadcrumbContext in the full hook.
|
|
294
|
+
*
|
|
295
|
+
* @param props - props from this instance of BreadcrumbDivider
|
|
296
|
+
* @param ref - reference to root HTMLElement of BreadcrumbDivider
|
|
297
|
+
*/
|
|
298
|
+
export declare const useBreadcrumbDividerBase_unstable: (props: BreadcrumbDividerBaseProps, ref: React_2.Ref<HTMLLIElement>) => BreadcrumbDividerBaseState;
|
|
299
|
+
|
|
232
300
|
/**
|
|
233
301
|
* Apply styling to the BreadcrumbDivider slots based on the state
|
|
234
302
|
*/
|
|
@@ -245,6 +313,15 @@ export declare const useBreadcrumbDividerStyles_unstable: (state: BreadcrumbDivi
|
|
|
245
313
|
*/
|
|
246
314
|
export declare const useBreadcrumbItem_unstable: (props: BreadcrumbItemProps, ref: React_2.Ref<HTMLLIElement>) => BreadcrumbItemState;
|
|
247
315
|
|
|
316
|
+
/**
|
|
317
|
+
* Base hook for BreadcrumbItem component, which manages state related to slots structure
|
|
318
|
+
* without design props. Note: size is provided via BreadcrumbContext in the full hook.
|
|
319
|
+
*
|
|
320
|
+
* @param props - props from this instance of BreadcrumbItem
|
|
321
|
+
* @param ref - reference to root HTMLElement of BreadcrumbItem
|
|
322
|
+
*/
|
|
323
|
+
export declare const useBreadcrumbItemBase_unstable: (props: BreadcrumbItemBaseProps, ref: React_2.Ref<HTMLLIElement>) => BreadcrumbItemBaseState;
|
|
324
|
+
|
|
248
325
|
/**
|
|
249
326
|
* Apply styling to the BreadcrumbItem slots based on the state
|
|
250
327
|
*/
|