@naptics/vue-collection 0.1.9 → 0.1.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/NList.d.ts +24 -0
- package/components/NList.js +10 -2
- package/package.json +1 -1
package/components/NList.d.ts
CHANGED
|
@@ -17,6 +17,14 @@ export declare const nListProps: {
|
|
|
17
17
|
readonly type: PropType<ListItem[]>;
|
|
18
18
|
readonly default: () => never[];
|
|
19
19
|
};
|
|
20
|
+
/**
|
|
21
|
+
* Adds the classes to all title elements (on the left side).
|
|
22
|
+
*/
|
|
23
|
+
readonly titleClass: StringConstructor;
|
|
24
|
+
/**
|
|
25
|
+
* Adds the classese to all text elements (on the right side).
|
|
26
|
+
*/
|
|
27
|
+
readonly textClass: StringConstructor;
|
|
20
28
|
/**
|
|
21
29
|
* Adds the classes to the top-level element.
|
|
22
30
|
*/
|
|
@@ -33,6 +41,14 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
33
41
|
readonly type: PropType<ListItem[]>;
|
|
34
42
|
readonly default: () => never[];
|
|
35
43
|
};
|
|
44
|
+
/**
|
|
45
|
+
* Adds the classes to all title elements (on the left side).
|
|
46
|
+
*/
|
|
47
|
+
readonly titleClass: StringConstructor;
|
|
48
|
+
/**
|
|
49
|
+
* Adds the classese to all text elements (on the right side).
|
|
50
|
+
*/
|
|
51
|
+
readonly textClass: StringConstructor;
|
|
36
52
|
/**
|
|
37
53
|
* Adds the classes to the top-level element.
|
|
38
54
|
*/
|
|
@@ -45,6 +61,14 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
45
61
|
readonly type: PropType<ListItem[]>;
|
|
46
62
|
readonly default: () => never[];
|
|
47
63
|
};
|
|
64
|
+
/**
|
|
65
|
+
* Adds the classes to all title elements (on the left side).
|
|
66
|
+
*/
|
|
67
|
+
readonly titleClass: StringConstructor;
|
|
68
|
+
/**
|
|
69
|
+
* Adds the classese to all text elements (on the right side).
|
|
70
|
+
*/
|
|
71
|
+
readonly textClass: StringConstructor;
|
|
48
72
|
/**
|
|
49
73
|
* Adds the classes to the top-level element.
|
|
50
74
|
*/
|
package/components/NList.js
CHANGED
|
@@ -8,6 +8,14 @@ export const nListProps = {
|
|
|
8
8
|
type: Array,
|
|
9
9
|
default: () => []
|
|
10
10
|
},
|
|
11
|
+
/**
|
|
12
|
+
* Adds the classes to all title elements (on the left side).
|
|
13
|
+
*/
|
|
14
|
+
titleClass: String,
|
|
15
|
+
/**
|
|
16
|
+
* Adds the classese to all text elements (on the right side).
|
|
17
|
+
*/
|
|
18
|
+
textClass: String,
|
|
11
19
|
/**
|
|
12
20
|
* Adds the classes to the top-level element.
|
|
13
21
|
*/
|
|
@@ -23,9 +31,9 @@ export default createComponent('NList', nListProps, props => {
|
|
|
23
31
|
"key": index,
|
|
24
32
|
"class": ['py-5 px-4 sm:grid sm:grid-cols-3 sm:gap-4', index % 2 === 1 ? 'bg-white' : 'bg-default-50']
|
|
25
33
|
}, [_createVNode("dt", {
|
|
26
|
-
"class":
|
|
34
|
+
"class": `text-sm font-medium text-default-500 ${props.titleClass}`
|
|
27
35
|
}, [buildElement(item.title)]), _createVNode("dd", {
|
|
28
|
-
"class":
|
|
36
|
+
"class": `mt-1 text-sm sm:mt-0 sm:col-span-2 ${props.textClass}`
|
|
29
37
|
}, [buildElement(item.text)])]))]);
|
|
30
38
|
});
|
|
31
39
|
function buildElement(element) {
|
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "@naptics/vue-collection",
|
|
3
3
|
"author": "Timo Siegenthaler",
|
|
4
4
|
"description": "Vue Collection is a collection of styled and fully functional Vue components which can easily be integrated into our projects.",
|
|
5
|
-
"version": "0.1.
|
|
5
|
+
"version": "0.1.10",
|
|
6
6
|
"main": "./index.js",
|
|
7
7
|
"repository": {
|
|
8
8
|
"type": "git",
|