@scalar/components 0.12.9 → 0.12.10

package/dist/components/ScalarButton/ScalarButton.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ScalarButton.spec.d.ts.map

package/dist/components/ScalarButton/ScalarButton.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScalarButton.spec.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarButton/ScalarButton.spec.ts"],"names":[],"mappings":""}

package/dist/components/ScalarButton/ScalarButton.stories.d.ts

@@ -0,0 +1,687 @@
+import type { StoryObj } from '@storybook/vue3';
+/**
+ * - Default slot must be text only as it becomes the [aria]-label
+ * - If you are looking for an icon only button, use ScalarIconButton instead, its a helpful wrapper around this component
+ */
+declare const meta: {
+    component: {
+        new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+            size: {
+                type: import("vue").PropType<"sm" | "md">;
+                default: string;
+            };
+            type: {
+                type: import("vue").PropType<"button" | "submit" | "reset">;
+                default: string;
+            };
+            variant: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            disabled: {
+                type: import("vue").PropType<boolean>;
+            };
+            fullWidth: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            loading: {
+                type: import("vue").PropType<{
+                    isValid: boolean;
+                    isInvalid: boolean;
+                    isLoading: boolean;
+                    startLoading: () => void;
+                    stopLoading: () => void;
+                    validate: (time?: number) => Promise<unknown>;
+                    invalidate: (time?: number) => Promise<unknown>;
+                    clear: (time?: number) => Promise<unknown>;
+                }>;
+            };
+        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+            size: {
+                type: import("vue").PropType<"sm" | "md">;
+                default: string;
+            };
+            type: {
+                type: import("vue").PropType<"button" | "submit" | "reset">;
+                default: string;
+            };
+            variant: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            disabled: {
+                type: import("vue").PropType<boolean>;
+            };
+            fullWidth: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            loading: {
+                type: import("vue").PropType<{
+                    isValid: boolean;
+                    isInvalid: boolean;
+                    isLoading: boolean;
+                    startLoading: () => void;
+                    stopLoading: () => void;
+                    validate: (time?: number) => Promise<unknown>;
+                    invalidate: (time?: number) => Promise<unknown>;
+                    clear: (time?: number) => Promise<unknown>;
+                }>;
+            };
+        }>>, {
+            size: "sm" | "md";
+            type: "button" | "submit" | "reset";
+            variant: string;
+            fullWidth: boolean;
+        }, true, {}, {}, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("vue").ExtractPropTypes<{
+            size: {
+                type: import("vue").PropType<"sm" | "md">;
+                default: string;
+            };
+            type: {
+                type: import("vue").PropType<"button" | "submit" | "reset">;
+                default: string;
+            };
+            variant: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            disabled: {
+                type: import("vue").PropType<boolean>;
+            };
+            fullWidth: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            loading: {
+                type: import("vue").PropType<{
+                    isValid: boolean;
+                    isInvalid: boolean;
+                    isLoading: boolean;
+                    startLoading: () => void;
+                    stopLoading: () => void;
+                    validate: (time?: number) => Promise<unknown>;
+                    invalidate: (time?: number) => Promise<unknown>;
+                    clear: (time?: number) => Promise<unknown>;
+                }>;
+            };
+        }>>, {}, {}, {}, {}, {
+            size: "sm" | "md";
+            type: "button" | "submit" | "reset";
+            variant: string;
+            fullWidth: boolean;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        size: {
+            type: import("vue").PropType<"sm" | "md">;
+            default: string;
+        };
+        type: {
+            type: import("vue").PropType<"button" | "submit" | "reset">;
+            default: string;
+        };
+        variant: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        disabled: {
+            type: import("vue").PropType<boolean>;
+        };
+        fullWidth: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        loading: {
+            type: import("vue").PropType<{
+                isValid: boolean;
+                isInvalid: boolean;
+                isLoading: boolean;
+                startLoading: () => void;
+                stopLoading: () => void;
+                validate: (time?: number) => Promise<unknown>;
+                invalidate: (time?: number) => Promise<unknown>;
+                clear: (time?: number) => Promise<unknown>;
+            }>;
+        };
+    }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+        size: "sm" | "md";
+        type: "button" | "submit" | "reset";
+        variant: string;
+        fullWidth: boolean;
+    }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            icon?(_: {}): any;
+            default?(_: {}): any;
+            default?(_: {}): any;
+        };
+    });
+    tags: string[];
+    argTypes: {
+        size: {
+            control: "select";
+            options: string[];
+        };
+        variant: {
+            control: "select";
+            options: string[];
+        };
+        type: {
+            control: "select";
+            options: string[];
+        };
+    };
+    render: (args: import("@storybook/vue3").ComponentPropsAndSlots<{
+        new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+            size: {
+                type: import("vue").PropType<"sm" | "md">;
+                default: string;
+            };
+            type: {
+                type: import("vue").PropType<"button" | "submit" | "reset">;
+                default: string;
+            };
+            variant: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            disabled: {
+                type: import("vue").PropType<boolean>;
+            };
+            fullWidth: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            loading: {
+                type: import("vue").PropType<{
+                    isValid: boolean;
+                    isInvalid: boolean;
+                    isLoading: boolean;
+                    startLoading: () => void;
+                    stopLoading: () => void;
+                    validate: (time?: number) => Promise<unknown>;
+                    invalidate: (time?: number) => Promise<unknown>;
+                    clear: (time?: number) => Promise<unknown>;
+                }>;
+            };
+        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+            size: {
+                type: import("vue").PropType<"sm" | "md">;
+                default: string;
+            };
+            type: {
+                type: import("vue").PropType<"button" | "submit" | "reset">;
+                default: string;
+            };
+            variant: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            disabled: {
+                type: import("vue").PropType<boolean>;
+            };
+            fullWidth: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            loading: {
+                type: import("vue").PropType<{
+                    isValid: boolean;
+                    isInvalid: boolean;
+                    isLoading: boolean;
+                    startLoading: () => void;
+                    stopLoading: () => void;
+                    validate: (time?: number) => Promise<unknown>;
+                    invalidate: (time?: number) => Promise<unknown>;
+                    clear: (time?: number) => Promise<unknown>;
+                }>;
+            };
+        }>>, {
+            size: "sm" | "md";
+            type: "button" | "submit" | "reset";
+            variant: string;
+            fullWidth: boolean;
+        }, true, {}, {}, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("vue").ExtractPropTypes<{
+            size: {
+                type: import("vue").PropType<"sm" | "md">;
+                default: string;
+            };
+            type: {
+                type: import("vue").PropType<"button" | "submit" | "reset">;
+                default: string;
+            };
+            variant: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            disabled: {
+                type: import("vue").PropType<boolean>;
+            };
+            fullWidth: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            loading: {
+                type: import("vue").PropType<{
+                    isValid: boolean;
+                    isInvalid: boolean;
+                    isLoading: boolean;
+                    startLoading: () => void;
+                    stopLoading: () => void;
+                    validate: (time?: number) => Promise<unknown>;
+                    invalidate: (time?: number) => Promise<unknown>;
+                    clear: (time?: number) => Promise<unknown>;
+                }>;
+            };
+        }>>, {}, {}, {}, {}, {
+            size: "sm" | "md";
+            type: "button" | "submit" | "reset";
+            variant: string;
+            fullWidth: boolean;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        size: {
+            type: import("vue").PropType<"sm" | "md">;
+            default: string;
+        };
+        type: {
+            type: import("vue").PropType<"button" | "submit" | "reset">;
+            default: string;
+        };
+        variant: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        disabled: {
+            type: import("vue").PropType<boolean>;
+        };
+        fullWidth: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        loading: {
+            type: import("vue").PropType<{
+                isValid: boolean;
+                isInvalid: boolean;
+                isLoading: boolean;
+                startLoading: () => void;
+                stopLoading: () => void;
+                validate: (time?: number) => Promise<unknown>;
+                invalidate: (time?: number) => Promise<unknown>;
+                clear: (time?: number) => Promise<unknown>;
+            }>;
+        };
+    }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+        size: "sm" | "md";
+        type: "button" | "submit" | "reset";
+        variant: string;
+        fullWidth: boolean;
+    }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            icon?(_: {}): any;
+            default?(_: {}): any;
+            default?(_: {}): any;
+        };
+    })>) => {
+        components: {
+            ScalarButton: {
+                new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+                    size: {
+                        type: import("vue").PropType<"sm" | "md">;
+                        default: string;
+                    };
+                    type: {
+                        type: import("vue").PropType<"button" | "submit" | "reset">;
+                        default: string;
+                    };
+                    variant: {
+                        type: import("vue").PropType<string>;
+                        default: string;
+                    };
+                    disabled: {
+                        type: import("vue").PropType<boolean>;
+                    };
+                    fullWidth: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    loading: {
+                        type: import("vue").PropType<{
+                            isValid: boolean;
+                            isInvalid: boolean;
+                            isLoading: boolean;
+                            startLoading: () => void;
+                            stopLoading: () => void;
+                            validate: (time?: number) => Promise<unknown>;
+                            invalidate: (time?: number) => Promise<unknown>;
+                            clear: (time?: number) => Promise<unknown>;
+                        }>;
+                    };
+                }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+                    size: {
+                        type: import("vue").PropType<"sm" | "md">;
+                        default: string;
+                    };
+                    type: {
+                        type: import("vue").PropType<"button" | "submit" | "reset">;
+                        default: string;
+                    };
+                    variant: {
+                        type: import("vue").PropType<string>;
+                        default: string;
+                    };
+                    disabled: {
+                        type: import("vue").PropType<boolean>;
+                    };
+                    fullWidth: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    loading: {
+                        type: import("vue").PropType<{
+                            isValid: boolean;
+                            isInvalid: boolean;
+                            isLoading: boolean;
+                            startLoading: () => void;
+                            stopLoading: () => void;
+                            validate: (time?: number) => Promise<unknown>;
+                            invalidate: (time?: number) => Promise<unknown>;
+                            clear: (time?: number) => Promise<unknown>;
+                        }>;
+                    };
+                }>>, {
+                    size: "sm" | "md";
+                    type: "button" | "submit" | "reset";
+                    variant: string;
+                    fullWidth: boolean;
+                }, true, {}, {}, {
+                    P: {};
+                    B: {};
+                    D: {};
+                    C: {};
+                    M: {};
+                    Defaults: {};
+                }, Readonly<import("vue").ExtractPropTypes<{
+                    size: {
+                        type: import("vue").PropType<"sm" | "md">;
+                        default: string;
+                    };
+                    type: {
+                        type: import("vue").PropType<"button" | "submit" | "reset">;
+                        default: string;
+                    };
+                    variant: {
+                        type: import("vue").PropType<string>;
+                        default: string;
+                    };
+                    disabled: {
+                        type: import("vue").PropType<boolean>;
+                    };
+                    fullWidth: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    loading: {
+                        type: import("vue").PropType<{
+                            isValid: boolean;
+                            isInvalid: boolean;
+                            isLoading: boolean;
+                            startLoading: () => void;
+                            stopLoading: () => void;
+                            validate: (time?: number) => Promise<unknown>;
+                            invalidate: (time?: number) => Promise<unknown>;
+                            clear: (time?: number) => Promise<unknown>;
+                        }>;
+                    };
+                }>>, {}, {}, {}, {}, {
+                    size: "sm" | "md";
+                    type: "button" | "submit" | "reset";
+                    variant: string;
+                    fullWidth: boolean;
+                }>;
+                __isFragment?: never;
+                __isTeleport?: never;
+                __isSuspense?: never;
+            } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                size: {
+                    type: import("vue").PropType<"sm" | "md">;
+                    default: string;
+                };
+                type: {
+                    type: import("vue").PropType<"button" | "submit" | "reset">;
+                    default: string;
+                };
+                variant: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                disabled: {
+                    type: import("vue").PropType<boolean>;
+                };
+                fullWidth: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                loading: {
+                    type: import("vue").PropType<{
+                        isValid: boolean;
+                        isInvalid: boolean;
+                        isLoading: boolean;
+                        startLoading: () => void;
+                        stopLoading: () => void;
+                        validate: (time?: number) => Promise<unknown>;
+                        invalidate: (time?: number) => Promise<unknown>;
+                        clear: (time?: number) => Promise<unknown>;
+                    }>;
+                };
+            }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+                size: "sm" | "md";
+                type: "button" | "submit" | "reset";
+                variant: string;
+                fullWidth: boolean;
+            }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+                $slots: {
+                    icon?(_: {}): any;
+                    default?(_: {}): any;
+                    default?(_: {}): any;
+                };
+            });
+        };
+        setup(this: void): {
+            args: import("@storybook/vue3").ComponentPropsAndSlots<{
+                new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+                    size: {
+                        type: import("vue").PropType<"sm" | "md">;
+                        default: string;
+                    };
+                    type: {
+                        type: import("vue").PropType<"button" | "submit" | "reset">;
+                        default: string;
+                    };
+                    variant: {
+                        type: import("vue").PropType<string>;
+                        default: string;
+                    };
+                    disabled: {
+                        type: import("vue").PropType<boolean>;
+                    };
+                    fullWidth: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    loading: {
+                        type: import("vue").PropType<{
+                            isValid: boolean;
+                            isInvalid: boolean;
+                            isLoading: boolean;
+                            startLoading: () => void;
+                            stopLoading: () => void;
+                            validate: (time?: number) => Promise<unknown>;
+                            invalidate: (time?: number) => Promise<unknown>;
+                            clear: (time?: number) => Promise<unknown>;
+                        }>;
+                    };
+                }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+                    size: {
+                        type: import("vue").PropType<"sm" | "md">;
+                        default: string;
+                    };
+                    type: {
+                        type: import("vue").PropType<"button" | "submit" | "reset">;
+                        default: string;
+                    };
+                    variant: {
+                        type: import("vue").PropType<string>;
+                        default: string;
+                    };
+                    disabled: {
+                        type: import("vue").PropType<boolean>;
+                    };
+                    fullWidth: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    loading: {
+                        type: import("vue").PropType<{
+                            isValid: boolean;
+                            isInvalid: boolean;
+                            isLoading: boolean;
+                            startLoading: () => void;
+                            stopLoading: () => void;
+                            validate: (time?: number) => Promise<unknown>;
+                            invalidate: (time?: number) => Promise<unknown>;
+                            clear: (time?: number) => Promise<unknown>;
+                        }>;
+                    };
+                }>>, {
+                    size: "sm" | "md";
+                    type: "button" | "submit" | "reset";
+                    variant: string;
+                    fullWidth: boolean;
+                }, true, {}, {}, {
+                    P: {};
+                    B: {};
+                    D: {};
+                    C: {};
+                    M: {};
+                    Defaults: {};
+                }, Readonly<import("vue").ExtractPropTypes<{
+                    size: {
+                        type: import("vue").PropType<"sm" | "md">;
+                        default: string;
+                    };
+                    type: {
+                        type: import("vue").PropType<"button" | "submit" | "reset">;
+                        default: string;
+                    };
+                    variant: {
+                        type: import("vue").PropType<string>;
+                        default: string;
+                    };
+                    disabled: {
+                        type: import("vue").PropType<boolean>;
+                    };
+                    fullWidth: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    loading: {
+                        type: import("vue").PropType<{
+                            isValid: boolean;
+                            isInvalid: boolean;
+                            isLoading: boolean;
+                            startLoading: () => void;
+                            stopLoading: () => void;
+                            validate: (time?: number) => Promise<unknown>;
+                            invalidate: (time?: number) => Promise<unknown>;
+                            clear: (time?: number) => Promise<unknown>;
+                        }>;
+                    };
+                }>>, {}, {}, {}, {}, {
+                    size: "sm" | "md";
+                    type: "button" | "submit" | "reset";
+                    variant: string;
+                    fullWidth: boolean;
+                }>;
+                __isFragment?: never;
+                __isTeleport?: never;
+                __isSuspense?: never;
+            } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                size: {
+                    type: import("vue").PropType<"sm" | "md">;
+                    default: string;
+                };
+                type: {
+                    type: import("vue").PropType<"button" | "submit" | "reset">;
+                    default: string;
+                };
+                variant: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                disabled: {
+                    type: import("vue").PropType<boolean>;
+                };
+                fullWidth: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                loading: {
+                    type: import("vue").PropType<{
+                        isValid: boolean;
+                        isInvalid: boolean;
+                        isLoading: boolean;
+                        startLoading: () => void;
+                        stopLoading: () => void;
+                        validate: (time?: number) => Promise<unknown>;
+                        invalidate: (time?: number) => Promise<unknown>;
+                        clear: (time?: number) => Promise<unknown>;
+                    }>;
+                };
+            }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+                size: "sm" | "md";
+                type: "button" | "submit" | "reset";
+                variant: string;
+                fullWidth: boolean;
+            }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+                $slots: {
+                    icon?(_: {}): any;
+                    default?(_: {}): any;
+                    default?(_: {}): any;
+                };
+            })>;
+        };
+        template: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Base: Story;
+export declare const FullWidth: Story;
+export declare const Ghost: Story;
+export declare const Disabled: Story;
+export declare const Loading: Story;
+export declare const LoadingFullWidth: Story;
+export declare const WithIcon: Story;
+export declare const CustomClasses: Story;
+//# sourceMappingURL=ScalarButton.stories.d.ts.map