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

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

@@ -94,12 +94,13 @@ export const demoFunc = () => html`
             .label=${'Username'}
             .value=${'johndoe'}
             .key=${'username'}
+            .description=${'Your username will be visible to other users'}
           ></dees-input-text>
 
           <dees-input-text
             .label=${'Email Address'}
             .value=${'john@example.com'}
-            .description=${'We will never share your email with anyone'}
+            .infoText=${'We will never share your email with anyone'}
             .key=${'email'}
           ></dees-input-text>
 
@@ -270,14 +271,14 @@ export const demoFunc = () => html`
             .label=${'Password with Toggle'}
             .isPasswordBool=${true}
             .value=${'mySecurePassword123'}
-            .description=${'Click the eye icon to show/hide password'}
+            .infoText=${'Click the eye icon to show/hide password'}
           ></dees-input-text>
 
           <dees-input-text
             .label=${'API Key'}
             .isPasswordBool=${true}
             .value=${'sk-1234567890abcdef'}
-            .description=${'Keep this key secure and never share it'}
+            .infoText=${'Keep this key secure and never share it'}
           ></dees-input-text>
         </div>
       </dees-panel>

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

@@ -289,7 +289,7 @@ export class DeesInputText extends DeesInputBase {
             `}
       </style>
       <div class="input-wrapper">
-        <dees-label .label=${this.label} .description=${this.description} .required=${this.required}></dees-label>
+        <dees-label .label=${this.label} .infoText=${this.infoText} .required=${this.required}></dees-label>
         <div class="maincontainer">
           <input
             type="${this.isPasswordBool && !this.showPasswordBool ? 'password' : 'text'}"
@@ -315,6 +315,7 @@ export class DeesInputText extends DeesInputBase {
                 </div>
               `
             : html`<div class="validationContainer"></div>`}
+          ${this.renderDescription()}
         </div>
       </div>
     `;