chore(input-stepper): remove name attr and improvements

.changeset/silent-steaks-marry.md

@@ -0,0 +1,5 @@
+---
+'@lion/input-stepper': patch
+---
+
+fix(input-stepper): make use of prefix and suffix slots

packages/input-stepper/src/LionInputStepper.js

@@ -103,8 +103,8 @@ export class LionInputStepper extends LionInput {
   get slots() {
     return {
       ...super.slots,
-      prefix: () => this.__getButtonNode(),
+      prefix: () => this.__getDecrementButtonNode(),
-      suffix: () => this.__getButtonNode(true),
+      suffix: () => this.__getIncrementButtonNode(),
     };
   }
 
@@ -208,14 +208,30 @@ export class LionInputStepper extends LionInput {
   }
 
   /**
-   * Get the button node
+   * Get the increment button node
-   * @param {Boolean} isIncrement flag to differentiate the template
    * @returns {Element|null}
    */
-  __getButtonNode(isIncrement = false) {
+  __getIncrementButtonNode() {
     const renderParent = document.createElement('div');
     /** @type {typeof LionInputStepper} */ (this.constructor).render(
-      isIncrement ? this._incrementorTemplate() : this._decrementorTemplate(),
+      this._incrementorTemplate(),
+      renderParent,
+      {
+        scopeName: this.localName,
+        eventContext: this,
+      },
+    );
+    return renderParent.firstElementChild;
+  }
+
+  /**
+   * Get the decrement button node
+   * @returns {Element|null}
+   */
+  __getDecrementButtonNode() {
+    const renderParent = document.createElement('div');
+    /** @type {typeof LionInputStepper} */ (this.constructor).render(
+      this._decrementorTemplate(),
       renderParent,
       {
         scopeName: this.localName,
@@ -271,7 +287,6 @@ export class LionInputStepper extends LionInput {
         ?disabled=${this.disabled || this.readOnly}
         @click=${this.__decrement}
         tabindex="-1"
-        name="decrement"
         type="button"
         aria-label="decrement"
       >
@@ -290,7 +305,6 @@ export class LionInputStepper extends LionInput {
         ?disabled=${this.disabled || this.readOnly}
         @click=${this.__increment}
         tabindex="-1"
-        name="increment"
         type="button"
         aria-label="increment"
       >