From 1dc38bd20d18accc14decf5ef318736ffd89bf0d Mon Sep 17 00:00:00 2001 From: Cory Dransfeldt Date: Wed, 5 Nov 2025 15:22:26 -0800 Subject: [PATCH 1/6] fix(field-label): prevent the asterisk on required field labels from wrapping --- 1st-gen/packages/field-label/src/FieldLabel.ts | 9 ++++++--- 1 file changed, 6 insertions(+), 3 deletions(-) diff --git a/1st-gen/packages/field-label/src/FieldLabel.ts b/1st-gen/packages/field-label/src/FieldLabel.ts index 763c272caab..e43745758ff 100644 --- a/1st-gen/packages/field-label/src/FieldLabel.ts +++ b/1st-gen/packages/field-label/src/FieldLabel.ts @@ -153,9 +153,12 @@ export class FieldLabel extends SizedMixin(SpectrumElement, { ${this.required ? html` - + +   + + ` : nothing} From ddc2ae08bd6a79e0eba2e0c4665b65a8a498e5a5 Mon Sep 17 00:00:00 2001 From: Cory Dransfeldt Date: Wed, 5 Nov 2025 15:44:37 -0800 Subject: [PATCH 2/6] fix(field-label): remove margin from required asterisk --- 1st-gen/packages/field-label/src/spectrum-field-label.css | 1 - 1 file changed, 1 deletion(-) diff --git a/1st-gen/packages/field-label/src/spectrum-field-label.css b/1st-gen/packages/field-label/src/spectrum-field-label.css index efea42e1139..c3ec8d4a0ea 100644 --- a/1st-gen/packages/field-label/src/spectrum-field-label.css +++ b/1st-gen/packages/field-label/src/spectrum-field-label.css @@ -86,7 +86,6 @@ .required-icon { color: inherit; margin-block: 0; - margin-inline: var(--mod-field-label-text-to-asterisk, var(--spectrum-field-label-text-to-asterisk)) 0; vertical-align: initial; vertical-align: var(--mod-field-label-asterisk-vertical-align, baseline); } From 40560f9e94c7070016f425b3216284e83b6418fd Mon Sep 17 00:00:00 2001 From: Cory Dransfeldt Date: Thu, 6 Nov 2025 10:20:34 -0800 Subject: [PATCH 3/6] fix(field-label): apply narrower space to component --- 1st-gen/packages/field-label/src/FieldLabel.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/1st-gen/packages/field-label/src/FieldLabel.ts b/1st-gen/packages/field-label/src/FieldLabel.ts index e43745758ff..ba017a5ce27 100644 --- a/1st-gen/packages/field-label/src/FieldLabel.ts +++ b/1st-gen/packages/field-label/src/FieldLabel.ts @@ -154,7 +154,7 @@ export class FieldLabel extends SizedMixin(SpectrumElement, { ${this.required ? html` -   +   From a529c82b8c2028d1ddc13625237c92b774d92a7e Mon Sep 17 00:00:00 2001 From: Cory Dransfeldt Date: Thu, 6 Nov 2025 10:42:40 -0800 Subject: [PATCH 4/6] fix(field-label): conditionally apply thin non breaking space --- 1st-gen/packages/field-label/src/FieldLabel.ts | 12 +++++++++++- 1 file changed, 11 insertions(+), 1 deletion(-) diff --git a/1st-gen/packages/field-label/src/FieldLabel.ts b/1st-gen/packages/field-label/src/FieldLabel.ts index ba017a5ce27..3ee072b5b33 100644 --- a/1st-gen/packages/field-label/src/FieldLabel.ts +++ b/1st-gen/packages/field-label/src/FieldLabel.ts @@ -148,16 +148,26 @@ export class FieldLabel extends SizedMixin(SpectrumElement, { } protected override render(): TemplateResult { + const isRtl = this.dir === 'rtl'; return html`