chore(form): prepare for pr

Author: serifine

src/form/ux-field-theme.css

@@ -6,6 +6,6 @@ styles.field {
 }
 
 styles.field > label {
-    font-size: 12px;
+    font-size: ${labelFontSize};
     color: ${labelColor || $swatches.grey.p500};
 }

src/form/ux-field-theme.ts

@@ -6,4 +6,5 @@ export class UxFieldTheme {
   public foreground: string;
 
   public labelColor: string = '#444';
+  public labelFontSize: string = '12px';
 }

src/form/ux-field.ts

@@ -24,9 +24,12 @@ export class UxField implements Themable {
         if (this.theme) {
             this.styleEngine.applyTheme(this, this.theme);
         }
+    }
 
-        if (this.label && !this.element.closest('label')) {
+    public attached() {
+        if (this.label && !this.element.querySelector('label')) {
             const newLabel = document.createElement('label');
+
             newLabel.textContent = this.label;
 
             this.element.insertBefore(newLabel, this.element.firstChild);