wave-ui 1.53.2 → 1.54.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "wave-ui",
-  "version": "1.53.2",
+  "version": "1.54.0",
   "description": "An emerging UI framework for Vue.js (2 & 3) with only the bright side. :sunny:",
   "author": "Antoni Andre <antoniandre.web@gmail.com>",
   "main": "./dist/wave-ui.umd.js",
@@ -10,6 +10,7 @@
   "exports": {
     "./dist/wave-ui.css": "./dist/wave-ui.css",
     "./dist/wave-ui.cjs.js": "./dist/wave-ui.cjs.js",
+    "./src/wave-ui": "./src/wave-ui/index.js",
     ".": {
       "import": "./dist/wave-ui.es.js",
       "require": "./dist/wave-ui.umd.js"

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

@@ -134,6 +134,7 @@ export default {
     icon: { type: String, default: '' },
     itemLabelKey: { type: String, default: 'label' }, // Name of the label field.
     itemValueKey: { type: String, default: 'value' }, // Name of the value field.
+    itemClassKey: { type: String, default: 'value' }, // Name of the class field.
     itemColorKey: { type: String, default: 'color' }, // Support a different color per item.
     itemRouteKey: { type: String, default: 'route' }, // Name of the route field for `nav` lists.
     itemClass: { type: String },
@@ -230,7 +231,7 @@ export default {
         'w-list__item-label--selectable': this.isSelectable,
         [item.color]: !!item.color,
         [this.SelectionColor]: item._selected && !item.color && this.SelectionColor,
-        [this.itemClass]: !!this.itemClass
+        [item[this.itemClassKey] || this.itemClass]: item[this.itemClassKey] || this.itemClass
       }
     },
 

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

@@ -16,7 +16,7 @@
 
     .grow {flex-grow: 1;flex-basis: auto;}
     .no-grow {flex-grow: 0;}
-    .shrink {flex-shrink: 1;margin-left: auto;margin-right: auto;}
+    .shrink {flex-shrink: 1;}
     .no-shrink {flex-shrink: 0;}
     .fill-width {width: 100%;}
     .fill-height {height: 100%;}