wave-ui 1.55.0 → 1.56.2

package/dist/wave-ui.es.js

@@ -1056,7 +1056,11 @@ const __vue2_script$M = {
       const css = document.createElement("style");
       css.id = "wave-ui-styles";
       css.innerHTML = this.dynamicStyles();
-      document.head.appendChild(css);
+      const firstStyle = document.head.querySelectorAll('style,link[rel="stylesheet"]')[0];
+      if (firstStyle)
+        firstStyle.before(css);
+      else
+        document.head.appendChild(css);
     }
     this.getBreakpoint(window.innerWidth);
     window.addEventListener("resize", this.getBreakpoint);
@@ -3658,7 +3662,7 @@ var render$r = function() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
-  return _c("transition", { attrs: { "name": _vm.transitionName, "appear": "" } }, [_vm.show ? _c("div", { staticClass: "w-notification", class: _vm.classes, style: _vm.styles }, [_c("w-alert", _vm._b({ staticClass: "white--bg", on: { "input": function($event) {
+  return _c("transition", { attrs: { "name": _vm.transitionName, "appear": "" } }, [_vm.show ? _c("div", { staticClass: "w-notification", class: _vm.classes, style: _vm.styles }, [_c("w-alert", _vm._b({ class: _vm.alertClasses, on: { "input": function($event) {
     _vm.$emit("update:modelValue", false);
     _vm.$emit("input", false);
   } } }, "w-alert", _vm.alertProps, false), [_vm._t("default")], 2)], 1) : _vm._e()]);
@@ -3765,6 +3769,11 @@ const __vue2_script$r = {
         [`w-notification--${this.position.join(" w-notification--")}`]: true
       };
     },
+    alertClasses() {
+      if (this.bgColor || (this.success || this.info || this.warning || this.error) && this.plain)
+        return null;
+      return "white--bg";
+    },
     styles() {
       return {
         zIndex: this.zIndex || this.zIndex === 0 || null