@naptics/vue-collection 0.2.13 → 0.2.14

package/components/NList.d.ts

@@ -22,9 +22,13 @@ export declare const nListProps: {
      */
     readonly titleClass: StringConstructor;
     /**
-     * Adds the classese to all text elements (on the right side).
+     * Adds the classes to all text elements (on the right side).
      */
     readonly textClass: StringConstructor;
+    /**
+     * Adds the classes to each row.
+     */
+    readonly rowClass: StringConstructor;
 };
 /**
  * The `NList` displays key-value data in an appealing way.
@@ -42,9 +46,13 @@ declare const Component: import("vue").DefineComponent<{
      */
     readonly titleClass: StringConstructor;
     /**
-     * Adds the classese to all text elements (on the right side).
+     * Adds the classes to all text elements (on the right side).
      */
     readonly textClass: StringConstructor;
+    /**
+     * Adds the classes to each row.
+     */
+    readonly rowClass: StringConstructor;
 }, import("vue").RenderFunction, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, never[], never, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * The items which are displayed in the list.
@@ -58,9 +66,13 @@ declare const Component: import("vue").DefineComponent<{
      */
     readonly titleClass: StringConstructor;
     /**
-     * Adds the classese to all text elements (on the right side).
+     * Adds the classes to all text elements (on the right side).
      */
     readonly textClass: StringConstructor;
+    /**
+     * Adds the classes to each row.
+     */
+    readonly rowClass: StringConstructor;
 }>> & {}, {
     readonly items: ListItem[];
 }>;

package/components/NList.js

@@ -13,9 +13,13 @@ export const nListProps = {
    */
   titleClass: String,
   /**
-   * Adds the classese to all text elements (on the right side).
+   * Adds the classes to all text elements (on the right side).
    */
-  textClass: String
+  textClass: String,
+  /**
+   * Adds the classes to each row.
+   */
+  rowClass: String
 };
 /**
  * The `NList` displays key-value data in an appealing way.
@@ -23,7 +27,7 @@ export const nListProps = {
 const Component = createComponent('NList', nListProps, props => {
   return () => _createVNode("dl", null, [props.items.map((item, index) => _createVNode("div", {
     "key": index,
-    "class": ['py-5 px-4 sm:grid sm:grid-cols-3 sm:gap-4', index % 2 === 1 ? 'bg-white' : 'bg-default-50']
+    "class": ['py-5 px-4 sm:grid sm:grid-cols-3 sm:gap-4', index % 2 === 1 ? 'bg-white' : 'bg-default-50', props.rowClass]
   }, [_createVNode("dt", {
     "class": `text-sm font-medium text-default-500 ${props.titleClass}`
   }, [buildElement(item.title)]), _createVNode("dd", {

package/package.json

@@ -2,7 +2,7 @@
     "name": "@naptics/vue-collection",
     "author": "Timo Siegenthaler",
     "description": "Vue Collection is a collection of styled and fully functional Vue components which can easily be integrated into our projects.",
-    "version": "0.2.13",
+    "version": "0.2.14",
     "main": "./index.js",
     "repository": {
         "type": "git",