[Fix] Set default strolch-wc-debounced-input input colors to non-white

bower.json

@@ -1,7 +1,7 @@
 {
   "name": "strolch-wc-debounced-input",
   "description": "Strolch WebComponent Debounced Input",
-  "version": "0.1.2",
+  "version": "0.1.6",
   "authors": [
     "Robert von Burg"
   ],
@@ -19,7 +19,7 @@
   "homepage": "https://github.com/strolch-li/strolch-wc-debounced-input",
   "ignore": [],
   "dependencies": {
-    "polymer": "Polymer/polymer#^1.11.3",
+    "polymer": "Polymer/polymer#^1.12.0",
 
     "iron-icon": "PolymerElements/iron-icon#^1.0.13",
     "iron-icons": "PolymerElements/iron-icons#^1.2.1",

strolch-wc-debounced-input.html

@@ -8,19 +8,22 @@
         <!-- Style -->
         <style is="custom-style">
             :host {
-                --focus-color: white;
-                --regular-color: lightgrey;
+                --focus-color: var(--primary-color);
+                --input-color: var(--primary-text-color);
+                --regular-color: var(--secondary-text-color);
                 --disabled-color: darkgrey;
                 display: block;
+
+                --input-padding: 4px;
             }
 
             paper-input {
                 --paper-input-container-color: var(--regular-color);
                 --paper-input-container-focus-color: var(--focus-color);
-                --paper-input-container-input-color: var(--focus-color);
+                --paper-input-container-input-color: var(--input-color);
                 --paper-input-container-input: {
                     font-size: 18px;
-                    padding: 4px;
+                    padding: var(--input-padding);
                 };
                 --paper-input-container-underline-disabled: {
                     border-bottom-style: solid;
@@ -52,7 +55,8 @@
 
         <!-- Content -->
         <paper-input id="inputElement"
-                     no-label-float
+                     label="[[label]]"
+                     no-label-float="[[noLabelFloat]]"
                      placeholder="[[placeholder]]"
                      value="{{input}}"
                      disabled$="[[disabled]]"
@@ -97,6 +101,13 @@
                     type: String,
                     value: "search"
                 },
+                label: {
+                    type: String
+                },
+                noLabelFloat: {
+                    type: Boolean,
+                    value: true
+                },
                 disabled: {
                     type: Boolean,
                     value: false