@dronico/droni-kit 1.10.0 → 1.12.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.
Files changed (16) hide show
  1. package/CHANGELOG.md +25 -0
  2. package/dist/droni-kit.cjs.js +9 -9
  3. package/dist/droni-kit.css +1 -1
  4. package/dist/droni-kit.es.js +409 -459
  5. package/dist/index.d.ts +2 -1
  6. package/dist/stories/Elements/DuiCard.stories.d.ts +92 -0
  7. package/dist/stories/Elements/DuiCard.vue.d.ts +31 -0
  8. package/dist/stories/Forms/DuiInput.stories.d.ts +20 -186
  9. package/dist/stories/Forms/DuiInput.vue.d.ts +1 -118
  10. package/dist/stories/Forms/DuiLabel.stories.d.ts +161 -0
  11. package/dist/stories/Forms/DuiLabel.vue.d.ts +74 -0
  12. package/dist/stories/Forms/DuiSelect.stories.d.ts +22 -97
  13. package/dist/stories/Forms/DuiSelect.vue.d.ts +10 -64
  14. package/dist/stories/Forms/DuiTextarea.stories.d.ts +10 -105
  15. package/dist/stories/Forms/DuiTextarea.vue.d.ts +1 -64
  16. package/package.json +1 -1
package/dist/index.d.ts CHANGED
@@ -5,5 +5,6 @@ import { default as DuiSelect } from './stories/Forms/DuiSelect.vue';
5
5
  import { default as DuiAlert } from './stories/Elements/DuiAlert.vue';
6
6
  import { default as DuiTable } from './stories/Elements/DuiTable.vue';
7
7
  import { default as DuiAction } from './stories/Elements/DuiAction.vue';
8
+ import { default as DuiCard } from './stories/Elements/DuiCard.vue';
8
9
  import { default as DuiNavbar } from './stories/Widgets/DuiNavbar.vue';
