@scalar/components 0.0.4 → 0.1.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 (65) hide show
  1. package/dist/index.cjs +55 -17
  2. package/dist/index.d.ts +526 -14
  3. package/dist/index.js +297 -248
  4. package/dist/index.umd.cjs +40 -2
  5. package/dist/style.css +1 -1
  6. package/package.json +5 -5
  7. package/dist/components/ScalarButton/ScalarButton.spec.d.ts +0 -2
  8. package/dist/components/ScalarButton/ScalarButton.spec.d.ts.map +0 -1
  9. package/dist/components/ScalarButton/ScalarButton.stories.d.ts +0 -889
  10. package/dist/components/ScalarButton/ScalarButton.stories.d.ts.map +0 -1
  11. package/dist/components/ScalarButton/ScalarButton.vue.d.ts +0 -55
  12. package/dist/components/ScalarButton/ScalarButton.vue.d.ts.map +0 -1
  13. package/dist/components/ScalarButton/index.d.ts +0 -2
  14. package/dist/components/ScalarButton/index.d.ts.map +0 -1
  15. package/dist/components/ScalarIcon/ScalarIcon.spec.d.ts +0 -2
  16. package/dist/components/ScalarIcon/ScalarIcon.spec.d.ts.map +0 -1
  17. package/dist/components/ScalarIcon/ScalarIcon.stories.d.ts +0 -71
  18. package/dist/components/ScalarIcon/ScalarIcon.stories.d.ts.map +0 -1
  19. package/dist/components/ScalarIcon/ScalarIcon.vue.d.ts +0 -17
  20. package/dist/components/ScalarIcon/ScalarIcon.vue.d.ts.map +0 -1
  21. package/dist/components/ScalarIcon/SvgRenderer.d.ts +0 -7
  22. package/dist/components/ScalarIcon/SvgRenderer.d.ts.map +0 -1
  23. package/dist/components/ScalarIcon/icons/iconNames.d.ts +0 -2
  24. package/dist/components/ScalarIcon/icons/iconNames.d.ts.map +0 -1
  25. package/dist/components/ScalarIcon/icons/index.d.ts +0 -4
  26. package/dist/components/ScalarIcon/icons/index.d.ts.map +0 -1
  27. package/dist/components/ScalarIcon/index.d.ts +0 -3
  28. package/dist/components/ScalarIcon/index.d.ts.map +0 -1
  29. package/dist/components/ScalarIconButton/ScalarIconButton.spec.d.ts +0 -2
  30. package/dist/components/ScalarIconButton/ScalarIconButton.spec.d.ts.map +0 -1
  31. package/dist/components/ScalarIconButton/ScalarIconButton.stories.d.ts +0 -57
  32. package/dist/components/ScalarIconButton/ScalarIconButton.stories.d.ts.map +0 -1
  33. package/dist/components/ScalarIconButton/ScalarIconButton.vue.d.ts +0 -35
  34. package/dist/components/ScalarIconButton/ScalarIconButton.vue.d.ts.map +0 -1
  35. package/dist/components/ScalarIconButton/index.d.ts +0 -2
  36. package/dist/components/ScalarIconButton/index.d.ts.map +0 -1
  37. package/dist/components/ScalarLoading/ScalarLoading.spec.d.ts +0 -2
  38. package/dist/components/ScalarLoading/ScalarLoading.spec.d.ts.map +0 -1
  39. package/dist/components/ScalarLoading/ScalarLoading.stories.d.ts +0 -326
  40. package/dist/components/ScalarLoading/ScalarLoading.stories.d.ts.map +0 -1
  41. package/dist/components/ScalarLoading/ScalarLoading.vue.d.ts +0 -48
  42. package/dist/components/ScalarLoading/ScalarLoading.vue.d.ts.map +0 -1
  43. package/dist/components/ScalarLoading/index.d.ts +0 -2
  44. package/dist/components/ScalarLoading/index.d.ts.map +0 -1
  45. package/dist/components/ScalarModal/ScalarModal.spec.d.ts +0 -2
  46. package/dist/components/ScalarModal/ScalarModal.spec.d.ts.map +0 -1
  47. package/dist/components/ScalarModal/ScalarModal.stories.d.ts +0 -202
  48. package/dist/components/ScalarModal/ScalarModal.stories.d.ts.map +0 -1
  49. package/dist/components/ScalarModal/ScalarModal.vue.d.ts +0 -52
  50. package/dist/components/ScalarModal/ScalarModal.vue.d.ts.map +0 -1
  51. package/dist/components/ScalarModal/index.d.ts +0 -2
  52. package/dist/components/ScalarModal/index.d.ts.map +0 -1
  53. package/dist/components/ScalarTextField/ScalarTextField.spec.d.ts +0 -2
  54. package/dist/components/ScalarTextField/ScalarTextField.spec.d.ts.map +0 -1
  55. package/dist/components/ScalarTextField/ScalarTextField.stories.d.ts +0 -992
  56. package/dist/components/ScalarTextField/ScalarTextField.stories.d.ts.map +0 -1
  57. package/dist/components/ScalarTextField/ScalarTextField.vue.d.ts +0 -73
  58. package/dist/components/ScalarTextField/ScalarTextField.vue.d.ts.map +0 -1
  59. package/dist/components/ScalarTextField/index.d.ts +0 -2
  60. package/dist/components/ScalarTextField/index.d.ts.map +0 -1
  61. package/dist/index.d.ts.map +0 -1
  62. package/dist/tailwind/index.d.ts +0 -2
  63. package/dist/tailwind/index.d.ts.map +0 -1
  64. package/dist/tailwind/tailwind.theme.d.ts +0 -59
  65. package/dist/tailwind/tailwind.theme.d.ts.map +0 -1
