@box/metadata-template-editor 2.2.21 → 2.2.23

package/dist/chunks/chip.js

@@ -4,8 +4,8 @@ import { useIntl as n } from "react-intl";
 import { jsx as r } from "react/jsx-runtime";
 import i from "clsx";
 import '../styles/chip.css';var a = {
-	chip: "_chip_x2zx9_1",
-	selected: "_selected_x2zx9_12"
+	chip: "_chip_plmye_1",
+	selected: "_selected_plmye_8"
 }, o = /* @__PURE__ */ function(e) {
 	return e.Selected = "selected", e.Unselected = "unselected", e;
 }({}), s = ({ value: o, selected: s = !1 }) => {
@@ -13,6 +13,7 @@ import '../styles/chip.css';var a = {
 	return /* @__PURE__ */ r(t, {
 		as: "span",
 		className: i(a.chip, { [a.selected]: s }),
+		color: s ? "textOnDarkDefault" : "textOnLightDefault",
 		"data-state": s ? "selected" : "unselected",
 		"aria-label": `${o}: ${l}`,
 		children: o

package/dist/chunks/levels-chain.js

@@ -7,10 +7,7 @@ import { jsx as o, jsxs as s } from "react/jsx-runtime";
 import { useEffect as c, useLayoutEffect as l, useMemo as u, useRef as d, useState as f } from "react";
 import { IconIconOnLightSecondary as p } from "@box/blueprint-web-assets/tokens/tokens";
 import { ArrowRight as m } from "@box/blueprint-web-assets/icons/Line";
-import '../styles/levels-chain.css';var h = {
-	levelsChain: "_levelsChain_1wuki_1",
-	hiddenLevelsButton: "_hiddenLevelsButton_1wuki_11"
-};
+import '../styles/levels-chain.css';var h = { levelsChain: "_levelsChain_bbgph_1" };
 function g(e) {
 	let t = Math.ceil(e.length / 2);
 	return [e.slice(0, t), e.slice(t)];
@@ -79,9 +76,8 @@ var _ = ({ levels: _ = [], selectedLevels: v = [] }) => {
 			y.map((e, n) => {
 				let r = x && n >= y.length - F;
 				return /* @__PURE__ */ s("li", {
-					className: h.left,
-					style: { display: r ? "none" : void 0 },
 					"aria-hidden": r,
+					style: { display: r ? "none" : void 0 },
 					children: [/* @__PURE__ */ o(t, {
 						value: e.name,
 						selected: v.includes(e.level)
@@ -110,9 +106,8 @@ var _ = ({ levels: _ = [], selectedLevels: v = [] }) => {
 			b.map((e, n) => {
 				let r = x && n < I;
 				return /* @__PURE__ */ s("li", {
-					className: h.right,
-					style: { display: r ? "none" : void 0 },
 					"aria-hidden": r,
+					style: { display: r ? "none" : void 0 },
 					children: [/* @__PURE__ */ o(t, {
 						value: e.name,
 						selected: v.includes(e.level)

package/dist/chunks/metadata-field-configurator.module.js

@@ -1,21 +1,21 @@
 import '../styles/metadata-field-configurator.css';var e = {
-	fieldset: "_fieldset_l98ha_1",
-	expandedContent: "_expandedContent_l98ha_7",
-	basic: "_basic_l98ha_13",
-	fieldTypeSelect: "_fieldTypeSelect_l98ha_18",
-	typeSpecific: "_typeSpecific_l98ha_22",
-	description: "_description_l98ha_29",
-	labelWithTooltip: "_labelWithTooltip_l98ha_34",
-	fieldActionSlot: "_fieldActionSlot_l98ha_45",
-	expandedToolbarActions: "_expandedToolbarActions_l98ha_52",
-	extensionTabsContainer: "_extensionTabsContainer_l98ha_58",
-	extensionContent: "_extensionContent_l98ha_64",
-	fieldCollapsedText: "_fieldCollapsedText_l98ha_68",
-	expanded: "_expanded_l98ha_7",
-	contextMenuWithCollapsedText: "_contextMenuWithCollapsedText_l98ha_77",
-	fieldAccordionItem: "_fieldAccordionItem_l98ha_83",
-	fieldContextMenu: "_fieldContextMenu_l98ha_90",
-	menuOpen: "_menuOpen_l98ha_93",
-	hiddenBadge: "_hiddenBadge_l98ha_112"
+	fieldset: "_fieldset_vz23z_1",
+	expandedContent: "_expandedContent_vz23z_7",
+	basic: "_basic_vz23z_13",
+	fieldTypeSelect: "_fieldTypeSelect_vz23z_18",
+	typeSpecific: "_typeSpecific_vz23z_22",
+	description: "_description_vz23z_29",
+	labelWithTooltip: "_labelWithTooltip_vz23z_34",
+	fieldActionSlot: "_fieldActionSlot_vz23z_39",
+	expandedToolbarActions: "_expandedToolbarActions_vz23z_46",
+	extensionTabsContainer: "_extensionTabsContainer_vz23z_52",
+	extensionContent: "_extensionContent_vz23z_58",
+	fieldCollapsedText: "_fieldCollapsedText_vz23z_62",
+	expanded: "_expanded_vz23z_7",
+	contextMenuWithCollapsedText: "_contextMenuWithCollapsedText_vz23z_71",
+	fieldAccordionItem: "_fieldAccordionItem_vz23z_77",
+	fieldContextMenu: "_fieldContextMenu_vz23z_84",
+	menuOpen: "_menuOpen_vz23z_87",
+	hiddenBadge: "_hiddenBadge_vz23z_106"
 };
 export { e as t };

package/dist/chunks/metadata-template-editor-form.js

@@ -13,12 +13,11 @@ import b from "clsx";
 import { Form as x, useFormikContext as ee } from "formik";
 import { NoTemplates as S } from "@box/blueprint-web-assets/illustrations/Medium";
 import '../styles/metadata-template-editor-form.css';var C = {
-	form: "_form_1f0e7_1",
-	loading: "_loading_1f0e7_10",
-	fields: "_fields_1f0e7_17",
-	emptyFields: "_emptyFields_1f0e7_23",
-	actions: "_actions_1f0e7_28",
-	fieldsHeader: "_fieldsHeader_1f0e7_35"
+	form: "_form_1r59b_1",
+	fields: "_fields_1r59b_10",
+	emptyFields: "_emptyFields_1r59b_16",
+	actions: "_actions_1r59b_21",
+	fieldsHeader: "_fieldsHeader_1r59b_28"
 }, w = "bodyDefaultBold", T = "h2", E = "https://developer.box.com/guides/metadata/fields/", D = ({ formId: D, onCancel: O, taxonomyOptions: k, fetchTaxonomies: A, hideActions: te, isEditMode: ne, readOnly: j = !1, onDirtyStateChange: M, onValidationChange: N, fieldExtensions: P }) => {
 	let F = p(), { errors: I, values: L, setFieldValue: R, setFieldTouched: z, isSubmitting: B, isValid: V, handleChange: H, submitCount: U, dirty: W, touched: G } = ee(), K = y(null), q = y(!1), J = () => {
 		q.current = !0;
@@ -54,9 +53,8 @@ import '../styles/metadata-template-editor-form.css';var C = {
 		fetchTaxonomies: A,
 		readOnly: !0
 	}) : L.fields.length === 0 ? /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(n, { onFieldAdd: Z }), /* @__PURE__ */ h(l, {
-		isExternal: !0,
-		className: C.fieldsLearnMoreLink,
 		href: E,
+		isExternal: !0,
 		target: "_blank",
 		children: /* @__PURE__ */ h(f, { ...o.fieldsLearnMore })
 	})] }) : /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(a, {
@@ -73,23 +71,20 @@ import '../styles/metadata-template-editor-form.css';var C = {
 		id: D,
 		className: C.form,
 		children: [
-			/* @__PURE__ */ h("div", {
-				className: C.templateInfo,
-				children: /* @__PURE__ */ h(d, {
-					name: "displayName",
-					label: F.formatMessage(o.templateName),
-					placeholder: F.formatMessage(o.templateNameDescription),
-					value: L.displayName,
-					error: !j && G.displayName && I.displayName ? I.displayName : void 0,
-					onChange: (e) => {
-						H(e);
-					},
-					onPointerDown: J,
-					onKeyDown: J,
-					onBlur: Y,
-					readOnly: j
-				})
-			}),
+			/* @__PURE__ */ h("div", { children: /* @__PURE__ */ h(d, {
+				name: "displayName",
+				label: F.formatMessage(o.templateName),
+				placeholder: F.formatMessage(o.templateNameDescription),
+				value: L.displayName,
+				error: !j && G.displayName && I.displayName ? I.displayName : void 0,
+				onChange: (e) => {
+					H(e);
+				},
+				onPointerDown: J,
+				onKeyDown: J,
+				onBlur: Y,
+				readOnly: j
+			}) }),
 			/* @__PURE__ */ g("div", {
 				className: C.fieldsHeader,
 				children: [/* @__PURE__ */ h(u, {

package/dist/chunks/metadata-template-editor.js

@@ -16,12 +16,8 @@ import { ArrowsRotating as b } from "@box/blueprint-web-assets/icons/Line";
 import { Formik as x } from "formik";
 import { ErrorState404 as S } from "@box/blueprint-web-assets/illustrations/Medium";
 import '../styles/metadata-template-editor.css';var C = {
-	form: "_form_1o2vk_1",
-	loading: "_loading_1o2vk_8",
-	error: "_error_1o2vk_15",
-	fields: "_fields_1o2vk_24",
-	addField: "_addField_1o2vk_30",
-	actions: "_actions_1o2vk_34"
+	loading: "_loading_fd3t9_1",
+	error: "_error_fd3t9_8"
 }, ne = {
 	displayName: "",
 	templateKey: "",

package/dist/chunks/sortable-option-list.js

@@ -13,15 +13,14 @@ import { DndContext as _, DragOverlay as v, KeyboardSensor as y, PointerSensor a
 import { SortableContext as ee, arrayMove as T, sortableKeyboardCoordinates as te, useSortable as E, verticalListSortingStrategy as D } from "@dnd-kit/sortable";
 import { CSS as O } from "@dnd-kit/utilities";
 import '../styles/sortable-option-list.css';var k = {
-	sortableOptionList: "_sortableOptionList_1cieq_1",
-	option: "_option_1cieq_9",
-	editable: "_editable_1cieq_9",
-	dragging: "_dragging_1cieq_22",
-	dragHandle: "_dragHandle_1cieq_26",
-	inputContainer: "_inputContainer_1cieq_41",
-	input: "_input_1cieq_41",
-	deleteButtonContainer: "_deleteButtonContainer_1cieq_52",
-	optionDragOverlay: "_optionDragOverlay_1cieq_58"
+	sortableOptionList: "_sortableOptionList_dhce1_1",
+	option: "_option_dhce1_9",
+	editable: "_editable_dhce1_9",
+	dragging: "_dragging_dhce1_22",
+	dragHandle: "_dragHandle_dhce1_26",
+	input: "_input_dhce1_41",
+	deleteButtonContainer: "_deleteButtonContainer_dhce1_47",
+	optionDragOverlay: "_optionDragOverlay_dhce1_53"
 };
 function ne(e, t, n, r, i, a) {
 	let o = t?.dropdown?.options?.[n] && typeof e == "object" && !!e && typeof e.dropdown == "object" && e.dropdown?.options?.[n]?.key;

package/dist/chunks/taxonomy-field-configuration.js

@@ -12,10 +12,7 @@ import { useIntl as m } from "react-intl";
 import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
 import { Caret as v } from "@box/blueprint-web-assets/icons/Fill";
 import { useEffect as y, useMemo as b } from "react";
-import '../styles/taxonomy-field-configuration.css';var x = {
-	taxonomyFieldConfiguration: "_taxonomyFieldConfiguration_ylhrs_1",
-	responsePlaceholder: "_responsePlaceholder_ylhrs_8"
-}, S = () => {
+import '../styles/taxonomy-field-configuration.css';var x = { taxonomyFieldConfiguration: "_taxonomyFieldConfiguration_1smhd_1" }, S = () => {
 	let { formatMessage: S } = m(), { values: C, errors: w, touched: T, setFieldValue: E } = t(), { onTaxonomySelect: D } = o({
 		values: C,
 		setFieldValue: E

package/dist/chunks/taxonomy-selector.js

@@ -6,12 +6,11 @@ import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
 import { Plus as d } from "@box/blueprint-web-assets/icons/Fill";
 import { useState as f } from "react";
 import '../styles/taxonomy-selector.css';var p = {
-	taxonomySelectorLabel: "_taxonomySelectorLabel_b3aww_1",
-	taxonomySelectorSeparator: "_taxonomySelectorSeparator_b3aww_6",
-	listWrapper: "_listWrapper_b3aww_14",
-	listWrapperWithPadding: "_listWrapperWithPadding_b3aww_19",
-	taxonomyItem: "_taxonomyItem_b3aww_24",
-	statusContainer: "_statusContainer_b3aww_30"
+	taxonomySelectorLabel: "_taxonomySelectorLabel_fuxhs_1",
+	listWrapper: "_listWrapper_fuxhs_6",
+	listWrapperWithPadding: "_listWrapperWithPadding_fuxhs_11",
+	taxonomyItem: "_taxonomyItem_fuxhs_16",
+	statusContainer: "_statusContainer_fuxhs_22"
 }, m = ({ data: m, onClick: h, onSearchValue: g, triggerButton: _, disabled: v, resetValueOnHide: y }) => {
 	let { formatMessage: b } = s(), { status: x, onSelectorOpen: S } = e(), [C, w] = f(""), [T, E] = f(!1), D = (e) => {
 		w(e), g(e);

package/dist/esm/lib/components/metadata-field-configurator/components/field-edit-content/field-edit-content.js

@@ -4,79 +4,81 @@ import { general as n } from "../../messages/configurator-messages.js";
 import { t as r } from "../../../../../../chunks/metadata-field-configurator.module.js";
 import { useFieldConfigurator as i } from "../../context/field-configurator-context.js";
 import { getConfigurationByType as a } from "../../utils.js";
-import { Select as o, TextInput as s, TextWithInfoBadge as c, TooltipProvider as l } from "@box/blueprint-web";
-import { useIntl as u } from "react-intl";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
-import { useMemo as p } from "react";
-var m = ({ nameInputId: m, descriptionInputId: h, isTypeEditable: g, externalErrors: _, externalTouched: v, handleTypeChange: y, hideDescription: b = !1, readOnly: x = !1 }) => {
-	let S = u(), C = t(), { values: w, errors: T, touched: E, handleChange: D, handleBlur: O } = i(), k = (e) => {
-		if (_ && v?.[e]) return _[e];
-		let t = T[e];
-		if (E[e] && t != null && typeof t == "string") return t;
-	}, A = p(() => /* @__PURE__ */ d(l, { children: /* @__PURE__ */ d(c, {
-		infoBadgeAriaLabel: S.formatMessage(n.descriptionLearnMoreBadgeAriaLabel),
-		infoText: S.formatMessage(n.descriptionInfoTooltip),
-		children: /* @__PURE__ */ d("label", {
+import { Select as o, Text as s, TextInput as c, TextWithInfoBadge as l, TooltipProvider as u } from "@box/blueprint-web";
+import { useIntl as d } from "react-intl";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { useMemo as m } from "react";
+var h = ({ nameInputId: h, descriptionInputId: g, isTypeEditable: _, externalErrors: v, externalTouched: y, handleTypeChange: b, hideDescription: x = !1, readOnly: S = !1 }) => {
+	let { formatMessage: C } = d(), w = t(), { values: T, errors: E, touched: D, handleChange: O, handleBlur: k } = i(), A = (e) => {
+		if (v && y?.[e]) return v[e];
+		let t = E[e];
+		if (D[e] && t != null && typeof t == "string") return t;
+	}, j = m(() => /* @__PURE__ */ f(u, { children: /* @__PURE__ */ f(l, {
+		infoBadgeAriaLabel: C(n.descriptionLearnMoreBadgeAriaLabel),
+		infoText: C(n.descriptionInfoTooltip),
+		children: /* @__PURE__ */ f(s, {
+			as: "label",
 			className: r.labelWithTooltip,
-			htmlFor: h,
-			children: S.formatMessage(n.fieldDescriptionLabel)
+			htmlFor: g,
+			variant: "bodyDefaultBold",
+			children: C(n.fieldDescriptionLabel)
 		})
-	}) }), [S, h]), j = x || w.isFieldReadOnly;
-	return /* @__PURE__ */ d("fieldset", {
+	}) }), [g, C]), M = S || T.isFieldReadOnly;
+	return /* @__PURE__ */ f("fieldset", {
 		className: r.fieldset,
-		children: /* @__PURE__ */ f("div", {
+		children: /* @__PURE__ */ p("div", {
 			className: r.expandedContent,
 			children: [
-				/* @__PURE__ */ f("div", {
+				/* @__PURE__ */ p("div", {
 					className: r.basic,
-					children: [/* @__PURE__ */ d(s, {
+					children: [/* @__PURE__ */ f(c, {
 						name: "name",
-						id: m,
-						label: S.formatMessage(n.fieldNameLabel),
-						placeholder: S.formatMessage(n.fieldNameInputPlaceholder),
-						value: w.name,
-						error: j ? void 0 : k("name"),
-						onChange: D,
-						onBlur: O,
-						readOnly: j,
-						required: !j
-					}), /* @__PURE__ */ d(o, {
+						id: h,
+						label: C(n.fieldNameLabel),
+						placeholder: C(n.fieldNameInputPlaceholder),
+						value: T.name,
+						error: M ? void 0 : A("name"),
+						onChange: O,
+						onBlur: k,
+						readOnly: M,
+						required: !M
+					}), /* @__PURE__ */ f(o, {
 						name: "type",
-						label: S.formatMessage(n.fieldTypeLabel),
-						placeholder: S.formatMessage(n.fieldTypePlaceholder),
-						value: w.type,
-						"aria-readonly": j || !g,
-						readonly: j || !g,
-						onValueChange: y,
+						label: C(n.fieldTypeLabel),
+						placeholder: C(n.fieldTypePlaceholder),
+						value: T.type,
+						"aria-readonly": M || !_,
+						readonly: M || !_,
+						onValueChange: b,
 						className: r.fieldTypeSelect,
-						required: !j,
-						children: /* @__PURE__ */ d(o.Content, { children: C.availableFieldTypes.map((e) => /* @__PURE__ */ d(o.Option, {
+						required: !M,
+						children: /* @__PURE__ */ f(o.Content, { children: w.availableFieldTypes.map((e) => /* @__PURE__ */ f(o.Option, {
 							text: typeof e.label == "string" ? e.label : String(e.label),
 							value: e.type
 						}, e.type)) })
 					})]
 				}),
-				[e.Dropdown, e.Taxonomy].includes(w.type) && /* @__PURE__ */ d("div", {
+				[e.Dropdown, e.Taxonomy].includes(T.type) && /* @__PURE__ */ f("div", {
 					className: r.typeSpecific,
-					children: a(w.type)
+					children: a(T.type)
 				}),
-				!b && /* @__PURE__ */ d("div", {
+				!x && /* @__PURE__ */ f("div", {
 					className: r.description,
-					children: /* @__PURE__ */ d(s, {
+					children: /* @__PURE__ */ f(c, {
 						name: "description",
-						id: h,
-						label: A,
-						placeholder: S.formatMessage(n.fieldDescriptionInputPlaceholder),
-						value: w.description ?? "",
-						error: j ? void 0 : k("description"),
+						id: g,
+						label: j,
+						placeholder: C(n.fieldDescriptionInputPlaceholder),
+						value: T.description ?? "",
+						error: M ? void 0 : A("description"),
 						hideLabel: !0,
-						readOnly: j,
-						onChange: D,
-						onBlur: O
+						readOnly: M,
+						onChange: O,
+						onBlur: k
 					})
 				})
 			]
 		})
 	});
 };
-export { m as FieldEditContent };
+export { h as FieldEditContent };

package/dist/styles/chip.css

@@ -1 +1 @@
-._chip_x2zx9_1{padding:var(--space-1) var(--space-3);color:var(--text-text-on-light);font-weight:var(--body-default-font-weight);font-size:var(--body-default-font-size);line-height:var(--title-small-line-height);background-color:var(--surface-inputchip-surface);border-radius:var(--radius-half);-webkit-user-select:none;user-select:none;display:inline-block}._chip_x2zx9_1._selected_x2zx9_12{color:var(--text-text-on-dark);background-color:var(--surface-surface-brand)}
+._chip_plmye_1{padding:var(--space-1) var(--space-3);background-color:var(--surface-inputchip-surface);border-radius:var(--radius-half);-webkit-user-select:none;user-select:none;display:inline-block}._chip_plmye_1._selected_plmye_8{background-color:var(--surface-surface-brand)}

package/dist/styles/levels-chain.css

@@ -1 +1 @@
-._levelsChain_1wuki_1{white-space:nowrap;align-items:center;gap:11px;width:100%;margin:0;padding:0;display:flex;overflow:hidden}._levelsChain_1wuki_1 ._hiddenLevelsButton_1wuki_11{all:unset}._levelsChain_1wuki_1 li{align-items:center;gap:8px;display:flex}
+._levelsChain_bbgph_1{white-space:nowrap;align-items:center;gap:11px;width:100%;margin:0;padding:0;display:flex;overflow:hidden}._levelsChain_bbgph_1 li{align-items:center;gap:8px;display:flex}

package/dist/styles/metadata-field-configurator.css

@@ -1 +1 @@
-._fieldset_l98ha_1{border:0;margin:0;padding:0}._expandedContent_l98ha_7{gap:var(--space-4);flex-direction:column;display:flex}._basic_l98ha_13{gap:var(--space-4);grid-template-columns:3fr 2fr;display:grid}._basic_l98ha_13 ._fieldTypeSelect_l98ha_18{min-width:145px}._typeSpecific_l98ha_22{margin-top:var(--space-2);gap:var(--space-4);flex-direction:column;display:flex}._description_l98ha_29{gap:var(--space-4);flex-direction:column;display:flex}._description_l98ha_29 ._labelWithTooltip_l98ha_34{color:var(--text-text-on-light);font-weight:var(--label-bold-font-weight);font-size:var(--body-default-bold-font-size);font-family:var(--label-bold-font-family);line-height:var(--label-bold-line-height);letter-spacing:var(--label-bold-letter-spacing);margin-block-end:var(--space-2);display:inline-block}._fieldActionSlot_l98ha_45{align-items:center;gap:var(--space-2);display:flex;position:relative}._expandedToolbarActions_l98ha_52{align-items:center;gap:var(--space-1);display:flex}._extensionTabsContainer_l98ha_58{border-right:1px solid var(--border-border-on-light);height:auto;overflow:visible}._extensionContent_l98ha_64{padding:var(--space-4) 0}._fieldCollapsedText_l98ha_68{visibility:visible;display:block}._expanded_l98ha_7 ._fieldCollapsedText_l98ha_68{visibility:hidden}._contextMenuWithCollapsedText_l98ha_77{background-color:#0000;position:absolute;right:0}._fieldAccordionItem_l98ha_83{max-width:650px}._fieldAccordionItem_l98ha_83[data-state=closed] ._fieldActionSlot_l98ha_45{position:relative}._fieldAccordionItem_l98ha_83[data-state=closed] ._fieldContextMenu_l98ha_90{display:none}._fieldAccordionItem_l98ha_83[data-state=closed] ._fieldContextMenu_l98ha_90._menuOpen_l98ha_93{display:flex}._fieldAccordionItem_l98ha_83[data-state=closed] ._extensionTabsContainer_l98ha_58{display:none}._fieldAccordionItem_l98ha_83[data-state=closed]:has(>:hover) ._fieldContextMenu_l98ha_90{background-color:#ebebeb;display:flex}._fieldAccordionItem_l98ha_83[data-state=closed]:has(>:hover) ._fieldContextMenu_l98ha_90:before{content:"";width:var(--space-3);background:linear-gradient(90deg,#0000,#ebebeb);position:absolute;top:0;bottom:0;right:99%}._fieldAccordionItem_l98ha_83[data-state=closed]:has(>:hover) ._hiddenBadge_l98ha_112{visibility:hidden}._fieldAccordionItem_l98ha_83[data-state=closed]:has(>:hover) ._contextMenuWithCollapsedText_l98ha_77{position:absolute;top:-50%;right:0}
+._fieldset_vz23z_1{border:0;margin:0;padding:0}._expandedContent_vz23z_7{gap:var(--space-4);flex-direction:column;display:flex}._basic_vz23z_13{gap:var(--space-4);grid-template-columns:3fr 2fr;display:grid}._basic_vz23z_13 ._fieldTypeSelect_vz23z_18{min-width:145px}._typeSpecific_vz23z_22{margin-top:var(--space-2);gap:var(--space-4);flex-direction:column;display:flex}._description_vz23z_29{gap:var(--space-4);flex-direction:column;display:flex}._description_vz23z_29 ._labelWithTooltip_vz23z_34{margin-block-end:var(--space-2);display:inline-block}._fieldActionSlot_vz23z_39{align-items:center;gap:var(--space-2);display:flex;position:relative}._expandedToolbarActions_vz23z_46{align-items:center;gap:var(--space-1);display:flex}._extensionTabsContainer_vz23z_52{border-right:1px solid var(--border-border-on-light);height:auto;overflow:visible}._extensionContent_vz23z_58{padding:var(--space-4) 0}._fieldCollapsedText_vz23z_62{visibility:visible;display:block}._expanded_vz23z_7 ._fieldCollapsedText_vz23z_62{visibility:hidden}._contextMenuWithCollapsedText_vz23z_71{background-color:#0000;position:absolute;right:0}._fieldAccordionItem_vz23z_77{max-width:650px}._fieldAccordionItem_vz23z_77[data-state=closed] ._fieldActionSlot_vz23z_39{position:relative}._fieldAccordionItem_vz23z_77[data-state=closed] ._fieldContextMenu_vz23z_84{display:none}._fieldAccordionItem_vz23z_77[data-state=closed] ._fieldContextMenu_vz23z_84._menuOpen_vz23z_87{display:flex}._fieldAccordionItem_vz23z_77[data-state=closed] ._extensionTabsContainer_vz23z_52{display:none}._fieldAccordionItem_vz23z_77[data-state=closed]:has(>:hover) ._fieldContextMenu_vz23z_84{background-color:#ebebeb;display:flex}._fieldAccordionItem_vz23z_77[data-state=closed]:has(>:hover) ._fieldContextMenu_vz23z_84:before{content:"";width:var(--space-3);background:linear-gradient(90deg,#0000,#ebebeb);position:absolute;top:0;bottom:0;right:99%}._fieldAccordionItem_vz23z_77[data-state=closed]:has(>:hover) ._hiddenBadge_vz23z_106{visibility:hidden}._fieldAccordionItem_vz23z_77[data-state=closed]:has(>:hover) ._contextMenuWithCollapsedText_vz23z_71{position:absolute;top:-50%;right:0}

package/dist/styles/metadata-template-editor-form.css

@@ -1 +1 @@
-._form_1f0e7_1{gap:var(--space-4);flex-direction:column;flex:1;max-width:620px;height:100%;display:flex}._loading_1f0e7_10{padding:var(--space-8) 0;justify-content:center;align-items:center;display:flex}._fields_1f0e7_17{gap:var(--space-4);flex-direction:column;display:flex}._emptyFields_1f0e7_23{flex-grow:1;justify-content:space-around}._actions_1f0e7_28{justify-content:flex-end;gap:var(--space-3);padding-top:var(--space-2);display:flex}._fieldsHeader_1f0e7_35{align-items:center;gap:var(--space-2);justify-content:space-between;display:flex}
+._form_1r59b_1{gap:var(--space-4);flex-direction:column;flex:1;max-width:620px;height:100%;display:flex}._fields_1r59b_10{gap:var(--space-4);flex-direction:column;display:flex}._emptyFields_1r59b_16{flex-grow:1;justify-content:space-around}._actions_1r59b_21{justify-content:flex-end;gap:var(--space-3);padding-top:var(--space-2);display:flex}._fieldsHeader_1r59b_28{align-items:center;gap:var(--space-2);justify-content:space-between;display:flex}

package/dist/styles/metadata-template-editor.css

@@ -1 +1 @@
-._form_1o2vk_1{gap:var(--space-4);flex-direction:column;max-width:620px;display:flex}._loading_1o2vk_8{padding:var(--space-8) 0;justify-content:center;align-items:center;display:flex}._error_1o2vk_15{align-items:center;gap:var(--space-4);padding:var(--space-8) 0;text-align:center;flex-direction:column;display:flex}._fields_1o2vk_24{gap:var(--space-4);flex-direction:column;display:flex}._addField_1o2vk_30{align-self:flex-start}._actions_1o2vk_34{justify-content:flex-end;gap:var(--space-2);padding-top:var(--space-2);display:flex}
+._loading_fd3t9_1{padding:var(--space-8) 0;justify-content:center;align-items:center;display:flex}._error_fd3t9_8{align-items:center;gap:var(--space-4);padding:var(--space-8) 0;text-align:center;flex-direction:column;display:flex}

package/dist/styles/sortable-option-list.css

@@ -1 +1 @@
-._sortableOptionList_1cieq_1{max-height:190px;margin:0;padding:0;list-style:none;overflow:auto}._option_1cieq_9._editable_1cieq_9{gap:var(--space-05);grid-template-rows:auto auto;grid-template-columns:auto 1fr auto;align-items:start;display:grid}._option_1cieq_9 svg{pointer-events:none}._option_1cieq_9:not(:last-child){margin-bottom:var(--space-2)}._option_1cieq_9._dragging_1cieq_22{opacity:0}._dragHandle_1cieq_26{width:20px;padding:var(--space-3) 0;cursor:grab;touch-action:none;grid-area:1/1;justify-content:center;align-items:center;display:flex}._dragHandle_1cieq_26:active{cursor:grabbing}._inputContainer_1cieq_41{grid-area:1/2}._input_1cieq_41+span{margin-top:var(--space-1);grid-area:2/2}._deleteButtonContainer_1cieq_52{padding:var(--space-2) 0;grid-area:1/3}._optionDragOverlay_1cieq_58{background-color:var(--surface-surface-on-light);border-radius:var(--border-radius-small)}
+._sortableOptionList_dhce1_1{max-height:190px;margin:0;padding:0;list-style:none;overflow:auto}._option_dhce1_9._editable_dhce1_9{gap:var(--space-05);grid-template-rows:auto auto;grid-template-columns:auto 1fr auto;align-items:start;display:grid}._option_dhce1_9 svg{pointer-events:none}._option_dhce1_9:not(:last-child){margin-bottom:var(--space-2)}._option_dhce1_9._dragging_dhce1_22{opacity:0}._dragHandle_dhce1_26{width:20px;padding:var(--space-3) 0;cursor:grab;touch-action:none;grid-area:1/1;justify-content:center;align-items:center;display:flex}._dragHandle_dhce1_26:active{cursor:grabbing}._input_dhce1_41+span{margin-top:var(--space-1);grid-area:2/2}._deleteButtonContainer_dhce1_47{padding:var(--space-2) 0;grid-area:1/3}._optionDragOverlay_dhce1_53{background-color:var(--surface-surface-on-light);border-radius:var(--border-radius-small)}

package/dist/styles/taxonomy-field-configuration.css

@@ -1 +1 @@
-._taxonomyFieldConfiguration_ylhrs_1{gap:var(--space-4);grid-template-rows:auto;grid-template-columns:1fr;display:grid}._responsePlaceholder_ylhrs_8{padding:var(--space-4);justify-content:center;align-items:center;display:flex}
+._taxonomyFieldConfiguration_1smhd_1{gap:var(--space-4);grid-template-rows:auto;grid-template-columns:1fr;display:grid}

package/dist/styles/taxonomy-selector.css

@@ -1 +1 @@
-._taxonomySelectorLabel_b3aww_1{padding:var(--space-2) var(--space-3);display:block}._taxonomySelectorSeparator_b3aww_6{background:var(--border-card-border);border:none;height:1px;margin:0;padding:0}._listWrapper_b3aww_14{max-height:200px;overflow-y:auto}._listWrapperWithPadding_b3aww_19{padding:var(--space-2);min-width:150px}._taxonomyItem_b3aww_24{text-align:left;justify-content:flex-start;width:100%}._statusContainer_b3aww_30{justify-content:center;align-items:center;gap:var(--space-2);flex-direction:column;min-width:190px;min-height:80px;display:flex}
+._taxonomySelectorLabel_fuxhs_1{padding:var(--space-2) var(--space-3);display:block}._listWrapper_fuxhs_6{max-height:200px;overflow-y:auto}._listWrapperWithPadding_fuxhs_11{padding:var(--space-2);min-width:150px}._taxonomyItem_fuxhs_16{text-align:left;justify-content:flex-start;width:100%}._statusContainer_fuxhs_22{justify-content:center;align-items:center;gap:var(--space-2);flex-direction:column;min-width:190px;min-height:80px;display:flex}

package/package.json

@@ -1,10 +1,10 @@
 {
     "name": "@box/metadata-template-editor",
-    "version": "2.2.21",
+    "version": "2.2.23",
     "license": "SEE LICENSE IN LICENSE",
     "peerDependencies": {
-        "@box/blueprint-web": "^16.12.0",
-        "@box/blueprint-web-assets": "^5.5.7",
+        "@box/blueprint-web": "^16.12.1",
+        "@box/blueprint-web-assets": "^5.5.8",
         "@dnd-kit/core": "^6.1.0",
         "@dnd-kit/sortable": "^8.0.0",
         "@dnd-kit/utilities": "^3.2.2",
@@ -17,10 +17,10 @@
         "yup": "^1.6.1"
     },
     "devDependencies": {
-        "@box/blueprint-web": "^16.12.0",
-        "@box/blueprint-web-assets": "^5.5.7",
+        "@box/blueprint-web": "^16.12.1",
+        "@box/blueprint-web-assets": "^5.5.8",
         "@box/eslint-plugin-blueprint": "2.1.10",
-        "@box/storybook-utils": "1.1.31",
+        "@box/storybook-utils": "1.1.32",
         "@dnd-kit/core": "^6.1.0",
         "@dnd-kit/sortable": "^8.0.0",
         "@dnd-kit/utilities": "^3.2.2",