Match existing design for BoxControl preset labels

WordPress · Dec 12, 2024 · 910b4c8 · 910b4c8
1 parent 0b42567
commit 910b4c8
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/packages/components/src/box-control/input-control.tsx b/packages/components/src/box-control/input-control.tsx
@@ -178,10 +178,11 @@ export default function BoxInputControl( {
 		? getPresetIndexFromValue( mergedValue, presetKey, presets )
 		: undefined;
 	const marks = hasPresets
-		? [ { value: 0, label: __( 'None' ) } ].concat(
+		? [ { value: 0, label: '', tooltip: __( 'None' ) } ].concat(
 				presets.map( ( preset, index ) => ( {
 					value: index + 1,
-					label: preset.name,
+					label: '',
+					tooltip: preset.name ?? preset.slug,
 				} ) )
 		  )
 		: [];
@@ -264,7 +265,7 @@ export default function BoxInputControl( {
 							.label
 					}
 					renderTooltipContent={ ( index ) =>
-						marks[ ! index ? 0 : index ].label
+						marks[ ! index ? 0 : index ].tooltip
 					}
 					min={ 0 }
 					max={ marks.length - 1 }

diff --git a/packages/components/src/box-control/types.ts b/packages/components/src/box-control/types.ts
@@ -18,7 +18,7 @@ export type CustomValueUnits = {
 export interface Preset {
 	name: string;
 	slug: string;
-	value: string;
+	value?: string;
 }
 
 type UnitControlPassthroughProps = Omit<