@@ -1,889 +0,0 @@
1
- import type { StoryObj } from '@storybook/vue3';
2
- /**
3
- * - Default slot must be text only as it becomes the [aria]-label
4
- * - If you are looking for an icon only button, use ScalarIconButton instead, its a helpful wrapper around this component
5
- */
6
- declare const meta: {
7
- component: {
8
- new (...args: any[]): {
9
- $: import("vue").ComponentInternalInstance;
10
- $data: {};
11
- $props: {
12
- size?: any;
13
- isDisabled?: boolean;
14
- variant?: any;
15
- isFullWidth?: boolean;
16
- readonly loadingState?: {
17
- isValid: boolean;
18
- isInvalid: boolean;
19
- isLoading: boolean;
20
- startLoading: () => void;
21
- stopLoading: () => void;
22
- validate: (time?: number) => Promise<unknown>;
23
- invalidate: (time?: number) => Promise<unknown>;
24
- clear: (time?: number) => Promise<unknown>;
25
- };
26
- style?: unknown;
27
- readonly title?: string;
28
- class?: unknown;
29
- key?: string | number | symbol;
30
- ref?: import("vue").VNodeRef;
31
- ref_for?: boolean;
32
- ref_key?: string;
33
- onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
34
- [key: string]: any;
35
- }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
36
- [key: string]: any;
37
- }>) => void)[];
38
- onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
39
- [key: string]: any;
40
- }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
41
- [key: string]: any;
42
- }>) => void)[];
43
- onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
44
- [key: string]: any;
45
- }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
46
- [key: string]: any;
47
- }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
48
- [key: string]: any;
49
- }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
50
- [key: string]: any;
51
- }>) => void)[];
52
- onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
53
- [key: string]: any;
54
- }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
55
- [key: string]: any;
56
- }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
57
- [key: string]: any;
58
- }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
59
- [key: string]: any;
60
- }>) => void)[];
61
- onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
62
- [key: string]: any;
63
- }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
64
- [key: string]: any;
65
- }>) => void)[];
66
- onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
67
- [key: string]: any;
68
- }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
69
- [key: string]: any;
70
- }>) => void)[];
71
- };
72
- $attrs: {
73
- [x: string]: unknown;
74
- };
75
- $refs: {
76
- [x: string]: unknown;
77
- };
78
- $slots: Readonly<{
79
- [name: string]: import("vue").Slot<any>;
80
- }>;
81
- $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
82
- $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
83
- $emit: (event: string, ...args: any[]) => void;
84
- $el: any;
85
- $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
86
- size: {
87
- type: import("vue").PropType<any>;
88
- default: string;
89
- };
90
- loadingState: {
91
- type: import("vue").PropType<{
92
- isValid: boolean;
93
- isInvalid: boolean;
94
- isLoading: boolean;
95
- startLoading: () => void;
96
- stopLoading: () => void;
97
- validate: (time?: number) => Promise<unknown>;
98
- invalidate: (time?: number) => Promise<unknown>;
99
- clear: (time?: number) => Promise<unknown>;
100
- }>;
101
- };
102
- title: {
103
- type: import("vue").PropType<string>;
104
- };
105
- isDisabled: {
106
- type: import("vue").PropType<boolean>;
107
- default: boolean;
108
- };
109
- variant: {
110
- type: import("vue").PropType<any>;
111
- default: string;
112
- };
113
- isFullWidth: {
114
- type: import("vue").PropType<boolean>;
115
- default: boolean;
116
- };
117
- }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
118
- size: any;
119
- isDisabled: boolean;
120
- variant: any;
121
- isFullWidth: boolean;
122
- }, {}, string, {}> & {
123
- beforeCreate?: (() => void) | (() => void)[];
124
- created?: (() => void) | (() => void)[];
125
- beforeMount?: (() => void) | (() => void)[];
126
- mounted?: (() => void) | (() => void)[];
127
- beforeUpdate?: (() => void) | (() => void)[];
128
- updated?: (() => void) | (() => void)[];
129
- activated?: (() => void) | (() => void)[];
130
- deactivated?: (() => void) | (() => void)[];
131
- beforeDestroy?: (() => void) | (() => void)[];
132
- beforeUnmount?: (() => void) | (() => void)[];
133
- destroyed?: (() => void) | (() => void)[];
134
- unmounted?: (() => void) | (() => void)[];
135
- renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
136
- renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
137
- errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, info: string) => boolean | void)[];
138
- };
139
- $forceUpdate: () => void;
140
- $nextTick: typeof import("vue").nextTick;
141
- $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
142
- } & Readonly<import("vue").ExtractPropTypes<{
143
- size: {
144
- type: import("vue").PropType<any>;
145
- default: string;
146
- };
147
- loadingState: {
148
- type: import("vue").PropType<{
149
- isValid: boolean;
150
- isInvalid: boolean;
151
- isLoading: boolean;
152
- startLoading: () => void;
153
- stopLoading: () => void;
154
- validate: (time?: number) => Promise<unknown>;
155
- invalidate: (time?: number) => Promise<unknown>;
156
- clear: (time?: number) => Promise<unknown>;
157
- }>;
158
- };
159
- title: {
160
- type: import("vue").PropType<string>;
161
- };
162
- isDisabled: {
163
- type: import("vue").PropType<boolean>;
164
- default: boolean;
165
- };
166
- variant: {
167
- type: import("vue").PropType<any>;
168
- default: string;
169
- };
170
- isFullWidth: {
171
- type: import("vue").PropType<boolean>;
172
- default: boolean;
173
- };
174
- }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
175
- __isFragment?: never;
176
- __isTeleport?: never;
177
- __isSuspense?: never;
178
- } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
179
- size: {
180
- type: import("vue").PropType<any>;
181
- default: string;
182
- };
183
- loadingState: {
184
- type: import("vue").PropType<{
185
- isValid: boolean;
186
- isInvalid: boolean;
187
- isLoading: boolean;
188
- startLoading: () => void;
189
- stopLoading: () => void;
190
- validate: (time?: number) => Promise<unknown>;
191
- invalidate: (time?: number) => Promise<unknown>;
192
- clear: (time?: number) => Promise<unknown>;
193
- }>;
194
- };
195
- title: {
196
- type: import("vue").PropType<string>;
197
- };
198
- isDisabled: {
199
- type: import("vue").PropType<boolean>;
200
- default: boolean;
201
- };
202
- variant: {
203
- type: import("vue").PropType<any>;
204
- default: string;
205
- };
206
- isFullWidth: {
207
- type: import("vue").PropType<boolean>;
208
- default: boolean;
209
- };
210
- }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
211
- size: any;
212
- isDisabled: boolean;
213
- variant: any;
214
- isFullWidth: boolean;
215
- }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
216
- $slots: {
217
- icon?(_: {}): any;
218
- default?(_: {}): any;
219
- };
220
- });
221
- tags: string[];
222
- argTypes: {
223
- size: {
224
- control: string;
225
- options: string[];
226
- };
227
- variant: {
228
- control: string;
229
- options: string[];
230
- };
231
- };
232
- render: (args: import("@storybook/vue3").ComponentPropsAndSlots<{
233
- new (...args: any[]): {
234
- $: import("vue").ComponentInternalInstance;
235
- $data: {};
236
- $props: {
237
- size?: any;
238
- isDisabled?: boolean;
239
- variant?: any;
240
- isFullWidth?: boolean;
241
- readonly loadingState?: {
242
- isValid: boolean;
243
- isInvalid: boolean;
244
- isLoading: boolean;
245
- startLoading: () => void;
246
- stopLoading: () => void;
247
- validate: (time?: number) => Promise<unknown>;
248
- invalidate: (time?: number) => Promise<unknown>;
249
- clear: (time?: number) => Promise<unknown>;
250
- };
251
- style?: unknown;
252
- readonly title?: string;
253
- class?: unknown;
254
- key?: string | number | symbol;
255
- ref?: import("vue").VNodeRef;
256
- ref_for?: boolean;
257
- ref_key?: string;
258
- onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
259
- [key: string]: any;
260
- }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
261
- [key: string]: any;
262
- }>) => void)[];
263
- onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
264
- [key: string]: any;
265
- }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
266
- [key: string]: any;
267
- }>) => void)[];
268
- onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
269
- [key: string]: any;
270
- }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
271
- [key: string]: any;
272
- }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
273
- [key: string]: any;
274
- }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
275
- [key: string]: any;
276
- }>) => void)[];
277
- onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
278
- [key: string]: any;
279
- }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
280
- [key: string]: any;
281
- }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
282
- [key: string]: any;
283
- }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
284
- [key: string]: any;
285
- }>) => void)[];
286
- onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
287
- [key: string]: any;
288
- }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
289
- [key: string]: any;
290
- }>) => void)[];
291
- onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
292
- [key: string]: any;
293
- }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
294
- [key: string]: any;
295
- }>) => void)[];
296
- };
297
- $attrs: {
298
- [x: string]: unknown;
299
- };
300
- $refs: {
301
- [x: string]: unknown;
302
- };
303
- $slots: Readonly<{
304
- [name: string]: import("vue").Slot<any>;
305
- }>;
306
- $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
307
- $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
308
- $emit: (event: string, ...args: any[]) => void;
309
- $el: any;
310
- $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
311
- size: {
312
- type: import("vue").PropType<any>;
313
- default: string;
314
- };
315
- loadingState: {
316
- type: import("vue").PropType<{
317
- isValid: boolean;
318
- isInvalid: boolean;
319
- isLoading: boolean;
320
- startLoading: () => void;
321
- stopLoading: () => void;
322
- validate: (time?: number) => Promise<unknown>;
323
- invalidate: (time?: number) => Promise<unknown>;
324
- clear: (time?: number) => Promise<unknown>;
325
- }>;
326
- };
327
- title: {
328
- type: import("vue").PropType<string>;
329
- };
330
- isDisabled: {
331
- type: import("vue").PropType<boolean>;
332
- default: boolean;
333
- };
334
- variant: {
335
- type: import("vue").PropType<any>;
336
- default: string;
337
- };
338
- isFullWidth: {
339
- type: import("vue").PropType<boolean>;
340
- default: boolean;
341
- };
342
- }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
343
- size: any;
344
- isDisabled: boolean;
345
- variant: any;
346
- isFullWidth: boolean;
347
- }, {}, string, {}> & {
348
- beforeCreate?: (() => void) | (() => void)[];
349
- created?: (() => void) | (() => void)[];
350
- beforeMount?: (() => void) | (() => void)[];
351
- mounted?: (() => void) | (() => void)[];
352
- beforeUpdate?: (() => void) | (() => void)[];
353
- updated?: (() => void) | (() => void)[];
354
- activated?: (() => void) | (() => void)[];
355
- deactivated?: (() => void) | (() => void)[];
356
- beforeDestroy?: (() => void) | (() => void)[];
357
- beforeUnmount?: (() => void) | (() => void)[];
358
- destroyed?: (() => void) | (() => void)[];
359
- unmounted?: (() => void) | (() => void)[];
360
- renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
361
- renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
362
- errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, info: string) => boolean | void)[];
363
- };
364
- $forceUpdate: () => void;
365
- $nextTick: typeof import("vue").nextTick;
366
- $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
367
- } & Readonly<import("vue").ExtractPropTypes<{
368
- size: {
369
- type: import("vue").PropType<any>;
370
- default: string;
371
- };
372
- loadingState: {
373
- type: import("vue").PropType<{
374
- isValid: boolean;
375
- isInvalid: boolean;
376
- isLoading: boolean;
377
- startLoading: () => void;
378
- stopLoading: () => void;
379
- validate: (time?: number) => Promise<unknown>;
380
- invalidate: (time?: number) => Promise<unknown>;
381
- clear: (time?: number) => Promise<unknown>;
382
- }>;
383
- };
384
- title: {
385
- type: import("vue").PropType<string>;
386
- };
387
- isDisabled: {
388
- type: import("vue").PropType<boolean>;
389
- default: boolean;
390
- };
391
- variant: {
392
- type: import("vue").PropType<any>;
393
- default: string;
394
- };
395
- isFullWidth: {
396
- type: import("vue").PropType<boolean>;
397
- default: boolean;
398
- };
399
- }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
400
- __isFragment?: never;
401
- __isTeleport?: never;
402
- __isSuspense?: never;
403
- } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
404
- size: {
405
- type: import("vue").PropType<any>;
406
- default: string;
407
- };
408
- loadingState: {
409
- type: import("vue").PropType<{
410
- isValid: boolean;
411
- isInvalid: boolean;
412
- isLoading: boolean;
413
- startLoading: () => void;
414
- stopLoading: () => void;
415
- validate: (time?: number) => Promise<unknown>;
416
- invalidate: (time?: number) => Promise<unknown>;
417
- clear: (time?: number) => Promise<unknown>;
418
- }>;
419
- };
420
- title: {
421
- type: import("vue").PropType<string>;
422
- };
423
- isDisabled: {
424
- type: import("vue").PropType<boolean>;
425
- default: boolean;
426
- };
427
- variant: {
428
- type: import("vue").PropType<any>;
429
- default: string;
430
- };
431
- isFullWidth: {
432
- type: import("vue").PropType<boolean>;
433
- default: boolean;
434
- };
435
- }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
436
- size: any;
437
- isDisabled: boolean;
438
- variant: any;
439
- isFullWidth: boolean;
440
- }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
441
- $slots: {
442
- icon?(_: {}): any;
443
- default?(_: {}): any;
444
- };
445
- })>) => {
446
- components: {
447
- ScalarButton: {
448
- new (...args: any[]): {
449
- $: import("vue").ComponentInternalInstance;
450
- $data: {};
451
- $props: {
452
- size?: any;
453
- isDisabled?: boolean;
454
- variant?: any;
455
- isFullWidth?: boolean;
456
- readonly loadingState?: {
457
- isValid: boolean;
458
- isInvalid: boolean;
459
- isLoading: boolean;
460
- startLoading: () => void;
461
- stopLoading: () => void;
462
- validate: (time?: number) => Promise<unknown>;
463
- invalidate: (time?: number) => Promise<unknown>;
464
- clear: (time?: number) => Promise<unknown>;
465
- };
466
- style?: unknown;
467
- readonly title?: string;
468
- class?: unknown;
469
- key?: string | number | symbol;
470
- ref?: import("vue").VNodeRef;
471
- ref_for?: boolean;
472
- ref_key?: string;
473
- onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
474
- [key: string]: any;
475
- }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
476
- [key: string]: any;
477
- }>) => void)[];
478
- onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
479
- [key: string]: any;
480
- }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
481
- [key: string]: any;
482
- }>) => void)[];
483
- onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
484
- [key: string]: any;
485
- }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
486
- [key: string]: any;
487
- }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
488
- [key: string]: any;
489
- }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
490
- [key: string]: any;
491
- }>) => void)[];
492
- onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
493
- [key: string]: any;
494
- }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
495
- [key: string]: any;
496
- }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
497
- [key: string]: any;
498
- }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
499
- [key: string]: any;
500
- }>) => void)[];
501
- onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
502
- [key: string]: any;
503
- }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
504
- [key: string]: any;
505
- }>) => void)[];
506
- onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
507
- [key: string]: any;
508
- }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
509
- [key: string]: any;
510
- }>) => void)[];
511
- };
512
- $attrs: {
513
- [x: string]: unknown;
514
- };
515
- $refs: {
516
- [x: string]: unknown;
517
- };
518
- $slots: Readonly<{
519
- [name: string]: import("vue").Slot<any>;
520
- }>;
521
- $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
522
- $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
523
- $emit: (event: string, ...args: any[]) => void;
524
- $el: any;
525
- $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
526
- size: {
527
- type: import("vue").PropType<any>;
528
- default: string;
529
- };
530
- loadingState: {
531
- type: import("vue").PropType<{
532
- isValid: boolean;
533
- isInvalid: boolean;
534
- isLoading: boolean;
535
- startLoading: () => void;
536
- stopLoading: () => void;
537
- validate: (time?: number) => Promise<unknown>;
538
- invalidate: (time?: number) => Promise<unknown>;
539
- clear: (time?: number) => Promise<unknown>;
540
- }>;
541
- };
542
- title: {
543
- type: import("vue").PropType<string>;
544
- };
545
- isDisabled: {
546
- type: import("vue").PropType<boolean>;
547
- default: boolean;
548
- };
549
- variant: {
550
- type: import("vue").PropType<any>;
551
- default: string;
552
- };
553
- isFullWidth: {
554
- type: import("vue").PropType<boolean>;
555
- default: boolean;
556
- };
557
- }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
558
- size: any;
559
- isDisabled: boolean;
560
- variant: any;
561
- isFullWidth: boolean;
562
- }, {}, string, {}> & {
563
- beforeCreate?: (() => void) | (() => void)[];
564
- created?: (() => void) | (() => void)[];
565
- beforeMount?: (() => void) | (() => void)[];
566
- mounted?: (() => void) | (() => void)[];
567
- beforeUpdate?: (() => void) | (() => void)[];
568
- updated?: (() => void) | (() => void)[];
569
- activated?: (() => void) | (() => void)[];
570
- deactivated?: (() => void) | (() => void)[];
571
- beforeDestroy?: (() => void) | (() => void)[];
572
- beforeUnmount?: (() => void) | (() => void)[];
573
- destroyed?: (() => void) | (() => void)[];
574
- unmounted?: (() => void) | (() => void)[];
575
- renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
576
- renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
577
- errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, info: string) => boolean | void)[];
578
- };
579
- $forceUpdate: () => void;
580
- $nextTick: typeof import("vue").nextTick;
581
- $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
582
- } & Readonly<import("vue").ExtractPropTypes<{
583
- size: {
584
- type: import("vue").PropType<any>;
585
- default: string;
586
- };
587
- loadingState: {
588
- type: import("vue").PropType<{
589
- isValid: boolean;
590
- isInvalid: boolean;
591
- isLoading: boolean;
592
- startLoading: () => void;
593
- stopLoading: () => void;
594
- validate: (time?: number) => Promise<unknown>;
595
- invalidate: (time?: number) => Promise<unknown>;
596
- clear: (time?: number) => Promise<unknown>;
597
- }>;
598
- };
599
- title: {
600
- type: import("vue").PropType<string>;
601
- };
602
- isDisabled: {
603
- type: import("vue").PropType<boolean>;
604
- default: boolean;
605
- };
606
- variant: {
607
- type: import("vue").PropType<any>;
608
- default: string;
609
- };
610
- isFullWidth: {
611
- type: import("vue").PropType<boolean>;
612
- default: boolean;
613
- };
614
- }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
615
- __isFragment?: never;
616
- __isTeleport?: never;
617
- __isSuspense?: never;
618
- } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
619
- size: {
620
- type: import("vue").PropType<any>;
621
- default: string;
622
- };
623
- loadingState: {
624
- type: import("vue").PropType<{
625
- isValid: boolean;
626
- isInvalid: boolean;
627
- isLoading: boolean;
628
- startLoading: () => void;
629
- stopLoading: () => void;
630
- validate: (time?: number) => Promise<unknown>;
631
- invalidate: (time?: number) => Promise<unknown>;
632
- clear: (time?: number) => Promise<unknown>;
633
- }>;
634
- };
635
- title: {
636
- type: import("vue").PropType<string>;
637
- };
638
- isDisabled: {
639
- type: import("vue").PropType<boolean>;
640
- default: boolean;
641
- };
642
- variant: {
643
- type: import("vue").PropType<any>;
644
- default: string;
645
- };
646
- isFullWidth: {
647
- type: import("vue").PropType<boolean>;
648
- default: boolean;
649
- };
650
- }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
651
- size: any;
652
- isDisabled: boolean;
653
- variant: any;
654
- isFullWidth: boolean;
655
- }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
656
- $slots: {
657
- icon?(_: {}): any;
658
- default?(_: {}): any;
659
- };
660
- });
661
- };
662
- setup(this: void): {
663
- args: import("@storybook/vue3").ComponentPropsAndSlots<{
664
- new (...args: any[]): {
665
- $: import("vue").ComponentInternalInstance;
666
- $data: {};
667
- $props: {
668
- size?: any;
669
- isDisabled?: boolean;
670
- variant?: any;
671
- isFullWidth?: boolean;
672
- readonly loadingState?: {
673
- isValid: boolean;
674
- isInvalid: boolean;
675
- isLoading: boolean;
676
- startLoading: () => void;
677
- stopLoading: () => void;
678
- validate: (time?: number) => Promise<unknown>;
679
- invalidate: (time?: number) => Promise<unknown>;
680
- clear: (time?: number) => Promise<unknown>;
681
- };
682
- style?: unknown;
683
- readonly title?: string;
684
- class?: unknown;
685
- key?: string | number | symbol;
686
- ref?: import("vue").VNodeRef;
687
- ref_for?: boolean;
688
- ref_key?: string;
689
- onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
690
- [key: string]: any;
691
- }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
692
- [key: string]: any;
693
- }>) => void)[];
694
- onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
695
- [key: string]: any;
696
- }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
697
- [key: string]: any;
698
- }>) => void)[];
699
- onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
700
- [key: string]: any;
701
- }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
702
- [key: string]: any;
703
- }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
704
- [key: string]: any;
705
- }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
706
- [key: string]: any;
707
- }>) => void)[];
708
- onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
709
- [key: string]: any;
710
- }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
711
- [key: string]: any;
712
- }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
713
- [key: string]: any;
714
- }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
715
- [key: string]: any;
716
- }>) => void)[];
717
- onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
718
- [key: string]: any;
719
- }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
720
- [key: string]: any;
721
- }>) => void)[];
722
- onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
723
- [key: string]: any;
724
- }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
725
- [key: string]: any;
726
- }>) => void)[];
727
- };
728
- $attrs: {
729
- [x: string]: unknown;
730
- };
731
- $refs: {
732
- [x: string]: unknown;
733
- };
734
- $slots: Readonly<{
735
- [name: string]: import("vue").Slot<any>;
736
- }>;
737
- $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
738
- $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
739
- $emit: (event: string, ...args: any[]) => void;
740
- $el: any;
741
- $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
742
- size: {
743
- type: import("vue").PropType<any>;
744
- default: string;
745
- };
746
- loadingState: {
747
- type: import("vue").PropType<{
748
- isValid: boolean;
749
- isInvalid: boolean;
750
- isLoading: boolean;
751
- startLoading: () => void;
752
- stopLoading: () => void;
753
- validate: (time?: number) => Promise<unknown>;
754
- invalidate: (time?: number) => Promise<unknown>;
755
- clear: (time?: number) => Promise<unknown>;
756
- }>;
757
- };
758
- title: {
759
- type: import("vue").PropType<string>;
760
- };
761
- isDisabled: {
762
- type: import("vue").PropType<boolean>;
763
- default: boolean;
764
- };
765
- variant: {
766
- type: import("vue").PropType<any>;
767
- default: string;
768
- };
769
- isFullWidth: {
770
- type: import("vue").PropType<boolean>;
771
- default: boolean;
772
- };
773
- }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
774
- size: any;
775
- isDisabled: boolean;
776
- variant: any;
777
- isFullWidth: boolean;
778
- }, {}, string, {}> & {
779
- beforeCreate?: (() => void) | (() => void)[];
780
- created?: (() => void) | (() => void)[];
781
- beforeMount?: (() => void) | (() => void)[];
782
- mounted?: (() => void) | (() => void)[];
783
- beforeUpdate?: (() => void) | (() => void)[];
784
- updated?: (() => void) | (() => void)[];
785
- activated?: (() => void) | (() => void)[];
786
- deactivated?: (() => void) | (() => void)[];
787
- beforeDestroy?: (() => void) | (() => void)[];
788
- beforeUnmount?: (() => void) | (() => void)[];
789
- destroyed?: (() => void) | (() => void)[];
790
- unmounted?: (() => void) | (() => void)[];
791
- renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
792
- renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
793
- errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, info: string) => boolean | void)[];
794
- };
795
- $forceUpdate: () => void;
796
- $nextTick: typeof import("vue").nextTick;
797
- $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
798
- } & Readonly<import("vue").ExtractPropTypes<{
799
- size: {
800
- type: import("vue").PropType<any>;
801
- default: string;
802
- };
803
- loadingState: {
804
- type: import("vue").PropType<{
805
- isValid: boolean;
806
- isInvalid: boolean;
807
- isLoading: boolean;
808
- startLoading: () => void;
809
- stopLoading: () => void;
810
- validate: (time?: number) => Promise<unknown>;
811
- invalidate: (time?: number) => Promise<unknown>;
812
- clear: (time?: number) => Promise<unknown>;
813
- }>;
814
- };
815
- title: {
816
- type: import("vue").PropType<string>;
817
- };
818
- isDisabled: {
819
- type: import("vue").PropType<boolean>;
820
- default: boolean;
821
- };
822
- variant: {
823
- type: import("vue").PropType<any>;
824
- default: string;
825
- };
826
- isFullWidth: {
827
- type: import("vue").PropType<boolean>;
828
- default: boolean;
829
- };
830
- }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
831
- __isFragment?: never;
832
- __isTeleport?: never;
833
- __isSuspense?: never;
834
- } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
835
- size: {
836
- type: import("vue").PropType<any>;
837
- default: string;
838
- };
839
- loadingState: {
840
- type: import("vue").PropType<{
841
- isValid: boolean;
842
- isInvalid: boolean;
843
- isLoading: boolean;
844
- startLoading: () => void;
845
- stopLoading: () => void;
846
- validate: (time?: number) => Promise<unknown>;
847
- invalidate: (time?: number) => Promise<unknown>;
848
- clear: (time?: number) => Promise<unknown>;
849
- }>;
850
- };
851
- title: {
852
- type: import("vue").PropType<string>;
853
- };
854
- isDisabled: {
855
- type: import("vue").PropType<boolean>;
856
- default: boolean;
857
- };
858
- variant: {
859
- type: import("vue").PropType<any>;
860
- default: string;
861
- };
862
- isFullWidth: {
863
- type: import("vue").PropType<boolean>;
864
- default: boolean;
865
- };
866
- }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
867
- size: any;
868
- isDisabled: boolean;
869
- variant: any;
870
- isFullWidth: boolean;
871
- }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
872
- $slots: {
873
- icon?(_: {}): any;
874
- default?(_: {}): any;
875
- };
876
- })>;
877
- };
878
- template: string;
879
- };
880
- };
881
- export default meta;
882
- type Story = StoryObj<typeof meta>;
883
- export declare const Base: Story;
884
- export declare const FullWidth: Story;
885
- export declare const Loading: Story;
886
- export declare const LoadingFullWidth: Story;
887
- export declare const ButtonWithIcon: Story;
888
- export declare const IconOnly: Story;
889
- //# sourceMappingURL=ScalarButton.stories.d.ts.map