diff --git a/packages/components/src/box-control/input-control.tsx b/packages/components/src/box-control/input-control.tsx index 9179555dfecb2..34e43cc856847 100644 --- 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 index 9b51d33d56b55..43629e09258a5 100644 --- 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<