wave-ui 3.0.0 → 3.0.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "wave-ui",
-  "version": "3.0.0",
+  "version": "3.0.2",
   "description": "An emerging UI framework for Vue.js (2 & 3) with only the bright side. :sunny:",
   "author": "Antoni Andre <antoniandre.web@gmail.com>",
   "homepage": "https://antoniandre.github.io/wave-ui",

package/src/wave-ui/core.js

@@ -56,7 +56,7 @@ export default class WaveUI {
     },
 
     // Callable from this.$waveui.
-    switchTheme (theme) {
+    switchTheme (theme, skipFlatten = false) {
       this.theme = theme
       document.documentElement.setAttribute('data-theme', theme)
       document.head.querySelector('#wave-ui-colors')?.remove?.()
@@ -104,12 +104,9 @@ export default class WaveUI {
           wApp.classList.add('w-app')
 
           let themeColors = config.colors[config.theme]
-          if (config.theme === 'auto') {
-            detectOSDarkMode($waveui)
-            themeColors = config.colors[$waveui.preferredTheme]
-            $waveui.colors = flattenColors(themeColors, colorPalette)
-          }
-          injectColorsCSSInDOM(themeColors)
+          if (config.theme === 'auto') detectOSDarkMode($waveui) // Also switches the theme.
+          else switchTheme(config.theme, true)
+
           injectCSSInDOM($waveui)
           injectNotifManagerInDOM(wApp, components, $waveui)
 
@@ -134,11 +131,13 @@ export default class WaveUI {
     if (!options.theme) options.theme = 'light'
     // Move colors inside a theme if there are option.colors without theme.
     // E.g. colors: { primary, ... } & not colors: { light { primary, ... }, dark: { primary, ... } })
-    const colors = { ...options.colors }
-    if (!options.colors?.light) options.colors.light = colors
-    if (!options.colors?.dark) options.colors.dark = colors
-    // Cleanup anything else than themes in config.colors.
-    options.colors = { light: options.colors.light, dark: options.colors.dark }
+    if (options.colors) {
+      const colors = { ...options.colors }
+      if (!options.colors.light) options.colors.light = colors
+      if (!options.colors.dark) options.colors.dark = colors
+      // Cleanup anything else than themes in config.colors.
+      options.colors = { light: options.colors.light, dark: options.colors.dark }
+    }
 
     // Merge user options into the default config.
     let { components, ...config } = options