feat(input): separate label info tooltips from description text across input components

ts_web/elements/00group-input/dees-input-quantityselector/dees-input-quantityselector.demo.ts

@@ -69,13 +69,14 @@ export const demoFunc = () => html`
         <div class="input-group">
           <dees-input-quantityselector
             .label=${'Quantity'}
-            .description=${'Select the desired quantity'}
+            .infoText=${'Select the desired quantity'}
+            .description=${'Minimum order quantity is 1 item'}
             .value=${1}
           ></dees-input-quantityselector>
 
           <dees-input-quantityselector
             .label=${'Items in Cart'}
-            .description=${'Adjust the quantity of items'}
+            .infoText=${'Adjust the quantity of items'}
             .value=${3}
           ></dees-input-quantityselector>
         </div>
@@ -180,14 +181,14 @@ export const demoFunc = () => html`
         <div class="input-group">
           <dees-input-quantityselector
             .label=${'Number of Licenses'}
-            .description=${'Select how many licenses you need'}
+            .infoText=${'Select how many licenses you need'}
             .required=${true}
             .value=${1}
           ></dees-input-quantityselector>
 
           <dees-input-quantityselector
             .label=${'Fixed Quantity'}
-            .description=${'This quantity cannot be changed'}
+            .infoText=${'This quantity cannot be changed'}
             .disabled=${true}
             .value=${5}
           ></dees-input-quantityselector>
@@ -204,7 +205,7 @@ export const demoFunc = () => html`
           ></dees-input-dropdown>
           <dees-input-quantityselector
             .label=${'Quantity'}
-            .description=${'Number of licenses'}
+            .infoText=${'Number of licenses'}
             .value=${1}
           ></dees-input-quantityselector>
           <dees-input-text

ts_web/elements/00group-input/dees-input-quantityselector/dees-input-quantityselector.ts

@@ -129,7 +129,7 @@ export class DeesInputQuantitySelector extends DeesInputBase<DeesInputQuantitySe
   public render(): TemplateResult {
     return html`
       <div class="input-wrapper">
-        ${this.label ? html`<dees-label .label=${this.label} .description=${this.description} .required=${this.required}></dees-label>` : ''}
+        ${this.label ? html`<dees-label .label=${this.label} .infoText=${this.infoText} .required=${this.required}></dees-label>` : ''}
         <div 
           class="quantity-container ${this.disabled ? 'disabled' : ''}"
           data-min="${this.value <= 0}"
@@ -162,6 +162,7 @@ export class DeesInputQuantitySelector extends DeesInputBase<DeesInputQuantitySe
             aria-label="Increase quantity"
           >+</div>
         </div>
+        ${this.renderDescription()}
       </div>
     `;
   }