wave-ui 2.36.3 → 2.37.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "wave-ui",
-  "version": "2.36.3",
+  "version": "2.37.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",

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

@@ -65,6 +65,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 },
@@ -161,7 +162,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%;}