@box/metadata-taxonomy-picker 3.1.34 → 3.1.35

package/dist/chunks/metadata-taxonomy-picker-shell.js

@@ -3,63 +3,63 @@ import { useTaxonomyPickerController as t } from "../esm/lib/hooks/use-taxonomy-
 import { t as n } from "./taxonomy-items-list.js";
 import { t as r } from "./taxonomy-level-filter.js";
 import { messages as i } from "../esm/lib/components/metadata-taxonomy-picker-shell/messages.js";
-import { forwardRef as a, useCallback as o, useEffect as ee, useId as te, useLayoutEffect as s, useMemo as c, useRef as l, useState as u } from "react";
-import ne from "clsx";
-import { useIntl as re } from "react-intl";
-import { Breadcrumb as ie, ChipsGroup as ae, IconButton as oe, InputChip as d, Popover as f, useForkRef as se } from "@box/blueprint-web";
-import { Search as ce, XMark as le } from "@box/blueprint-web-assets/icons/Fill";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
-import '../styles/metadata-taxonomy-picker-shell.css';var h = /* @__PURE__ */ function(e) {
+import { forwardRef as a, useCallback as o, useEffect as ee, useId as te, useLayoutEffect as s, useMemo as c, useRef as l, useState as ne } from "react";
+import re from "clsx";
+import { useIntl as ie } from "react-intl";
+import { Breadcrumb as ae, ChipsGroup as oe, IconButton as se, InputChip as u, Popover as d, Text as ce, useForkRef as le } from "@box/blueprint-web";
+import { Search as ue, XMark as de } from "@box/blueprint-web-assets/icons/Fill";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import '../styles/metadata-taxonomy-picker-shell.css';var m = /* @__PURE__ */ function(e) {
 	return e.SingleLevel = "single-level", e.MultiLevel = "multi-level", e;
-}({}), g = {
-	container: "_container_1mgby_1",
-	label: "_label_1mgby_8",
-	trigger: "_trigger_1mgby_16",
-	searchInput: "_searchInput_1mgby_34",
-	chips: "_chips_1mgby_46",
-	searchIcon: "_searchIcon_1mgby_83",
-	popover: "_popover_1mgby_92",
-	clearButton: "_clearButton_1mgby_100",
-	breadcrumbContainer: "_breadcrumbContainer_1mgby_104"
+}({}), h = {
+	container: "_container_nitxb_1",
+	label: "_label_nitxb_8",
+	trigger: "_trigger_nitxb_12",
+	searchInput: "_searchInput_nitxb_30",
+	chips: "_chips_nitxb_42",
+	searchIcon: "_searchIcon_nitxb_79",
+	popover: "_popover_nitxb_88",
+	clearButton: "_clearButton_nitxb_96",
+	breadcrumbContainer: "_breadcrumbContainer_nitxb_100"
 };
-function ue(e) {
+function fe(e) {
 	let t = null;
 	for (let n of e) n.selectable !== !1 && (t === null || n.level > t) && (t = n.level);
 	return t;
 }
-var de = [];
-function fe(e) {
+var pe = [];
+function me(e) {
 	if (e != null) return (typeof e == "function" ? e() : e) ?? void 0;
 }
-var _ = /*#__PURE__*/ a(function({ itemsService: a, eventService: _, levels: v = de, mode: pe, multiSelect: y, value: b, onValueChange: x, placeholder: me, disabled: S = !1, label: C, containerClassName: he, portalElement: ge }, _e) {
-	let { formatMessage: w } = re(), T = te(), E = `${T}-listbox`, D = l(null), ve = se(D, _e), O = l(null), k = l(null), [ye, be] = u(null), A = l(0), j = l(!1), xe = fe(ge), M = pe === h.SingleLevel, { state: N, isOpen: P, handleOpenChange: F, handleInputValueChange: I, actions: L } = t(a, v, _), { items: R, levelStack: z } = N, { drillDown: B, navigateBack: V, loadMore: Se, setSearchScopeOverride: H } = L, U = N.searchInputValue !== "", W = c(() => ue(N.availableLevels), [N.availableLevels]);
+var g = /*#__PURE__*/ a(function({ itemsService: a, eventService: g, levels: _ = pe, mode: he, multiSelect: v, value: y, onValueChange: b, placeholder: ge, disabled: x = !1, label: S, containerClassName: _e, portalElement: ve }, ye) {
+	let { formatMessage: C } = ie(), w = te(), T = `${w}-listbox`, E = l(null), be = le(E, ye), D = l(null), O = l(null), [xe, Se] = ne(null), k = l(0), A = l(!1), Ce = me(ve), j = he === m.SingleLevel, { state: M, isOpen: N, handleOpenChange: P, handleInputValueChange: F, actions: I } = t(a, _, g), { items: L, levelStack: R } = M, { drillDown: z, navigateBack: B, loadMore: we, setSearchScopeOverride: V } = I, H = M.searchInputValue !== "", U = c(() => fe(M.availableLevels), [M.availableLevels]);
 	ee(() => {
-		H(M && W !== null ? {
+		V(j && U !== null ? {
 			parentId: null,
-			levelFilter: W
+			levelFilter: U
 		} : void 0);
 	}, [
-		M,
-		W,
-		H
+		j,
+		U,
+		V
 	]);
-	let [Ce, G] = u(""), K = l(!1), we = o(() => {
-		K.current = !0;
-	}, []), Te = o((e) => {
-		K.current = !1, I(e.target.value);
-	}, [I]);
+	let [Te, W] = ne(""), G = l(!1), Ee = o(() => {
+		G.current = !0;
+	}, []), De = o((e) => {
+		G.current = !1, F(e.target.value);
+	}, [F]);
 	s(() => {
-		K.current ? N.searchInputValue === "" && (K.current = !1, G("")) : G(N.searchInputValue);
-	}, [N.searchInputValue]), s(() => {
+		G.current ? M.searchInputValue === "" && (G.current = !1, W("")) : W(M.searchInputValue);
+	}, [M.searchInputValue]), s(() => {
 		let e;
-		return !U && j.current && (e = requestAnimationFrame(() => {
-			k.current?.scrollTo(A.current);
-		})), j.current = U, () => {
+		return !H && A.current && (e = requestAnimationFrame(() => {
+			O.current?.scrollTo(k.current);
+		})), A.current = H, () => {
 			e !== void 0 && cancelAnimationFrame(e);
 		};
-	}, [U]);
-	let q = c(() => new Set(b.map((e) => e.id)), [b]), Ee = c(() => !y && b.length === 1 ? b[0].id : "", [y, b]), J = o((e, t = !0) => {
-		let n = R.find((t) => t.id === e);
+	}, [H]);
+	let K = c(() => new Set(y.map((e) => e.id)), [y]), Oe = c(() => !v && y.length === 1 ? y[0].id : "", [v, y]), q = o((e, t = !0) => {
+		let n = L.find((t) => t.id === e);
 		if (!n || !n.selectable) return;
 		let r = {
 			id: n.id,
@@ -67,16 +67,16 @@ var _ = /*#__PURE__*/ a(function({ itemsService: a, eventService: _, levels: v =
 			level: n.level,
 			ancestors: n.ancestors
 		};
-		y ? x(q.has(e) ? b.filter((t) => t.id !== e) : [...b, r]) : (x([r]), t && F(!1));
+		v ? b(K.has(e) ? y.filter((t) => t.id !== e) : [...y, r]) : (b([r]), t && P(!1));
 	}, [
-		R,
+		L,
+		v,
+		K,
 		y,
-		q,
 		b,
-		x,
-		F
-	]), Y = o((e, t = !0) => {
-		let n = N.searchResults.find((t) => t.id === e);
+		P
+	]), J = o((e, t = !0) => {
+		let n = M.searchResults.find((t) => t.id === e);
 		if (!n || !n.selectable) return;
 		let r = {
 			id: n.id,
@@ -84,197 +84,199 @@ var _ = /*#__PURE__*/ a(function({ itemsService: a, eventService: _, levels: v =
 			level: n.level,
 			ancestors: n.ancestors
 		};
-		y ? x(q.has(e) ? b.filter((t) => t.id !== e) : [...b, r]) : (x([r]), t !== !1 && F(!1));
+		v ? b(K.has(e) ? y.filter((t) => t.id !== e) : [...y, r]) : (b([r]), t !== !1 && P(!1));
 	}, [
-		N.searchResults,
+		M.searchResults,
+		v,
+		K,
 		y,
-		q,
 		b,
-		x,
-		F
-	]), X = o((e) => {
-		let t = N.searchResults.find((t) => t.id === e);
-		t && L.drillDown({
+		P
+	]), Y = o((e) => {
+		let t = M.searchResults.find((t) => t.id === e);
+		t && I.drillDown({
 			id: t.id,
 			displayName: t.displayName,
 			ancestors: t.ancestors
 		});
-	}, [N.searchResults, L]), De = o((e) => {
-		let t = N.items.find((t) => t.id === e);
-		t && B({
+	}, [M.searchResults, I]), X = o((e) => {
+		let t = M.items.find((t) => t.id === e);
+		t && z({
 			id: t.id,
 			displayName: t.displayName
 		});
-	}, [N.items, B]), Z = o((e) => !(!e.hasChildren || M && W !== null && e.level >= W), [M, W]), Oe = c(() => R.map((e) => ({
+	}, [M.items, z]), Z = o((e) => !(!e.hasChildren || j && U !== null && e.level >= U), [j, U]), ke = c(() => L.map((e) => ({
 		id: e.id,
 		displayName: e.displayName,
 		selectable: e.selectable,
-		multiSelect: y,
-		isSelected: q.has(e.id),
+		multiSelect: v,
+		isSelected: K.has(e.id),
 		showDrillDown: Z(e),
 		ancestors: e.ancestors,
-		onSelect: J,
-		onDrillDown: De
+		onSelect: q,
+		onDrillDown: X
 	})), [
-		R,
-		y,
-		q,
+		L,
+		v,
+		K,
 		Z,
-		J,
-		De
-	]), Q = c(() => z.length === 0 ? [] : [{
+		q,
+		X
+	]), Q = c(() => R.length === 0 ? [] : [{
 		id: e,
-		name: w(i.breadcrumbRootLabel)
-	}, ...z.map((e) => ({
+		name: C(i.breadcrumbRootLabel)
+	}, ...R.map((e) => ({
 		id: e.id,
 		name: e.displayName
-	}))], [z, w]), ke = o((e) => {
-		V(e === "__breadcrumb_root__" ? null : e);
-	}, [V]), Ae = !M && U && N.availableLevels.length > 1, je = c(() => N.searchResults.map((e) => ({
+	}))], [R, C]), Ae = o((e) => {
+		B(e === "__breadcrumb_root__" ? null : e);
+	}, [B]), je = !j && H && M.availableLevels.length > 1, Me = c(() => M.searchResults.map((e) => ({
 		id: e.id,
 		displayName: e.displayName,
 		selectable: e.selectable,
-		multiSelect: y,
-		isSelected: q.has(e.id),
+		multiSelect: v,
+		isSelected: K.has(e.id),
 		showDrillDown: Z(e),
 		ancestors: e.ancestors,
-		onSelect: Y,
-		onDrillDown: X
+		onSelect: J,
+		onDrillDown: Y
 	})), [
-		N.searchResults,
-		y,
-		q,
+		M.searchResults,
+		v,
+		K,
 		Z,
-		Y,
-		X
-	]), Me = o((e) => {
-		e.target === e.currentTarget && D.current?.focus();
-	}, [D]), $ = b.length > 0, Ne = me ?? w(i.placeholder), Pe = (e) => {
-		!S && e.target === e.currentTarget && (e.preventDefault(), D.current?.focus());
-	}, Fe = () => {
-		!S && !P && F(!0);
-	}, Ie = o(() => {
-		S || (x([]), I(""));
+		J,
+		Y
+	]), Ne = o((e) => {
+		e.target === e.currentTarget && E.current?.focus();
+	}, [E]), $ = y.length > 0, Pe = ge ?? C(i.placeholder), Fe = (e) => {
+		!x && e.target === e.currentTarget && (e.preventDefault(), E.current?.focus());
+	}, Ie = () => {
+		!x && !N && P(!0);
+	}, Le = o(() => {
+		x || (b([]), F(""));
 	}, [
-		S,
 		x,
-		I
-	]), Le = (e) => {
-		!U && e.target.value && (A.current = k.current?.getScrollTop() ?? 0), G(e.target.value), K.current || I(e.target.value);
-	}, Re = (e) => {
-		S || x(b.filter((t) => t.id !== e.id));
+		b,
+		F
+	]), Re = (e) => {
+		!H && e.target.value && (k.current = O.current?.getScrollTop() ?? 0), W(e.target.value), G.current || F(e.target.value);
+	}, ze = (e) => {
+		x || b(y.filter((t) => t.id !== e.id));
 	};
-	return /* @__PURE__ */ m(f.Root, {
+	return /* @__PURE__ */ p(d.Root, {
 		modal: !1,
-		onOpenChange: F,
-		open: P,
-		children: [/* @__PURE__ */ p(f.Anchor, { children: /* @__PURE__ */ m("div", {
-			className: ne(g.container, he),
-			children: [C && /* @__PURE__ */ p("label", {
-				className: g.label,
-				htmlFor: T,
-				children: C
-			}), /* @__PURE__ */ m("div", {
-				className: g.trigger,
-				"data-disabled": S,
-				onMouseDown: Pe,
-				ref: O,
+		onOpenChange: P,
+		open: N,
+		children: [/* @__PURE__ */ f(d.Anchor, { children: /* @__PURE__ */ p("div", {
+			className: re(h.container, _e),
+			children: [S && /* @__PURE__ */ f(ce, {
+				as: "label",
+				className: h.label,
+				htmlFor: w,
+				variant: "bodyDefaultBold",
+				children: S
+			}), /* @__PURE__ */ p("div", {
+				className: h.trigger,
+				"data-disabled": x,
+				onMouseDown: Fe,
+				ref: D,
 				children: [
-					y && $ && /* @__PURE__ */ p(ae, {
-						className: g.chips,
-						onClick: Me,
-						children: b.map((e) => /* @__PURE__ */ p(d, {
+					v && $ && /* @__PURE__ */ f(oe, {
+						className: h.chips,
+						onClick: Ne,
+						children: y.map((e) => /* @__PURE__ */ f(u, {
 							label: e.displayName,
-							onDelete: () => Re(e),
-							tabIndex: S ? -1 : void 0
+							onDelete: () => ze(e),
+							tabIndex: x ? -1 : void 0
 						}, e.id))
 					}),
-					!y && $ && /* @__PURE__ */ p(d, {
-						label: b[0].displayName,
-						tabIndex: S ? -1 : void 0
+					!v && $ && /* @__PURE__ */ f(u, {
+						label: y[0].displayName,
+						tabIndex: x ? -1 : void 0
 					}),
-					/* @__PURE__ */ p("input", {
-						"aria-controls": E,
-						"aria-expanded": P,
+					/* @__PURE__ */ f("input", {
+						"aria-controls": T,
+						"aria-expanded": N,
 						"aria-haspopup": "listbox",
-						className: g.searchInput,
-						disabled: S,
-						id: T,
-						onChange: Le,
-						onCompositionStart: we,
-						onCompositionEnd: Te,
-						onFocus: Fe,
-						placeholder: $ ? void 0 : Ne,
-						ref: ve,
+						className: h.searchInput,
+						disabled: x,
+						id: w,
+						onChange: Re,
+						onCompositionStart: Ee,
+						onCompositionEnd: De,
+						onFocus: Ie,
+						placeholder: $ ? void 0 : Pe,
+						ref: be,
 						role: "combobox",
 						type: "text",
-						value: Ce
+						value: Te
 					}),
-					!y && $ && /* @__PURE__ */ p(oe, {
-						"aria-label": w(i.clearAriaLabel),
-						className: g.clearButton,
-						icon: le,
+					!v && $ && /* @__PURE__ */ f(se, {
+						"aria-label": C(i.clearAriaLabel),
+						className: h.clearButton,
+						icon: de,
 						size: "x-small",
-						tabIndex: S ? -1 : void 0,
-						onClick: Ie
+						tabIndex: x ? -1 : void 0,
+						onClick: Le
 					}),
-					/* @__PURE__ */ p(ce, {
+					/* @__PURE__ */ f(ue, {
 						"aria-hidden": "true",
-						className: g.searchIcon,
+						className: h.searchIcon,
 						role: "presentation"
 					})
 				]
 			})]
-		}) }), /* @__PURE__ */ m(f.ContentContainer, {
+		}) }), /* @__PURE__ */ p(d.ContentContainer, {
 			align: "start",
-			className: g.popover,
-			container: xe,
+			className: h.popover,
+			container: Ce,
 			onInteractOutside: (e) => {
-				O.current?.contains(e.target) && e.preventDefault();
+				D.current?.contains(e.target) && e.preventDefault();
 			},
 			onOpenAutoFocus: (e) => e.preventDefault(),
-			ref: be,
+			ref: Se,
 			children: [
-				Q.length > 0 && !U && /* @__PURE__ */ p("div", {
-					className: g.breadcrumbContainer,
-					children: /* @__PURE__ */ p(ie, {
-						breadcrumbAriaLabel: w(i.breadcrumbAriaLabel),
+				Q.length > 0 && !H && /* @__PURE__ */ f("div", {
+					className: h.breadcrumbContainer,
+					children: /* @__PURE__ */ f(ae, {
+						breadcrumbAriaLabel: C(i.breadcrumbAriaLabel),
 						crumbs: Q,
-						onPageLinkClick: ke,
+						onPageLinkClick: Ae,
 						rootIconVariant: "taxonomy",
-						isInteractive: !S,
+						isInteractive: !x,
 						isResponsiveEnabled: !1,
 						size: "small",
-						truncatedLinksIconAriaLabel: w(i.breadcrumbTruncatedLinksLabel),
+						truncatedLinksIconAriaLabel: C(i.breadcrumbTruncatedLinksLabel),
 						truncationMethod: "folder-tree"
 					})
 				}),
-				Ae && /* @__PURE__ */ p(r, {
-					availableLevels: v,
-					container: ye,
-					levelFilter: N.levelFilter,
-					onLevelFilterChange: L.setLevelFilter
+				je && /* @__PURE__ */ f(r, {
+					availableLevels: _,
+					container: xe,
+					levelFilter: M.levelFilter,
+					onLevelFilterChange: I.setLevelFilter
 				}),
-				/* @__PURE__ */ p(n, {
-					error: U ? N.searchError : N.initialLoadError,
-					estimatedRowHeight: U ? 44 : void 0,
-					hasMore: U ? N.searchNextMarker !== void 0 : N.itemsNextMarker !== void 0,
-					hasVariableRowHeight: U,
-					isFetching: U ? N.isFetchingSearch : N.isFetching,
-					isFetchingMore: U ? N.isFetchingSearchMore : N.isFetchingMore,
-					isSearchMode: U,
-					items: U ? je : Oe,
-					listboxId: E,
-					loadMoreError: U ? N.searchLoadMoreError : N.loadMoreError,
-					multiSelect: y,
-					onFocusExit: () => D.current?.focus(),
-					onLoadMore: U ? L.searchLoadMore : Se,
-					onRetry: L.retry,
-					ref: k,
-					selectedValue: Ee
+				/* @__PURE__ */ f(n, {
+					error: H ? M.searchError : M.initialLoadError,
+					estimatedRowHeight: H ? 44 : void 0,
+					hasMore: H ? M.searchNextMarker !== void 0 : M.itemsNextMarker !== void 0,
+					hasVariableRowHeight: H,
+					isFetching: H ? M.isFetchingSearch : M.isFetching,
+					isFetchingMore: H ? M.isFetchingSearchMore : M.isFetchingMore,
+					isSearchMode: H,
+					items: H ? Me : ke,
+					listboxId: T,
+					loadMoreError: H ? M.searchLoadMoreError : M.loadMoreError,
+					multiSelect: v,
+					onFocusExit: () => E.current?.focus(),
+					onLoadMore: H ? I.searchLoadMore : we,
+					onRetry: I.retry,
+					ref: O,
+					selectedValue: Oe
 				})
 			]
 		})]
 	});
 });
-export { h as n, _ as t };
+export { m as n, g as t };

package/dist/styles/metadata-taxonomy-picker-shell.css

@@ -1 +1 @@
-._container_1mgby_1{gap:var(--bp-space-020,.5rem);flex-direction:column;width:100%;display:flex}._label_1mgby_8{color:var(--bp-text-text-on-light);font-size:var(--bp-font-size-040,1rem);font-weight:var(--bp-font-weight-bold,600);line-height:var(--bp-line-height-040,1.5rem);cursor:pointer}._trigger_1mgby_16{box-sizing:border-box;align-items:center;gap:var(--space-2);width:100%;min-height:var(--bp-size-100,2.5rem);padding-block:var(--bp-space-020,.5rem);padding-inline:var(--bp-space-030,.75rem);color:var(--bp-text-text-on-light);background-color:var(--surface-dropdown-surface);border:var(--bp-border-01,.0625rem) solid var(--bp-border-input-border);border-radius:var(--bp-radius-06,.75rem);font:inherit;cursor:pointer;outline:none;flex-wrap:wrap;display:flex}._trigger_1mgby_16:has(._searchInput_1mgby_34:focus){background-color:var(--surface-dropdown-surface-focus);border-color:var(--outline-focus-on-light);border-width:var(--bp-border-02,.125rem)}._trigger_1mgby_16[data-disabled=true]{opacity:.6;cursor:not-allowed}._trigger_1mgby_16[data-disabled=true] button{pointer-events:none}._trigger_1mgby_16 ._chips_1mgby_46{display:contents}._trigger_1mgby_16[data-disabled=true] ._chips_1mgby_46>*{pointer-events:none}input[type=text]._searchInput_1mgby_34{width:auto;min-width:var(--size-12);color:var(--bp-text-text-on-light);box-shadow:none;font:inherit;font-size:var(--bp-font-size-05,.9375rem);line-height:var(--body-default-line-height,1.25rem);cursor:inherit;background:0 0;border:none;border-radius:0;outline:none;flex:1;padding:0}input[type=text]._searchInput_1mgby_34:hover,input[type=text]._searchInput_1mgby_34:focus,input[type=text]._searchInput_1mgby_34:disabled{box-shadow:none;background:0 0;border:none;border-radius:0;outline:none}input[type=text]._searchInput_1mgby_34::placeholder{color:var(--bp-text-text-on-light-secondary);font-family:inherit;font-size:var(--bp-font-size-05,.9375rem);font-weight:var(--bp-font-weight-regular,400)}._searchIcon_1mgby_83{width:var(--bp-size-040,1rem);height:var(--bp-size-040,1rem);color:var(--bp-icon-icon-on-light-secondary);pointer-events:none;flex-shrink:0;margin-inline-start:auto}._popover_1mgby_92{width:var(--radix-popover-trigger-width);max-width:none}._popover_1mgby_92 div[data-radix-popper-content-wrapper]:has([role=menu]){background-color:var(--bp-surface-menu-surface-dropdown)}._clearButton_1mgby_100{flex-shrink:0}._breadcrumbContainer_1mgby_104{min-width:0;padding-block:var(--bp-space-020,.5rem);padding-inline:var(--bp-space-020,.5rem);border-bottom:var(--bp-border-01,.0625rem) solid var(--bp-border-divider);align-items:center;display:flex}._breadcrumbContainer_1mgby_104 li:first-child:has(button){margin-inline-start:calc(-1 * var(--bp-space-010,.25rem))}
+._container_nitxb_1{gap:var(--bp-space-020,.5rem);flex-direction:column;width:100%;display:flex}._label_nitxb_8{cursor:pointer}._trigger_nitxb_12{box-sizing:border-box;align-items:center;gap:var(--space-2);width:100%;min-height:var(--bp-size-100,2.5rem);padding-block:var(--bp-space-020,.5rem);padding-inline:var(--bp-space-030,.75rem);color:var(--bp-text-text-on-light);background-color:var(--surface-dropdown-surface);border:var(--bp-border-01,.0625rem) solid var(--bp-border-input-border);border-radius:var(--bp-radius-06,.75rem);font:inherit;cursor:pointer;outline:none;flex-wrap:wrap;display:flex}._trigger_nitxb_12:has(._searchInput_nitxb_30:focus){background-color:var(--surface-dropdown-surface-focus);border-color:var(--outline-focus-on-light);border-width:var(--bp-border-02,.125rem)}._trigger_nitxb_12[data-disabled=true]{opacity:.6;cursor:not-allowed}._trigger_nitxb_12[data-disabled=true] button{pointer-events:none}._trigger_nitxb_12 ._chips_nitxb_42{display:contents}._trigger_nitxb_12[data-disabled=true] ._chips_nitxb_42>*{pointer-events:none}input[type=text]._searchInput_nitxb_30{width:auto;min-width:var(--size-12);color:var(--bp-text-text-on-light);box-shadow:none;font:inherit;font-size:var(--bp-font-size-05,.9375rem);line-height:var(--body-default-line-height,1.25rem);cursor:inherit;background:0 0;border:none;border-radius:0;outline:none;flex:1;padding:0}input[type=text]._searchInput_nitxb_30:hover,input[type=text]._searchInput_nitxb_30:focus,input[type=text]._searchInput_nitxb_30:disabled{box-shadow:none;background:0 0;border:none;border-radius:0;outline:none}input[type=text]._searchInput_nitxb_30::placeholder{color:var(--bp-text-text-on-light-secondary);font-family:inherit;font-size:var(--bp-font-size-05,.9375rem);font-weight:var(--bp-font-weight-regular,400)}._searchIcon_nitxb_79{width:var(--bp-size-040,1rem);height:var(--bp-size-040,1rem);color:var(--bp-icon-icon-on-light-secondary);pointer-events:none;flex-shrink:0;margin-inline-start:auto}._popover_nitxb_88{width:var(--radix-popover-trigger-width);max-width:none}._popover_nitxb_88 div[data-radix-popper-content-wrapper]:has([role=menu]){background-color:var(--bp-surface-menu-surface-dropdown)}._clearButton_nitxb_96{flex-shrink:0}._breadcrumbContainer_nitxb_100{min-width:0;padding-block:var(--bp-space-020,.5rem);padding-inline:var(--bp-space-020,.5rem);border-bottom:var(--bp-border-01,.0625rem) solid var(--bp-border-divider);align-items:center;display:flex}._breadcrumbContainer_nitxb_100 li:first-child:has(button){margin-inline-start:calc(-1 * var(--bp-space-010,.25rem))}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/metadata-taxonomy-picker",
-    "version": "3.1.34",
+    "version": "3.1.35",
     "license": "SEE LICENSE IN LICENSE",
     "peerDependencies": {
         "@ariakit/react": "^0.4.21",