wave-ui 3.22.0 → 3.23.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "wave-ui",
-  "version": "3.22.0",
+  "version": "3.23.0",
   "description": "A UI framework for Vue.js 3 (and 2) with only the bright side. :sunny:",
   "author": "Antoni Andre <antoniandre.web@gmail.com>",
   "homepage": "https://antoniandre.github.io/wave-ui",
@@ -18,8 +18,14 @@
   ],
   "exports": {
     ".": {
-      "import": "./dist/wave-ui.es.js",
-      "require": "./dist/wave-ui.umd.js"
+      "import": {
+        "types": "./dist/types/index.d.ts",
+        "default": "./dist/wave-ui.es.js"
+      },
+      "require": {
+        "types": "./dist/types/index.d.ts",
+        "default": "./dist/wave-ui.umd.js"
+      }
     },
     "./package.json": "./package.json",
     "./dist/*": "./dist/*",
@@ -47,7 +53,7 @@
     "@biomejs/biome": "^1.9.4",
     "@faker-js/faker": "^9.8.0",
     "@mdi/font": "^7.4.47",
-    "@tsconfig/recommended": "^1.0.8",
+    "@tsconfig/recommended": "^1.0.10",
     "@vitejs/plugin-vue": "^5.2.4",
     "autoprefixer": "^10.4.21",
     "axios": "^1.10.0",
@@ -56,7 +62,7 @@
     "gsap": "^3.13.0",
     "ionicons": "^4.6.3",
     "material-design-icons": "^3.0.1",
-    "postcss": "^8.5.5",
+    "postcss": "^8.5.6",
     "pug": "^3.0.3",
     "rollup-plugin-delete": "^3.0.1",
     "sass": "^1.89.2",
@@ -65,7 +71,7 @@
     "typescript": "^5.8.3",
     "vite": "^6.3.5",
     "vite-svg-loader": "^5.1.0",
-    "vue": "^3.5.16",
+    "vue": "^3.5.17",
     "vue-router": "^4.5.1",
     "vueperslides": "^3.6.0",
     "vuex": "^4.1.0"

package/src/wave-ui/components/w-input.vue

@@ -49,7 +49,8 @@ component(
         :disabled="isDisabled || null"
         :required="required || null"
         :tabindex="tabindex || null"
-        v-bind="attrs")
+        v-bind="attrs"
+        :class="inputClass")
       //- Input type file.
       template(v-else)
         input(
@@ -165,7 +166,8 @@ export default {
     // https://stackoverflow.com/questions/16365668/pre-populate-html-form-file-input
     files: { type: Array },
     dark: { type: Boolean },
-    light: { type: Boolean }
+    light: { type: Boolean },
+    inputClass: { type: String } // Additional classes for the input element.
     // Props from mixin: name, disabled, readonly, required, tabindex, validators.
     // Computed from mixin: inputName, isDisabled & isReadonly.
   },
@@ -408,6 +410,7 @@ $inactive-color: #777;
     border: $border;
     transition: border $transition-duration;
 
+    .w-ui.h-auto & {height: auto;}
     .w-input--floating-label & {margin-top: 3 * $base-increment;}
     .w-input[class^="bdrs"] &, .w-input[class*=" bdrs"] & {border-radius: inherit;}
 

package/src/wave-ui/scss/_layout.scss

@@ -16,6 +16,8 @@
     .no-shrink {flex-shrink: 0;}
     .fill-width {width: 100%;}
     .fill-height {height: 100%;}
+    .h-auto {height: auto;}
+    .h-screen {height: 100vh;}
     .basis-zero {flex-basis: 0;}
     .wrap {flex-wrap: wrap;}
     .no-wrap {flex-wrap: nowrap;}

package/src/wave-ui/scss/variables/_variables.scss

@@ -39,7 +39,7 @@ $disabled-color: var(--w-disabled-color);
 
 // GLOBAL DEFAULTS.
 // ========================================================
-$css-scope: '.w-app' !default; // Allows control on CSS rules priority.
+$css-scope: 'html .w-app' !default; // Allows control on CSS rules priority.
 // True by default. False allows you to use an external CSS library (like Tailwind).
 $use-layout-classes: true !default;