chore: add changeset

caseyisonit · castastrophe · commit 1d8627a4ee0d · 2025-04-24T17:20:00.000-04:00
diff --git a/.changeset/silly-rooms-talk.md b/.changeset/silly-rooms-talk.md
@@ -0,0 +1,6 @@
+---
+'@spectrum-web-components/number-field': patch
+'@spectrum-web-components/textfield': patch
+---
+
+The changes included resolve UI issues with number-field by proxy of textfield. The validation icons in number-field no longer overlap the infield buttons. The width of the number-field now calculates accurately and can be modified via `--mod-stepper-width` token as it was before.
diff --git a/packages/textfield/src/textfield.css b/packages/textfield/src/textfield.css
@@ -32,6 +32,8 @@ governing permissions and limitations under the License.
 }
 
 #textfield {
+    --spectrum-textfield-input-line-height: var(--spectrum-textfield-height);
+
     inline-size: 100%;
 }
 
@@ -41,7 +43,10 @@ textarea {
 }
 
 .input {
-    min-inline-size: var(--spectrum-textfield-min-width);
+    min-inline-size: var(
+        --mod-textfield-min-width,
+        var(--spectrum-textfield-width)
+    );
 }
 
 :host([focused]) .input {

Original file line number	Diff line number	Diff line change
`@@ -32,6 +32,8 @@ governing permissions and limitations under the License.`
`32`	`32`	`}`
`33`	`33`
`34`	`34`	`#textfield {`
	`35`	`+ --spectrum-textfield-input-line-height: var(--spectrum-textfield-height);`
	`36`	`+`
`35`	`37`	`inline-size: 100%;`
`36`	`38`	`}`
`37`	`39`
`@@ -41,7 +43,10 @@ textarea {`
`41`	`43`	`}`
`42`	`44`
`43`	`45`	`.input {`
`44`		`- min-inline-size: var(--spectrum-textfield-min-width);`
	`46`	`+ min-inline-size: var(`
	`47`	`+ --mod-textfield-min-width,`
	`48`	`+ var(--spectrum-textfield-width)`
	`49`	`+ );`
`45`	`50`	`}`
`46`	`51`
`47`	`52`	`:host([focused]) .input {`