fix: adjust number field button icon size to match other fields (#9026)

Author: vursen

packages/integer-field/test/visual/lumo/integer-field.test.js

@@ -21,6 +21,12 @@ describe('integer-field', () => {
     await visualDiff(div, 'value');
   });
 
+  it('clear button', async () => {
+    element.value = 10;
+    element.clearButtonVisible = true;
+    await visualDiff(div, 'clear-button');
+  });
+
   it('step buttons visible', async () => {
     element.stepButtonsVisible = true;
     element.value = 5;

packages/integer-field/test/visual/lumo/screenshots/integer-field/baseline/clear-button.png

@@ -21,6 +21,12 @@ describe('integer-field', () => {
     await visualDiff(div, 'value');
   });
 
+  it('clear button', async () => {
+    element.value = 10;
+    element.clearButtonVisible = true;
+    await visualDiff(div, 'clear-button');
+  });
+
   it('step buttons visible', async () => {
     element.stepButtonsVisible = true;
     element.value = 5;

packages/integer-field/test/visual/lumo/screenshots/integer-field/baseline/step-buttons-visible.png

@@ -90,6 +90,12 @@ describe('number-field', () => {
         await visualDiff(div, `${dir}-helper-text`);
       });
 
+      it('clear button', async () => {
+        element.value = 10;
+        element.clearButtonVisible = true;
+        await visualDiff(div, `${dir}-clear-button`);
+      });
+
       it('prefix slot', async () => {
         const span = document.createElement('span');
         span.setAttribute('slot', 'prefix');