Fixing cheveron/plus/minus icon positioning in numberfield buttons (#1548)

Author: LFDanLu

packages/@adobe/spectrum-css-temp/components/stepper/index.css

@@ -65,10 +65,6 @@ governing permissions and limitations under the License.
 
   padding: var(--spectrum-button-padding-y) calc(var(--spectrum-button-primary-padding-x) - var(--spectrum-button-primary-border-size));
 
-  /* @hack: fix button text vertical alignment at 14px */
-  padding-block-end: calc(var(--spectrum-button-padding-y) + 1px);
-  padding-block-start: calc(var(--spectrum-button-padding-y) - 1px);
-
   font-size: var(--spectrum-button-primary-text-size);
   font-weight: var(--spectrum-button-primary-text-font-weight);
 
@@ -91,12 +87,16 @@ governing permissions and limitations under the License.
 .spectrum-Stepper-button--stepUp {
   grid-area: increment;
   border-start-end-radius: var(--spectrum-border-radius);
+  padding-block-start: calc(var(--spectrum-button-padding-y) + 1px);
+  padding-block-end: calc(var(--spectrum-button-padding-y) - .5px);
 }
 
 .spectrum-Stepper-button--stepDown {
   grid-area: decrement;
   border-block-start: none;
   border-end-end-radius: var(--spectrum-border-radius);
+  padding-block-end: calc(var(--spectrum-button-padding-y) + 1px);
+  padding-block-start: calc(var(--spectrum-button-padding-y) - .5px);
 
   &:focus {
     border-block-start: none;
@@ -139,6 +139,8 @@ governing permissions and limitations under the License.
       inline-size: var(--spectrum-actionbutton-min-width);
       border-block-start-style: solid;
       border-block-start-width: var(--spectrum-stepper-border-size-default);
+      padding-block-end: 0px;
+      padding-block-start: 0px;
     }
     .spectrum-Stepper-button--stepUp {
       border-start-start-radius: var(--spectrum-stepper-border-radius-reset);
@@ -180,4 +182,3 @@ governing permissions and limitations under the License.
     }
   }
 }
-