9
- export { DuiButton, DuiInput, DuiTextarea, DuiAction, DuiSelect, DuiAlert, DuiTable, DuiNavbar };
10
+ export { DuiButton, DuiInput, DuiTextarea, DuiAction, DuiCard, DuiSelect, DuiAlert, DuiTable, DuiNavbar };
package/dist/stories/Elements/DuiCard.stories.d.ts ADDED
@@ -0,0 +1,92 @@
1
+ import { StoryObj } from '@storybook/vue3-vite';
2
+ declare const meta: {
3
+ title: string;
4
+ component: {
5
+ new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./DuiCard.vue').DuiCardProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
6
+ size: "s" | "m" | "l";
7
+ title: string;
8
+ to: string | object;
9
+ image: string;
10
+ subtitle: string;
11
+ }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
12
+ P: {};
13
+ B: {};
14
+ D: {};
15
+ C: {};
16
+ M: {};
17
+ Defaults: {};
18
+ }, Readonly<import('./DuiCard.vue').DuiCardProps> & Readonly<{}>, {}, {}, {}, {}, {
19
+ size: "s" | "m" | "l";
20
+ title: string;
21
+ to: string | object;
22
+ image: string;
23
+ subtitle: string;
24
+ }>;
25
+ __isFragment?: never;
26
+ __isTeleport?: never;
27
+ __isSuspense?: never;
28
+ } & import('vue').ComponentOptionsBase<Readonly<import('./DuiCard.vue').DuiCardProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
29
+ size: "s" | "m" | "l";
30
+ title: string;
31
+ to: string | object;
32
+ image: string;
33
+ subtitle: string;
34
+ }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
35
+ $slots: {
36
+ default?(_: {}): any;
37
+ footer?(_: {}): any;
38
+ };
39
+ });
40
+ tags: string[];
41
+ argTypes: {
42
+ size: {
43
+ control: {
44
+ type: "select";
45
+ };
46
+ options: string[];
47
+ description: string;
48
+ };
49
+ image: {
50
+ control: {
51
+ type: "text";
52
+ };
53
+ description: string;
54
+ };
55
+ title: {
56
+ control: {
57
+ type: "text";
58
+ };
59
+ description: string;
60
+ };
61
+ subtitle: {
62
+ control: {
63
+ type: "text";
64
+ };
65
+ description: string;
66
+ };
67
+ to: {
68
+ control: {
69
+ type: "text";
70
+ };
71
+ description: string;
72
+ };
73
+ };
74
+ parameters: {
75
+ docs: {
76
+ description: {
77
+ component: string;
78
+ };
79
+ };
80
+ };
81
+ };
82
+ export default meta;
83
+ type Story = StoryObj<typeof meta>;
84
+ export declare const Default: Story;
85
+ export declare const SmallSize: Story;
86
+ export declare const LargeSize: Story;
87
+ export declare const WithoutImage: Story;
88
+ export declare const MinimalCard: Story;
89
+ export declare const TitleOnly: Story;
90
+ export declare const DarkMode: Story;
91
+ export declare const CardGrid: Story;
92
+ export declare const ClickableCards: Story;
package/dist/stories/Elements/DuiCard.vue.d.ts ADDED
@@ -0,0 +1,31 @@
1
+ export interface DuiCardProps {
2
+ size?: 's' | 'm' | 'l';
3
+ image?: string;
4
+ title?: string;
5
+ subtitle?: string;
6
+ to?: string | object;
7
+ }
8
+ declare function __VLS_template(): {
9
+ attrs: Partial<{}>;
10
+ slots: {
11
+ default?(_: {}): any;
12
+ footer?(_: {}): any;
13
+ };
14
+ refs: {};
15
+ rootEl: HTMLDivElement;
16
+ };
17
+ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
18
+ declare const __VLS_component: import('vue').DefineComponent<DuiCardProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<DuiCardProps> & Readonly<{}>, {
19
+ size: "s" | "m" | "l";
20
+ title: string;
21
+ to: string | object;
22
+ image: string;
23
+ subtitle: string;
24
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
25
+ declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
26
+ export default _default;
27
+ type __VLS_WithTemplateSlots<T, S> = T & {
28
+ new (): {
29
+ $slots: S;
30
+ };
31
+ };
package/dist/stories/Forms/DuiInput.stories.d.ts CHANGED
@@ -6,10 +6,6 @@ declare const meta: {
6
6
  type: (StringConstructor | NumberConstructor)[];
7
7
  default: string;
8
8
  };
9
- type: {
10
- type: () => "text" | "email" | "password" | "tel" | "url" | "search" | "date" | "datetime-local" | "month" | "week" | "time" | "number";
11
- default: string;
12
- };
13
9
  size: {
14
10
  type: () => "sm" | "md" | "lg";
15
11
  default: string;
@@ -18,58 +14,10 @@ declare const meta: {
18
14
  type: BooleanConstructor;
19
15
  default: boolean;
20
16
  };
21
- disabled: {
22
- type: BooleanConstructor;
23
- default: boolean;
24
- };
25
- placeholder: {
26
- type: StringConstructor;
27
- default: undefined;
28
- };
29
- name: {
30
- type: StringConstructor;
31
- default: undefined;
32
- };
33
- id: {
34
- type: StringConstructor;
35
- default: undefined;
36
- };
37
- required: {
38
- type: BooleanConstructor;
39
- default: boolean;
40
- };
41
- label: {
42
- type: StringConstructor;
43
- default: undefined;
44
- };
45
- pattern: {
46
- type: StringConstructor;
47
- default: undefined;
48
- };
49
- readonly: {
50
- type: BooleanConstructor;
51
- default: boolean;
52
- };
53
17
  rounded: {
54
18
  type: () => "all" | "top" | "bottom" | "left" | "right" | "none";
55
19
  default: string;
56
20
  };
57
- min: {
58
- type: (StringConstructor | NumberConstructor)[];
59
- default: undefined;
60
- };
61
- max: {
62
- type: (StringConstructor | NumberConstructor)[];
63
- default: undefined;
64
- };
65
- step: {
66
- type: (StringConstructor | NumberConstructor)[];
67
- default: undefined;
68
- };
69
- autocomplete: {
70
- type: StringConstructor;
71
- default: undefined;
72
- };
73
21
  }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
74
22
  "update:modelValue": (value: string) => any;
75
23
  }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -77,10 +25,6 @@ declare const meta: {
77
25
  type: (StringConstructor | NumberConstructor)[];
78
26
  default: string;
79
27
  };
