feat(plex-select): agrega estilos + semántica

Author: JSantarelli

src/lib/css/plex-select.scss

@@ -1,3 +1,4 @@
+@import './variables.scss';
 // Importados desde https://github.com/herschel666/selectize-scss
 
 // SELECTIZE.SCSS
@@ -267,15 +268,14 @@ $selectize-caret-margin-rtl: 0 4px 0 -2px !default;
   .active {
     background-color: $selectize-color-dropdown-item-active;
     color: $selectize-color-dropdown-item-active-text;
-
-    &.create {
-      color: $selectize-color-dropdown-item-create-active-text;
     }
-  }
-
-  .create {
-    color: $selectize-color-dropdown-item-create-text;
-  }
+    p {
+        margin-bottom: 0;
+        
+        &.create {
+        color: $blue;
+        }
+    }
 }
 
 .selectize-dropdown-content {

src/lib/select/select.component.ts

@@ -275,7 +275,7 @@ export class PlexSelectComponent implements AfterViewInit, ControlValueAccessor
                     if (this.selectize.currentResults.items.length) {
                         return null;
                     }
-                    return `<div class="create"> Agregar <strong> ${escape(item.input)} <strong> </div>`;
+                    return `<p class="create">No figura en el listado, deseo agregar <strong> ${escape(item.input)} </strong> de todos modos.</p>`;
 
                 }
             },