fix(core): update

ts_web/elements/dees-input-text.ts

@@ -1,3 +1,5 @@
+import * as colors from './00colors.js';
+
 import {
   customElement,
   DeesElement,
@@ -31,6 +33,11 @@ export class DeesInputText extends DeesElement {
   })
   public label: string;
 
+  @property({
+    type: String,
+  })
+  public description: string;
+
   @property({
     type: String,
     reflect: true,
@@ -98,11 +105,6 @@ export class DeesInputText extends DeesElement {
         color: ${cssManager.bdTheme('#333', '#ccc')};
       }
 
-      .label {
-        font-size: 14px;
-        margin-bottom: 8px;
-      }
-
       input {
         margin-top: 0px;
         background: ${cssManager.bdTheme('#fafafa', '#222')};
@@ -132,7 +134,7 @@ export class DeesInputText extends DeesElement {
 
       input:focus {
         outline: none;
-        border-bottom: 1px solid #e4002b;
+        border-bottom: 1px solid ${cssManager.bdTheme( colors.bright.blueActive, colors.dark.blueActive)};
         cursor: text;
       }
 
@@ -192,7 +194,7 @@ export class DeesInputText extends DeesElement {
         `}
       </style>
       <div class="maincontainer">
-        ${this.label ? html`<div class="label">${this.label}</div>` : html``}
+        <dees-label .label=${this.label} .description=${this.description}></dees-label>
         <input
           type="${this.isPasswordBool && !this.showPasswordBool ? 'password' : 'text'}"
           .value=${this.value}