@box/blueprint-web 14.18.0 → 14.20.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.
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -28,7 +28,7 @@ const Breadcrumb = /*#__PURE__*/forwardRef((props, forwardedRef) => {
|
|
|
28
28
|
...rest
|
|
29
29
|
} = props;
|
|
30
30
|
const breakpoint = useBreakpoint();
|
|
31
|
-
const isMobile = isResponsiveEnabled
|
|
31
|
+
const isMobile = isResponsiveEnabled ?? breakpoint <= Breakpoint.Medium;
|
|
32
32
|
const breadcrumbListRef = useRef(null);
|
|
33
33
|
const {
|
|
34
34
|
ellipsizeLastCrumb,
|
|
@@ -15,7 +15,12 @@ export type BreadcrumbProps = {
|
|
|
15
15
|
crumbs: Crumb[];
|
|
16
16
|
/** Controls whether individual crumbs (items) and icons are interactive, or clickable. */
|
|
17
17
|
isInteractive?: boolean;
|
|
18
|
-
/**
|
|
18
|
+
/**
|
|
19
|
+
* Controls the responsive (mobile/compact) breadcrumb layout.
|
|
20
|
+
* - `true` — always use the compact layout, regardless of viewport/container size.
|
|
21
|
+
* - `false` — never use the compact layout, even in narrow containers.
|
|
22
|
+
* - `undefined` (omitted) — automatically determined by the viewport breakpoint (default behavior).
|
|
23
|
+
*/
|
|
19
24
|
isResponsiveEnabled?: boolean;
|
|
20
25
|
/** Callback for breadcrumb click. Used to trigger navigation to the clicked folder. */
|
|
21
26
|
onPageLinkClick?: (id: string) => void;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@box/blueprint-web",
|
|
3
|
-
"version": "14.
|
|
3
|
+
"version": "14.20.0",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE",
|
|
6
6
|
"publishConfig": {
|
|
@@ -47,7 +47,7 @@
|
|
|
47
47
|
"dependencies": {
|
|
48
48
|
"@ariakit/react": "0.4.21",
|
|
49
49
|
"@ariakit/react-core": "0.4.21",
|
|
50
|
-
"@box/blueprint-web-assets": "^4.115.
|
|
50
|
+
"@box/blueprint-web-assets": "^4.115.6",
|
|
51
51
|
"@internationalized/date": "^3.12.0",
|
|
52
52
|
"@radix-ui/react-accordion": "1.1.2",
|
|
53
53
|
"@radix-ui/react-checkbox": "1.0.4",
|
|
@@ -77,7 +77,7 @@
|
|
|
77
77
|
"type-fest": "^3.2.0"
|
|
78
78
|
},
|
|
79
79
|
"devDependencies": {
|
|
80
|
-
"@box/storybook-utils": "^0.18.
|
|
80
|
+
"@box/storybook-utils": "^0.18.6",
|
|
81
81
|
"@figma/code-connect": "1.4.4",
|
|
82
82
|
"@types/react": "^18.0.0",
|
|
83
83
|
"@types/react-dom": "^18.0.0",
|