wave-ui 1.55.0 → 1.56.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/wave-ui.cjs.js +1 -1
  2. package/dist/wave-ui.es.js +11 -2
  3. package/dist/wave-ui.umd.js +1 -1
  4. package/package.json +1 -1
  5. package/src/wave-ui/components/w-app.vue +3 -1
  6. package/src/wave-ui/components/w-notification.vue +7 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "wave-ui",
3
- "version": "1.55.0",
3
+ "version": "1.56.2",
4
4
  "description": "An emerging UI framework for Vue.js (2 & 3) with only the bright side. :sunny:",
5
5
  "author": "Antoni Andre <antoniandre.web@gmail.com>",
6
6
  "main": "./dist/wave-ui.umd.js",
package/src/wave-ui/components/w-app.vue CHANGED
@@ -92,7 +92,9 @@ export default {
92
92
  css.id = 'wave-ui-styles'
93
93
  css.innerHTML = this.dynamicStyles()
94
94
 
95
- document.head.appendChild(css)
95
+ const firstStyle = document.head.querySelectorAll('style,link[rel="stylesheet"]')[0]
96
+ if (firstStyle) firstStyle.before(css)
97
+ else document.head.appendChild(css)
96
98
  }
97
99
 
98
100
  this.getBreakpoint(window.innerWidth)
package/src/wave-ui/components/w-notification.vue CHANGED
@@ -1,8 +1,9 @@
1
1
  <template lang="pug">
2
2
  transition(:name="transitionName" appear)
3
3
  .w-notification(v-if="show" :class="classes" :style="styles")
4
- w-alert.white--bg(
4
+ w-alert(
5
5
  v-bind="alertProps"
6
+ :class="alertClasses"
6
7
  @input="$emit('update:modelValue', false);$emit('input', false)")
7
8
  slot
8
9
  </template>
@@ -118,6 +119,11 @@ export default {
118
119
  }
119
120
  },
120
121
 
122
+ alertClasses () {
123
+ if (this.bgColor || ((this.success || this.info || this.warning || this.error) && this.plain)) return null
124
+ return 'white--bg'
125
+ },
126
+
121
127
  styles () {
122
128
  return {
123
129
  zIndex: this.zIndex || this.zIndex === 0 || null