@deskhero/dh_ui 1.1.0 → 1.2.0
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/dist/index.d.ts +2 -0
- package/dist/stories/Button.stories.d.ts +274 -0
- package/dist/stories/Button.vue.d.ts +49 -0
- package/dist/stories/Forms.stories.d.ts +12 -0
- package/dist/stories/Forms.vue.d.ts +2 -0
- package/dist/stories/Grid.stories.d.ts +12 -0
- package/dist/stories/Grid.vue.d.ts +2 -0
- package/dist/stories/Icons.vue.d.ts +2 -0
- package/dist/stories/Utilities.stories.d.ts +12 -0
- package/package.json +3 -2
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,274 @@
|
|
|
1
|
+
declare namespace _default {
|
|
2
|
+
export const title: string;
|
|
3
|
+
export { MyButton as component };
|
|
4
|
+
export namespace argTypes {
|
|
5
|
+
namespace backgroundColor {
|
|
6
|
+
const control: string;
|
|
7
|
+
}
|
|
8
|
+
const onClick: {};
|
|
9
|
+
namespace size {
|
|
10
|
+
export namespace control_1 {
|
|
11
|
+
const type: string;
|
|
12
|
+
}
|
|
13
|
+
export { control_1 as control };
|
|
14
|
+
export const options: string[];
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
export default _default;
|
|
19
|
+
export function Primary(args: any): {
|
|
20
|
+
components: {
|
|
21
|
+
MyButton: import("vue").DefineComponent<{
|
|
22
|
+
label: {
|
|
23
|
+
type: StringConstructor;
|
|
24
|
+
required: true;
|
|
25
|
+
};
|
|
26
|
+
primary: {
|
|
27
|
+
type: BooleanConstructor;
|
|
28
|
+
default: boolean;
|
|
29
|
+
};
|
|
30
|
+
size: {
|
|
31
|
+
type: StringConstructor;
|
|
32
|
+
validator: (value: unknown) => boolean;
|
|
33
|
+
};
|
|
34
|
+
backgroundColor: {
|
|
35
|
+
type: StringConstructor;
|
|
36
|
+
};
|
|
37
|
+
}, {
|
|
38
|
+
classes: import("vue").ComputedRef<{
|
|
39
|
+
[x: string]: boolean;
|
|
40
|
+
button: boolean;
|
|
41
|
+
"button--primary": boolean;
|
|
42
|
+
"button--secondary": boolean;
|
|
43
|
+
}>;
|
|
44
|
+
style: import("vue").ComputedRef<{
|
|
45
|
+
backgroundColor: string | undefined;
|
|
46
|
+
}>;
|
|
47
|
+
onClick(): void;
|
|
48
|
+
}, any, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
49
|
+
label: {
|
|
50
|
+
type: StringConstructor;
|
|
51
|
+
required: true;
|
|
52
|
+
};
|
|
53
|
+
primary: {
|
|
54
|
+
type: BooleanConstructor;
|
|
55
|
+
default: boolean;
|
|
56
|
+
};
|
|
57
|
+
size: {
|
|
58
|
+
type: StringConstructor;
|
|
59
|
+
validator: (value: unknown) => boolean;
|
|
60
|
+
};
|
|
61
|
+
backgroundColor: {
|
|
62
|
+
type: StringConstructor;
|
|
63
|
+
};
|
|
64
|
+
}>> & {
|
|
65
|
+
onClick?: ((...args: any[]) => any) | undefined;
|
|
66
|
+
}, {
|
|
67
|
+
primary: boolean;
|
|
68
|
+
}>;
|
|
69
|
+
};
|
|
70
|
+
setup(): {
|
|
71
|
+
args: any;
|
|
72
|
+
};
|
|
73
|
+
template: string;
|
|
74
|
+
};
|
|
75
|
+
export namespace Primary {
|
|
76
|
+
namespace args {
|
|
77
|
+
const primary: boolean;
|
|
78
|
+
const label: string;
|
|
79
|
+
}
|
|
80
|
+
}
|
|
81
|
+
export function Secondary(args: any): {
|
|
82
|
+
components: {
|
|
83
|
+
MyButton: import("vue").DefineComponent<{
|
|
84
|
+
label: {
|
|
85
|
+
type: StringConstructor;
|
|
86
|
+
required: true;
|
|
87
|
+
};
|
|
88
|
+
primary: {
|
|
89
|
+
type: BooleanConstructor;
|
|
90
|
+
default: boolean;
|
|
91
|
+
};
|
|
92
|
+
size: {
|
|
93
|
+
type: StringConstructor;
|
|
94
|
+
validator: (value: unknown) => boolean;
|
|
95
|
+
};
|
|
96
|
+
backgroundColor: {
|
|
97
|
+
type: StringConstructor;
|
|
98
|
+
};
|
|
99
|
+
}, {
|
|
100
|
+
classes: import("vue").ComputedRef<{
|
|
101
|
+
[x: string]: boolean;
|
|
102
|
+
button: boolean;
|
|
103
|
+
"button--primary": boolean;
|
|
104
|
+
"button--secondary": boolean;
|
|
105
|
+
}>;
|
|
106
|
+
style: import("vue").ComputedRef<{
|
|
107
|
+
backgroundColor: string | undefined;
|
|
108
|
+
}>;
|
|
109
|
+
onClick(): void;
|
|
110
|
+
}, any, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
111
|
+
label: {
|
|
112
|
+
type: StringConstructor;
|
|
113
|
+
required: true;
|
|
114
|
+
};
|
|
115
|
+
primary: {
|
|
116
|
+
type: BooleanConstructor;
|
|
117
|
+
default: boolean;
|
|
118
|
+
};
|
|
119
|
+
size: {
|
|
120
|
+
type: StringConstructor;
|
|
121
|
+
validator: (value: unknown) => boolean;
|
|
122
|
+
};
|
|
123
|
+
backgroundColor: {
|
|
124
|
+
type: StringConstructor;
|
|
125
|
+
};
|
|
126
|
+
}>> & {
|
|
127
|
+
onClick?: ((...args: any[]) => any) | undefined;
|
|
128
|
+
}, {
|
|
129
|
+
primary: boolean;
|
|
130
|
+
}>;
|
|
131
|
+
};
|
|
132
|
+
setup(): {
|
|
133
|
+
args: any;
|
|
134
|
+
};
|
|
135
|
+
template: string;
|
|
136
|
+
};
|
|
137
|
+
export namespace Secondary {
|
|
138
|
+
export namespace args_1 {
|
|
139
|
+
const label_1: string;
|
|
140
|
+
export { label_1 as label };
|
|
141
|
+
}
|
|
142
|
+
export { args_1 as args };
|
|
143
|
+
}
|
|
144
|
+
export function Large(args: any): {
|
|
145
|
+
components: {
|
|
146
|
+
MyButton: import("vue").DefineComponent<{
|
|
147
|
+
label: {
|
|
148
|
+
type: StringConstructor;
|
|
149
|
+
required: true;
|
|
150
|
+
};
|
|
151
|
+
primary: {
|
|
152
|
+
type: BooleanConstructor;
|
|
153
|
+
default: boolean;
|
|
154
|
+
};
|
|
155
|
+
size: {
|
|
156
|
+
type: StringConstructor;
|
|
157
|
+
validator: (value: unknown) => boolean;
|
|
158
|
+
};
|
|
159
|
+
backgroundColor: {
|
|
160
|
+
type: StringConstructor;
|
|
161
|
+
};
|
|
162
|
+
}, {
|
|
163
|
+
classes: import("vue").ComputedRef<{
|
|
164
|
+
[x: string]: boolean;
|
|
165
|
+
button: boolean;
|
|
166
|
+
"button--primary": boolean;
|
|
167
|
+
"button--secondary": boolean;
|
|
168
|
+
}>;
|
|
169
|
+
style: import("vue").ComputedRef<{
|
|
170
|
+
backgroundColor: string | undefined;
|
|
171
|
+
}>;
|
|
172
|
+
onClick(): void;
|
|
173
|
+
}, any, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
174
|
+
label: {
|
|
175
|
+
type: StringConstructor;
|
|
176
|
+
required: true;
|
|
177
|
+
};
|
|
178
|
+
primary: {
|
|
179
|
+
type: BooleanConstructor;
|
|
180
|
+
default: boolean;
|
|
181
|
+
};
|
|
182
|
+
size: {
|
|
183
|
+
type: StringConstructor;
|
|
184
|
+
validator: (value: unknown) => boolean;
|
|
185
|
+
};
|
|
186
|
+
backgroundColor: {
|
|
187
|
+
type: StringConstructor;
|
|
188
|
+
};
|
|
189
|
+
}>> & {
|
|
190
|
+
onClick?: ((...args: any[]) => any) | undefined;
|
|
191
|
+
}, {
|
|
192
|
+
primary: boolean;
|
|
193
|
+
}>;
|
|
194
|
+
};
|
|
195
|
+
setup(): {
|
|
196
|
+
args: any;
|
|
197
|
+
};
|
|
198
|
+
template: string;
|
|
199
|
+
};
|
|
200
|
+
export namespace Large {
|
|
201
|
+
export namespace args_2 {
|
|
202
|
+
const size_1: string;
|
|
203
|
+
export { size_1 as size };
|
|
204
|
+
const label_2: string;
|
|
205
|
+
export { label_2 as label };
|
|
206
|
+
}
|
|
207
|
+
export { args_2 as args };
|
|
208
|
+
}
|
|
209
|
+
export function Small(args: any): {
|
|
210
|
+
components: {
|
|
211
|
+
MyButton: import("vue").DefineComponent<{
|
|
212
|
+
label: {
|
|
213
|
+
type: StringConstructor;
|
|
214
|
+
required: true;
|
|
215
|
+
};
|
|
216
|
+
primary: {
|
|
217
|
+
type: BooleanConstructor;
|
|
218
|
+
default: boolean;
|
|
219
|
+
};
|
|
220
|
+
size: {
|
|
221
|
+
type: StringConstructor;
|
|
222
|
+
validator: (value: unknown) => boolean;
|
|
223
|
+
};
|
|
224
|
+
backgroundColor: {
|
|
225
|
+
type: StringConstructor;
|
|
226
|
+
};
|
|
227
|
+
}, {
|
|
228
|
+
classes: import("vue").ComputedRef<{
|
|
229
|
+
[x: string]: boolean;
|
|
230
|
+
button: boolean;
|
|
231
|
+
"button--primary": boolean;
|
|
232
|
+
"button--secondary": boolean;
|
|
233
|
+
}>;
|
|
234
|
+
style: import("vue").ComputedRef<{
|
|
235
|
+
backgroundColor: string | undefined;
|
|
236
|
+
}>;
|
|
237
|
+
onClick(): void;
|
|
238
|
+
}, any, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
239
|
+
label: {
|
|
240
|
+
type: StringConstructor;
|
|
241
|
+
required: true;
|
|
242
|
+
};
|
|
243
|
+
primary: {
|
|
244
|
+
type: BooleanConstructor;
|
|
245
|
+
default: boolean;
|
|
246
|
+
};
|
|
247
|
+
size: {
|
|
248
|
+
type: StringConstructor;
|
|
249
|
+
validator: (value: unknown) => boolean;
|
|
250
|
+
};
|
|
251
|
+
backgroundColor: {
|
|
252
|
+
type: StringConstructor;
|
|
253
|
+
};
|
|
254
|
+
}>> & {
|
|
255
|
+
onClick?: ((...args: any[]) => any) | undefined;
|
|
256
|
+
}, {
|
|
257
|
+
primary: boolean;
|
|
258
|
+
}>;
|
|
259
|
+
};
|
|
260
|
+
setup(): {
|
|
261
|
+
args: any;
|
|
262
|
+
};
|
|
263
|
+
template: string;
|
|
264
|
+
};
|
|
265
|
+
export namespace Small {
|
|
266
|
+
export namespace args_3 {
|
|
267
|
+
const size_2: string;
|
|
268
|
+
export { size_2 as size };
|
|
269
|
+
const label_3: string;
|
|
270
|
+
export { label_3 as label };
|
|
271
|
+
}
|
|
272
|
+
export { args_3 as args };
|
|
273
|
+
}
|
|
274
|
+
import MyButton from "./Button.vue";
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
declare const _default: import("vue").DefineComponent<{
|
|
2
|
+
label: {
|
|
3
|
+
type: StringConstructor;
|
|
4
|
+
required: true;
|
|
5
|
+
};
|
|
6
|
+
primary: {
|
|
7
|
+
type: BooleanConstructor;
|
|
8
|
+
default: boolean;
|
|
9
|
+
};
|
|
10
|
+
size: {
|
|
11
|
+
type: StringConstructor;
|
|
12
|
+
validator: (value: unknown) => boolean;
|
|
13
|
+
};
|
|
14
|
+
backgroundColor: {
|
|
15
|
+
type: StringConstructor;
|
|
16
|
+
};
|
|
17
|
+
}, {
|
|
18
|
+
classes: import("vue").ComputedRef<{
|
|
19
|
+
[x: string]: boolean;
|
|
20
|
+
button: boolean;
|
|
21
|
+
"button--primary": boolean;
|
|
22
|
+
"button--secondary": boolean;
|
|
23
|
+
}>;
|
|
24
|
+
style: import("vue").ComputedRef<{
|
|
25
|
+
backgroundColor: string | undefined;
|
|
26
|
+
}>;
|
|
27
|
+
onClick(): void;
|
|
28
|
+
}, any, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
29
|
+
label: {
|
|
30
|
+
type: StringConstructor;
|
|
31
|
+
required: true;
|
|
32
|
+
};
|
|
33
|
+
primary: {
|
|
34
|
+
type: BooleanConstructor;
|
|
35
|
+
default: boolean;
|
|
36
|
+
};
|
|
37
|
+
size: {
|
|
38
|
+
type: StringConstructor;
|
|
39
|
+
validator: (value: unknown) => boolean;
|
|
40
|
+
};
|
|
41
|
+
backgroundColor: {
|
|
42
|
+
type: StringConstructor;
|
|
43
|
+
};
|
|
44
|
+
}>> & {
|
|
45
|
+
onClick?: ((...args: any[]) => any) | undefined;
|
|
46
|
+
}, {
|
|
47
|
+
primary: boolean;
|
|
48
|
+
}>;
|
|
49
|
+
export default _default;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
declare namespace _default {
|
|
2
|
+
export const title: string;
|
|
3
|
+
export { MyForm as component };
|
|
4
|
+
}
|
|
5
|
+
export default _default;
|
|
6
|
+
export function Default(): {
|
|
7
|
+
components: {
|
|
8
|
+
MyForm: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
|
|
9
|
+
};
|
|
10
|
+
template: string;
|
|
11
|
+
};
|
|
12
|
+
import MyForm from "./Forms.vue";
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
|
|
2
|
+
export default _default;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
declare namespace _default {
|
|
2
|
+
export const title: string;
|
|
3
|
+
export { MyGrid as component };
|
|
4
|
+
}
|
|
5
|
+
export default _default;
|
|
6
|
+
export function Default(): {
|
|
7
|
+
components: {
|
|
8
|
+
MyGrid: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
|
|
9
|
+
};
|
|
10
|
+
template: string;
|
|
11
|
+
};
|
|
12
|
+
import MyGrid from "./Grid.vue";
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
|
|
2
|
+
export default _default;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
|
|
2
|
+
export default _default;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
declare namespace _default {
|
|
2
|
+
export const title: string;
|
|
3
|
+
export { MyIcons as component };
|
|
4
|
+
}
|
|
5
|
+
export default _default;
|
|
6
|
+
export function Default(): {
|
|
7
|
+
components: {
|
|
8
|
+
MyIcons: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
|
|
9
|
+
};
|
|
10
|
+
template: string;
|
|
11
|
+
};
|
|
12
|
+
import MyIcons from "./Icons.vue";
|
package/package.json
CHANGED
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@deskhero/dh_ui",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.2.0",
|
|
4
4
|
"files": [
|
|
5
5
|
"dist"
|
|
6
6
|
],
|
|
7
7
|
"main": "dist/dh_ui.umd.js",
|
|
8
8
|
"module": "dist/dh_ui.es.js",
|
|
9
|
+
"types": "dist/index.d.ts",
|
|
9
10
|
"exports": {
|
|
10
11
|
".": {
|
|
11
12
|
"import": "./dist/dh_ui.es.js",
|
|
@@ -23,7 +24,7 @@
|
|
|
23
24
|
"build": "run-p type-check build-only",
|
|
24
25
|
"preview": "vite preview --port 4173",
|
|
25
26
|
"build-only": "vite build",
|
|
26
|
-
"type-check": "vue-tsc
|
|
27
|
+
"type-check": "vue-tsc",
|
|
27
28
|
"storybook": "start-storybook -p 6006",
|
|
28
29
|
"build-storybook": "build-storybook",
|
|
29
30
|
"chromatic": "npx chromatic --project-token=9b1dd74e6816"
|