@rocketui/vue 0.0.9 → 0.0.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.
@@ -1,287 +0,0 @@
1
- import { type CSSProperties } from 'vue';
2
- export declare type ButtonType = 'primary' | 'secondary' | 'text' | 'outline' | 'ghost' | 'link' | 'danger';
3
- export declare type ButtonSize = 'small' | 'medium' | 'large';
4
- export interface Props {
5
- /**
6
- * Variant of the Button
7
- * @type 'primary' | 'secondary' | 'text' | 'outline' | 'ghost' | 'link' | 'danger'
8
- * @default 'primary'
9
- * @example
10
- * <Button variant="primary" />
11
- */
12
- variant: ButtonType;
13
- /**
14
- * Loading state of the Button
15
- * @type boolean
16
- * @default false
17
- * @example
18
- * <Button loading />
19
- */
20
- loading?: boolean;
21
- /**
22
- * Disabled state of the Button
23
- * @type boolean
24
- * @default false
25
- * @example
26
- * <Button disabled />
27
- */
28
- disabled?: boolean;
29
- /**
30
- * Prepend icon of the Button
31
- * @type string
32
- * @default ''
33
- * @example
34
- * <Button prependIcon="icon" />
35
- */
36
- prependIcon?: string;
37
- /**
38
- * Append icon of the Button
39
- * @type string
40
- * @default ''
41
- * @example
42
- * <Button appendIcon="icon" />
43
- */
44
- appendIcon?: string;
45
- /**
46
- * Only icon state of the Button
47
- * @type boolean
48
- * @default false
49
- * @example
50
- * <Button onlyIcon />
51
- */
52
- onlyIcon?: boolean;
53
- /**
54
- * Size of the Button
55
- * @type 'small' | 'medium' | 'large'
56
- * @default 'medium'
57
- * @example
58
- * <Button size="small" />
59
- */
60
- size?: ButtonSize;
61
- /**
62
- * Height of the Button
63
- * @type string
64
- * @default ''
65
- * @example
66
- * <Button height="40" />
67
- */
68
- height?: string;
69
- /**
70
- * Block state of the Button
71
- * @type boolean
72
- * @default false
73
- * @example
74
- * <Button block />
75
- * @link https://tailwindcss.com/docs/display#block
76
- */
77
- block?: boolean;
78
- /**
79
- * Background color of the Button
80
- * @type CSSProperties['backgroundColor']
81
- * @default ''
82
- * @example
83
- * <Button backgroundColor="red" />
84
- */
85
- backgroundColor?: CSSProperties['backgroundColor'];
86
- }
87
- declare const _sfc_main: import("vue").DefineComponent<{
88
- variant: {
89
- type: StringConstructor;
90
- required: true;
91
- default: string;
92
- };
93
- loading: {
94
- type: BooleanConstructor;
95
- required: false;
96
- default: boolean;
97
- };
98
- disabled: {
99
- type: BooleanConstructor;
100
- required: false;
101
- default: boolean;
102
- };
103
- prependIcon: {
104
- type: StringConstructor;
105
- required: false;
106
- default: string;
107
- };
108
- appendIcon: {
109
- type: StringConstructor;
110
- required: false;
111
- default: string;
112
- };
113
- onlyIcon: {
114
- type: BooleanConstructor;
115
- required: false;
116
- default: boolean;
117
- };
118
- size: {
119
- type: StringConstructor;
120
- required: false;
121
- default: string;
122
- };
123
- height: {
124
- type: StringConstructor;
125
- required: false;
126
- default: string;
127
- };
128
- block: {
129
- type: BooleanConstructor;
130
- required: false;
131
- default: boolean;
132
- };
133
- backgroundColor: {
134
- type: any;
135
- required: false;
136
- default: string;
137
- };
138
- }, {
139
- props: any;
140
- classes: import("vue").ComputedRef<{
141
- [x: string]: boolean;
142
- button: boolean;
143
- "button--loading": boolean;
144
- "button--only-icon": boolean;
145
- "button--block": boolean;
146
- }>;
147
- iconSize: import("vue").ComputedRef<16 | 20>;
148
- style: import("vue").ComputedRef<{
149
- backgroundColor: string;
150
- height: string;
151
- }>;
152
- Icon: import("vue").DefineComponent<{
153
- name: {
154
- type: StringConstructor;
155
- required: true;
156
- default: string;
157
- };
158
- kind: {
159
- type: StringConstructor;
160
- required: false;
161
- default: string;
162
- };
163
- fontSize: {
164
- type: any;
165
- required: false;
166
- default: number;
167
- };
168
- color: {
169
- type: any;
170
- required: false;
171
- default: string;
172
- };
173
- fontWeight: {
174
- type: any;
175
- required: false;
176
- default: string;
177
- };
178
- }, {
179
- props: any;
180
- styles: import("vue").ComputedRef<{
181
- fontSize: string;
182
- fontWeight: import("csstype").FontWeightProperty;
183
- color: string;
184
- display: string;
185
- alignItems: string;
186
- justifyContent: string;
187
- }>;
188
- classes: import("vue").ComputedRef<string>;
189
- }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
190
- name: {
191
- type: StringConstructor;
192
- required: true;
193
- default: string;
194
- };
195
- kind: {
196
- type: StringConstructor;
197
- required: false;
198
- default: string;
199
- };
200
- fontSize: {
201
- type: any;
202
- required: false;
203
- default: number;
204
- };
205
- color: {
206
- type: any;
207
- required: false;
208
- default: string;
209
- };
210
- fontWeight: {
211
- type: any;
212
- required: false;
213
- default: string;
214
- };
215
- }>>, {
216
- name: string;
217
- kind: string;
218
- fontSize: any;
219
- color: any;
220
- fontWeight: any;
221
- }>;
222
- }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
223
- variant: {
224
- type: StringConstructor;
225
- required: true;
226
- default: string;
227
- };
228
- loading: {
229
- type: BooleanConstructor;
230
- required: false;
231
- default: boolean;
232
- };
233
- disabled: {
234
- type: BooleanConstructor;
235
- required: false;
236
- default: boolean;
237
- };
238
- prependIcon: {
239
- type: StringConstructor;
240
- required: false;
241
- default: string;
242
- };
243
- appendIcon: {
244
- type: StringConstructor;
245
- required: false;
246
- default: string;
247
- };
248
- onlyIcon: {
249
- type: BooleanConstructor;
250
- required: false;
251
- default: boolean;
252
- };
253
- size: {
254
- type: StringConstructor;
255
- required: false;
256
- default: string;
257
- };
258
- height: {
259
- type: StringConstructor;
260
- required: false;
261
- default: string;
262
- };
263
- block: {
264
- type: BooleanConstructor;
265
- required: false;
266
- default: boolean;
267
- };
268
- backgroundColor: {
269
- type: any;
270
- required: false;
271
- default: string;
272
- };
273
- }>> & {
274
- onClick?: (...args: any[]) => any;
275
- }, {
276
- size: string;
277
- variant: string;
278
- backgroundColor: any;
279
- loading: boolean;
280
- disabled: boolean;
281
- prependIcon: string;
282
- appendIcon: string;
283
- onlyIcon: boolean;
284
- height: string;
285
- block: boolean;
286
- }>;
287
- export default _sfc_main;
@@ -1,238 +0,0 @@
1
- import { type HTMLAttributes, type InputHTMLAttributes, type LabelHTMLAttributes } from 'vue';
2
- export interface Props {
3
- /**
4
- * id of the checkbox
5
- * @type HTMLAttributes['id']
6
- * @default ''
7
- * @example
8
- * <Checkbox id="checkbox" />
9
- * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id
10
- */
11
- id: HTMLAttributes['id'];
12
- /**
13
- * Input checked state
14
- * @type InputHTMLAttributes['checked']
15
- * @default false
16
- * @example
17
- * <Checkbox :modelValue="true" />
18
- * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#checked
19
- */
20
- modelValue?: InputHTMLAttributes['checked'];
21
- /**
22
- * label of the checkbox
23
- * @type LabelHTMLAttributes['label']
24
- * @default ''
25
- * @example
26
- * <Checkbox label="Checkbox" />
27
- * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/label
28
- */
29
- label?: LabelHTMLAttributes['for'];
30
- /**
31
- * Input indeterminate state
32
- * @type InputHTMLAttributes['indeterminate']
33
- * @default false
34
- * @example
35
- * <Checkbox indeterminate="true" />
36
- * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#indeterminate
37
- */
38
- indeterminate?: InputHTMLAttributes['indeterminate'];
39
- /**
40
- * Input disabled state
41
- * @type InputHTMLAttributes['disabled']
42
- * @default false
43
- * @example
44
- * <Checkbox disabled="true" />
45
- * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#disabled
46
- */
47
- disabled?: InputHTMLAttributes['disabled'];
48
- /**
49
- * Hint text
50
- * @type string
51
- * @default ''
52
- * @example
53
- * <Checkbox hint="This is a hint" />
54
- */
55
- hint?: string;
56
- /**
57
- * Error message
58
- * @type string
59
- * @default ''
60
- * @example
61
- * <Checkbox errorMsg="This is an error" />
62
- */
63
- errorMsg?: string;
64
- }
65
- declare const _sfc_main: import("vue").DefineComponent<{
66
- id: {
67
- type: any;
68
- required: true;
69
- default: string;
70
- };
71
- modelValue: {
72
- type: any;
73
- required: false;
74
- default: boolean;
75
- };
76
- label: {
77
- type: any;
78
- required: false;
79
- default: string;
80
- };
81
- indeterminate: {
82
- type: any;
83
- required: false;
84
- default: boolean;
85
- };
86
- disabled: {
87
- type: any;
88
- required: false;
89
- default: boolean;
90
- };
91
- hint: {
92
- type: StringConstructor;
93
- required: false;
94
- default: string;
95
- };
96
- errorMsg: {
97
- type: StringConstructor;
98
- required: false;
99
- default: string;
100
- };
101
- }, {
102
- props: any;
103
- emit: (event: "update:modelValue", ...args: any[]) => void;
104
- state: {
105
- checked: InputHTMLAttributes['checked'];
106
- indeterminate: InputHTMLAttributes['indeterminate'];
107
- };
108
- icons: {
109
- checked: string;
110
- unchecked: string;
111
- indeterminate: string;
112
- };
113
- icon: import("vue").ComputedRef<string>;
114
- classes: import("vue").ComputedRef<{
115
- checkbox: boolean;
116
- 'checkbox--checked': any[] | Set<any> | (boolean | "true" | "false");
117
- 'checkbox--disabled': boolean | "true" | "false";
118
- 'checkbox--indeterminate': boolean;
119
- 'checkbox--error': boolean;
120
- }>;
121
- onChange: (e: unknown) => void;
122
- Icon: import("vue").DefineComponent<{
123
- name: {
124
- type: StringConstructor;
125
- required: true;
126
- default: string;
127
- };
128
- kind: {
129
- type: StringConstructor;
130
- required: false;
131
- default: string;
132
- };
133
- fontSize: {
134
- type: any;
135
- required: false;
136
- default: number;
137
- };
138
- color: {
139
- type: any;
140
- required: false;
141
- default: string;
142
- };
143
- fontWeight: {
144
- type: any;
145
- required: false;
146
- default: string;
147
- };
148
- }, {
149
- props: any;
150
- styles: import("vue").ComputedRef<{
151
- fontSize: string;
152
- fontWeight: import("csstype").FontWeightProperty;
153
- color: string;
154
- display: string;
155
- alignItems: string;
156
- justifyContent: string;
157
- }>;
158
- classes: import("vue").ComputedRef<string>;
159
- }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
160
- name: {
161
- type: StringConstructor;
162
- required: true;
163
- default: string;
164
- };
165
- kind: {
166
- type: StringConstructor;
167
- required: false;
168
- default: string;
169
- };
170
- fontSize: {
171
- type: any;
172
- required: false;
173
- default: number;
174
- };
175
- color: {
176
- type: any;
177
- required: false;
178
- default: string;
179
- };
180
- fontWeight: {
181
- type: any;
182
- required: false;
183
- default: string;
184
- };
185
- }>>, {
186
- name: string;
187
- kind: string;
188
- fontSize: any;
189
- color: any;
190
- fontWeight: any;
191
- }>;
192
- }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
193
- id: {
194
- type: any;
195
- required: true;
196
- default: string;
197
- };
198
- modelValue: {
199
- type: any;
200
- required: false;
201
- default: boolean;
202
- };
203
- label: {
204
- type: any;
205
- required: false;
206
- default: string;
207
- };
208
- indeterminate: {
209
- type: any;
210
- required: false;
211
- default: boolean;
212
- };
213
- disabled: {
214
- type: any;
215
- required: false;
216
- default: boolean;
217
- };
218
- hint: {
219
- type: StringConstructor;
220
- required: false;
221
- default: string;
222
- };
223
- errorMsg: {
224
- type: StringConstructor;
225
- required: false;
226
- default: string;
227
- };
228
- }>> & {
229
- "onUpdate:modelValue"?: (...args: any[]) => any;
230
- }, {
231
- disabled: any;
232
- indeterminate: any;
233
- modelValue: any;
234
- label: any;
235
- hint: string;
236
- errorMsg: string;
237
- }>;
238
- export default _sfc_main;