80
- type: {
81
- type: () => "text" | "email" | "password" | "tel" | "url" | "search" | "date" | "datetime-local" | "month" | "week" | "time" | "number";
82
- default: string;
83
- };
84
28
  size: {
85
29
  type: () => "sm" | "md" | "lg";
86
30
  default: string;
@@ -89,170 +33,60 @@ declare const meta: {
89
33
  type: BooleanConstructor;
90
34
  default: boolean;
91
35
  };
92
- disabled: {
93
- type: BooleanConstructor;
94
- default: boolean;
95
- };
96
- placeholder: {
97
- type: StringConstructor;
98
- default: undefined;
99
- };
100
- name: {
101
- type: StringConstructor;
102
- default: undefined;
103
- };
104
- id: {
105
- type: StringConstructor;
106
- default: undefined;
107
- };
108
- required: {
109
- type: BooleanConstructor;
110
- default: boolean;
111
- };
112
- label: {
113
- type: StringConstructor;
114
- default: undefined;
115
- };
116
- pattern: {
117
- type: StringConstructor;
118
- default: undefined;
119
- };
120
- readonly: {
121
- type: BooleanConstructor;
122
- default: boolean;
123
- };
124
36
  rounded: {
125
37
  type: () => "all" | "top" | "bottom" | "left" | "right" | "none";
126
38
  default: string;
127
39
  };
128
- min: {
129
- type: (StringConstructor | NumberConstructor)[];
130
- default: undefined;
131
- };
132
- max: {
133
- type: (StringConstructor | NumberConstructor)[];
134
- default: undefined;
135
- };
136
- step: {
137
- type: (StringConstructor | NumberConstructor)[];
138
- default: undefined;
139
- };
140
- autocomplete: {
141
- type: StringConstructor;
142
- default: undefined;
143
- };
144
40
  }>> & Readonly<{
145
41
  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
146
42
  }>, {
147
- name: string;
148
43
  size: "sm" | "md" | "lg";
149
- type: "number" | "search" | "time" | "text" | "email" | "password" | "tel" | "url" | "date" | "datetime-local" | "month" | "week";
150
- disabled: boolean;
151
44
  block: boolean;
152
45
  rounded: "all" | "top" | "bottom" | "left" | "right" | "none";
153
- label: string;
154
- pattern: string;
155
46
  modelValue: string | number;
156
- placeholder: string;
157
- id: string;
158
- required: boolean;
159
- readonly: boolean;
160
- min: string | number;
161
- max: string | number;
162
- step: string | number;
163
- autocomplete: string;
164
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
47
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
165
48
  tags: string[];
166
49
  argTypes: {
167
- type: {
168
- control: {
169
- type: "select";
170
- };
171
- options: string[];
172
- defaultValue: string;
173
- };
174
- block: {
50
+ modelValue: {
175
51
  control: {
176
- type: "boolean";
52
+ type: "text";
177
53
  };
178
- defaultValue: boolean;
54
+ description: string;
179
55
  };
180
56
  size: {
181
57
  control: {
182
58
  type: "select";
183
59
  };
184
60
  options: string[];
185
- defaultValue: string;
186
- };
187
- disabled: {
188
- control: {
189
- type: "boolean";
190
- };
191
- defaultValue: boolean;
61
+ description: string;
192
62
  };
193
- placeholder: {
194
- control: {
195
- type: "text";
196
- };
197
- defaultValue: undefined;
198
- };
199
- name: {
200
- control: {
201
- type: "text";
202
- };
203
- defaultValue: undefined;
204
- };
205
- required: {
63
+ block: {
206
64
  control: {
207
65
  type: "boolean";
208
66
  };
209
- defaultValue: boolean;
210
- };
211
- label: {
212
- control: {
213
- type: "text";
214
- };
215
- defaultValue: undefined;
216
- };
217
- pattern: {
218
- control: {
219
- type: "text";
220
- };
221
- defaultValue: undefined;
67
+ description: string;
222
68
  };
223
69
  rounded: {
224
- constrol: {
225
- type: string;
226
- };
227
- options: string[];
228
- defaultValue: string;
229
- };
230
- readonly: {
231
70
  control: {
232
- type: "boolean";
233
- };
234
- defaultValue: boolean;
235
- };
236
- min: {
237
- control: {
238
- type: "text";
239
- };
240
- defaultValue: undefined;
241
- };
242
- max: {
243
- control: {
244
- type: "text";
71
+ type: "select";
245
72
  };
246
- defaultValue: undefined;
73
+ options: string[];
74
+ description: string;
247
75
  };
248
- step: {
249
- control: {
250
- type: "text";
76
+ };
77
+ parameters: {
78
+ docs: {
79
+ description: {
80
+ component: string;
251
81
  };
252
- defaultValue: undefined;
253
82
  };
254
83
  };
255
84
  };
256
85
  export default meta;
257
86
  type Story = StoryObj<typeof meta>;
258
87
  export declare const Default: Story;
88
+ export declare const Sizes: Story;
89
+ export declare const InputTypes: Story;
90
+ export declare const States: Story;
91
+ export declare const RoundedVariations: Story;
92
+ export declare const FormExample: Story;
package/dist/stories/Forms/DuiInput.vue.d.ts CHANGED
@@ -3,10 +3,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
3
3
  type: (StringConstructor | NumberConstructor)[];
4
4
  default: string;
5
5
  };
6
- type: {
7
- type: () => "text" | "email" | "password" | "tel" | "url" | "search" | "date" | "datetime-local" | "month" | "week" | "time" | "number";
8
- default: string;
9
- };
10
6
  size: {
11
7
  type: () => "sm" | "md" | "lg";
12
8
  default: string;
@@ -15,58 +11,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
15
11
  type: BooleanConstructor;
16
12
  default: boolean;
17
13
  };
18
- disabled: {
19
- type: BooleanConstructor;
20
- default: boolean;
21
- };
22
- placeholder: {
23
- type: StringConstructor;
24
- default: undefined;
25
- };
26
- name: {
27
- type: StringConstructor;
28
- default: undefined;
29
- };
30
- id: {
31
- type: StringConstructor;
32
- default: undefined;
33
- };
34
- required: {
35
- type: BooleanConstructor;
36
- default: boolean;
37
- };
38
- label: {
39
- type: StringConstructor;
40
- default: undefined;
41
- };
42
- pattern: {
43
- type: StringConstructor;
44
- default: undefined;
45
- };
46
- readonly: {
47
- type: BooleanConstructor;
48
- default: boolean;
49
- };
50
14
  rounded: {
51
15
  type: () => "all" | "top" | "bottom" | "left" | "right" | "none";
52
16
  default: string;
53
17
  };
54
- min: {
55
- type: (StringConstructor | NumberConstructor)[];
56
- default: undefined;
57
- };
58
- max: {
59
- type: (StringConstructor | NumberConstructor)[];
60
- default: undefined;
61
- };
62
- step: {
63
- type: (StringConstructor | NumberConstructor)[];
64
- default: undefined;
65
- };
66
- autocomplete: {
67
- type: StringConstructor;
68
- default: undefined;
69
- };
70
18
  }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
71
19
  "update:modelValue": (value: string) => any;
72
20
  }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -74,10 +22,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
74
22
  type: (StringConstructor | NumberConstructor)[];
75
23
  default: string;
76
24
  };
