wave-ui 3.21.1 → 3.23.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "wave-ui",
-  "version": "3.21.1",
+  "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/*",
@@ -43,30 +49,30 @@
     "ui"
   ],
   "devDependencies": {
-    "@babel/core": "^7.26.10",
+    "@babel/core": "^7.27.4",
     "@biomejs/biome": "^1.9.4",
-    "@faker-js/faker": "^9.7.0",
+    "@faker-js/faker": "^9.8.0",
     "@mdi/font": "^7.4.47",
-    "@tsconfig/recommended": "^1.0.8",
-    "@vitejs/plugin-vue": "^5.2.3",
+    "@tsconfig/recommended": "^1.0.10",
+    "@vitejs/plugin-vue": "^5.2.4",
     "autoprefixer": "^10.4.21",
-    "axios": "^1.8.4",
+    "axios": "^1.10.0",
     "font-awesome": "^4.7.0",
-    "globals": "^16.0.0",
-    "gsap": "^3.12.7",
+    "globals": "^16.2.0",
+    "gsap": "^3.13.0",
     "ionicons": "^4.6.3",
     "material-design-icons": "^3.0.1",
-    "postcss": "^8.5.3",
+    "postcss": "^8.5.6",
     "pug": "^3.0.3",
     "rollup-plugin-delete": "^3.0.1",
-    "sass": "^1.86.3",
+    "sass": "^1.89.2",
     "simple-syntax-highlighter": "^3.1.1",
-    "splitpanes": "^4.0.3",
+    "splitpanes": "^4.0.4",
     "typescript": "^5.8.3",
-    "vite": "^6.2.6",
+    "vite": "^6.3.5",
     "vite-svg-loader": "^5.1.0",
-    "vue": "^3.5.13",
-    "vue-router": "^4.5.0",
+    "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/components/w-table.vue

@@ -73,7 +73,7 @@
             tr.w-table__row(
               v-else
               @click="doSelectRow(item, i)"
-              :class="{ 'w-table__row--selected': selectedRowsByUid[item._uid] !== undefined, 'w-table__row--expanded': expandedRowsByUid[item._uid] !== undefined }")
+              :class="{ 'w-table__row--selected': selectedRowsByUid[item._uid] !== undefined, 'w-table__row--expanded': expandedRowsByUid[item._uid] !== undefined, [item.class]: item.class }")
               template(v-for="(header, j) in headers")
                 td.w-table__cell(
                   v-if="$slots[`item-cell.${header.key}`] || $slots[`item-cell.${j + 1}`] || $slots['item-cell']"
@@ -806,7 +806,7 @@ $tr-border-top: 1px;
   // Sorting arrow.
   &__header--sortable {cursor: pointer;}
   &__header-sort {
-    color: color-mix(in srgb, var(--w-base-color) 8%, transparent);
+    color: color-mix(in srgb, var(--w-base-color) 50%, transparent);
     vertical-align: text-bottom;
     @include default-transition;
 

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;