umb-ref-item: added umbTextStyles + tidyup

src/Umbraco.Web.UI.Client/src/packages/core/components/ref-item/ref-item.element.ts

@@ -1,5 +1,6 @@
-import { html, customElement, css, property, when, nothing } from '@umbraco-cms/backoffice/external/lit';
+import { html, customElement, css, property, when } from '@umbraco-cms/backoffice/external/lit';
 import { UmbElementMixin } from '@umbraco-cms/backoffice/element-api';
+import { UmbTextStyles } from '@umbraco-cms/backoffice/style';
 import { UUIRefElement, UUIRefEvent, UUIRefNodeElement } from '@umbraco-cms/backoffice/external/uui';
 
 @customElement('umb-ref-item')
@@ -30,11 +31,7 @@ export class UmbRefItemElement extends UmbElementMixin(UUIRefElement) {
 				@click=${this.handleOpenClick}
 				@keydown=${this.handleOpenKeydown}
 				?disabled=${this.disabled}>
-				${when(
-					this.icon,
-					() => html`<span id="icon"><uui-icon name=${this.icon ?? ''}></uui-icon></span>`,
-					() => nothing,
-				)}
+				${when(this.icon, () => html`<span id="icon"><uui-icon name=${this.icon ?? ''}></uui-icon></span>`)}
 				<div id="info">
 					<div id="name">${this.name}</div>
 					<small id="detail">${this.detail}</small>
@@ -48,6 +45,7 @@ export class UmbRefItemElement extends UmbElementMixin(UUIRefElement) {
 	static styles = [
 		...UUIRefElement.styles,
 		...UUIRefNodeElement.styles,
+		UmbTextStyles,
 		css`
 			:host {
 				padding: calc(var(--uui-size-4) + 1px);