77
- type: {
78
- type: () => "text" | "email" | "password" | "tel" | "url" | "search" | "date" | "datetime-local" | "month" | "week" | "time" | "number";
79
- default: string;
80
- };
81
25
  size: {
82
26
  type: () => "sm" | "md" | "lg";
83
27
  default: string;
@@ -86,77 +30,16 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
86
30
  type: BooleanConstructor;
87
31
  default: boolean;
88
32
  };
89
- disabled: {
90
- type: BooleanConstructor;
91
- default: boolean;
92
- };
93
- placeholder: {
94
- type: StringConstructor;
95
- default: undefined;
96
- };
97
- name: {
98
- type: StringConstructor;
99
- default: undefined;
100
- };
101
- id: {
102
- type: StringConstructor;
103
- default: undefined;
104
- };
105
- required: {
106
- type: BooleanConstructor;
107
- default: boolean;
108
- };
109
- label: {
110
- type: StringConstructor;
111
- default: undefined;
112
- };
113
- pattern: {
114
- type: StringConstructor;
115
- default: undefined;
116
- };
117
- readonly: {
118
- type: BooleanConstructor;
119
- default: boolean;
120
- };
121
33
  rounded: {
122
34
  type: () => "all" | "top" | "bottom" | "left" | "right" | "none";
123
35
  default: string;
124
36
  };
125
- min: {
126
- type: (StringConstructor | NumberConstructor)[];
127
- default: undefined;
128
- };
129
- max: {
130
- type: (StringConstructor | NumberConstructor)[];
131
- default: undefined;
132
- };
133
- step: {
134
- type: (StringConstructor | NumberConstructor)[];
135
- default: undefined;
136
- };
137
- autocomplete: {
138
- type: StringConstructor;
139
- default: undefined;
140
- };
141
37
  }>> & Readonly<{
142
38
  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
143
39
  }>, {
144
- name: string;
145
40
  size: "sm" | "md" | "lg";
146
- type: "number" | "search" | "time" | "text" | "email" | "password" | "tel" | "url" | "date" | "datetime-local" | "month" | "week";
147
- disabled: boolean;
148
41
  block: boolean;
149
42
  rounded: "all" | "top" | "bottom" | "left" | "right" | "none";
150
- label: string;
151
- pattern: string;
152
43
  modelValue: string | number;
153
- placeholder: string;
154
- id: string;
155
- required: boolean;
156
- readonly: boolean;
157
- min: string | number;
158
- max: string | number;
159
- step: string | number;
160
- autocomplete: string;
161
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
44
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
162
45
  export default _default;