@vc-shell/framework 1.1.0-alpha.3 → 1.1.0-alpha.4

package/dist/ui/components/atoms/vc-button/vc-button.stories.d.ts

@@ -7,6 +7,10 @@ declare const _default: {
             disabled: {
                 type: import("vue").PropType<boolean>;
             };
+            size: {
+                type: import("vue").PropType<"base" | "xs" | "sm">;
+                default: string;
+            };
             small: {
                 type: import("vue").PropType<boolean>;
             };
@@ -17,7 +21,7 @@ declare const _default: {
                 type: import("vue").PropType<string | import("vue").Component>;
             };
             variant: {
-                type: import("vue").PropType<"warning" | "danger" | "primary">;
+                type: import("vue").PropType<"primary" | "secondary">;
                 default: string;
             };
             iconSize: {
@@ -41,7 +45,8 @@ declare const _default: {
         }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             click: (value: Event) => void;
         }, import("vue").PublicProps, {
-            variant: "warning" | "danger" | "primary";
+            size: "base" | "xs" | "sm";
+            variant: "primary" | "secondary";
             iconSize: "s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl";
         }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
             P: {};
@@ -54,6 +59,10 @@ declare const _default: {
             disabled: {
                 type: import("vue").PropType<boolean>;
             };
+            size: {
+                type: import("vue").PropType<"base" | "xs" | "sm">;
+                default: string;
+            };
             small: {
                 type: import("vue").PropType<boolean>;
             };
@@ -64,7 +73,7 @@ declare const _default: {
                 type: import("vue").PropType<string | import("vue").Component>;
             };
             variant: {
-                type: import("vue").PropType<"warning" | "danger" | "primary">;
+                type: import("vue").PropType<"primary" | "secondary">;
                 default: string;
             };
             iconSize: {
@@ -86,7 +95,8 @@ declare const _default: {
         }>> & Readonly<{
             onClick?: ((value: Event) => any) | undefined;
         }>, {}, {}, {}, {}, {
-            variant: "warning" | "danger" | "primary";
+            size: "base" | "xs" | "sm";
+            variant: "primary" | "secondary";
             iconSize: "s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl";
         }>;
         __isFragment?: undefined;
@@ -96,6 +106,10 @@ declare const _default: {
         disabled: {
             type: import("vue").PropType<boolean>;
         };
+        size: {
+            type: import("vue").PropType<"base" | "xs" | "sm">;
+            default: string;
+        };
         small: {
             type: import("vue").PropType<boolean>;
         };
@@ -106,7 +120,7 @@ declare const _default: {
             type: import("vue").PropType<string | import("vue").Component>;
         };
         variant: {
-            type: import("vue").PropType<"warning" | "danger" | "primary">;
+            type: import("vue").PropType<"primary" | "secondary">;
             default: string;
         };
         iconSize: {
@@ -130,7 +144,8 @@ declare const _default: {
     }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         click: (value: Event) => void;
     }, string, {
-        variant: "warning" | "danger" | "primary";
+        size: "base" | "xs" | "sm";
+        variant: "primary" | "secondary";
         iconSize: "s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl";
     }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: Readonly<{
@@ -199,6 +214,10 @@ export declare const Basic: StoryFn<{
         disabled: {
             type: import("vue").PropType<boolean>;
         };
+        size: {
+            type: import("vue").PropType<"base" | "xs" | "sm">;
+            default: string;
+        };
         small: {
             type: import("vue").PropType<boolean>;
         };
@@ -209,7 +228,7 @@ export declare const Basic: StoryFn<{
             type: import("vue").PropType<string | import("vue").Component>;
         };
         variant: {
-            type: import("vue").PropType<"warning" | "danger" | "primary">;
+            type: import("vue").PropType<"primary" | "secondary">;
             default: string;
         };
         iconSize: {
@@ -233,7 +252,8 @@ export declare const Basic: StoryFn<{
     }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         click: (value: Event) => void;
     }, import("vue").PublicProps, {
-        variant: "warning" | "danger" | "primary";
+        size: "base" | "xs" | "sm";
+        variant: "primary" | "secondary";
         iconSize: "s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl";
     }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
@@ -246,6 +266,10 @@ export declare const Basic: StoryFn<{
         disabled: {
             type: import("vue").PropType<boolean>;
         };
+        size: {
+            type: import("vue").PropType<"base" | "xs" | "sm">;
+            default: string;
+        };
         small: {
             type: import("vue").PropType<boolean>;
         };
@@ -256,7 +280,7 @@ export declare const Basic: StoryFn<{
             type: import("vue").PropType<string | import("vue").Component>;
         };
         variant: {
-            type: import("vue").PropType<"warning" | "danger" | "primary">;
+            type: import("vue").PropType<"primary" | "secondary">;
             default: string;
         };
         iconSize: {
@@ -278,7 +302,8 @@ export declare const Basic: StoryFn<{
     }>> & Readonly<{
         onClick?: ((value: Event) => any) | undefined;
     }>, {}, {}, {}, {}, {
-        variant: "warning" | "danger" | "primary";
+        size: "base" | "xs" | "sm";
+        variant: "primary" | "secondary";
         iconSize: "s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl";
     }>;
     __isFragment?: undefined;
@@ -288,6 +313,10 @@ export declare const Basic: StoryFn<{
     disabled: {
         type: import("vue").PropType<boolean>;
     };
+    size: {
+        type: import("vue").PropType<"base" | "xs" | "sm">;
+        default: string;
+    };
     small: {
         type: import("vue").PropType<boolean>;
     };
@@ -298,7 +327,7 @@ export declare const Basic: StoryFn<{
         type: import("vue").PropType<string | import("vue").Component>;
     };
     variant: {
-        type: import("vue").PropType<"warning" | "danger" | "primary">;
+        type: import("vue").PropType<"primary" | "secondary">;
         default: string;
     };
     iconSize: {
@@ -322,7 +351,8 @@ export declare const Basic: StoryFn<{
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: (value: Event) => void;
 }, string, {
-    variant: "warning" | "danger" | "primary";
+    size: "base" | "xs" | "sm";
+    variant: "primary" | "secondary";
     iconSize: "s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl";
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: Readonly<{
@@ -336,143 +366,10 @@ export declare const Disabled: StoryFn<{
         disabled: {
             type: import("vue").PropType<boolean>;
         };
-        small: {
-            type: import("vue").PropType<boolean>;
-        };
-        text: {
-            type: import("vue").PropType<boolean>;
-        };
-        icon: {
-            type: import("vue").PropType<string | import("vue").Component>;
-        };
-        variant: {
-            type: import("vue").PropType<"warning" | "danger" | "primary">;
-            default: string;
-        };
-        iconSize: {
-            type: import("vue").PropType<"s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl">;
-            default: string;
-        };
-        iconClass: {
-            type: import("vue").PropType<string>;
-        };
-        outline: {
-            type: import("vue").PropType<boolean>;
-        };
-        selected: {
-            type: import("vue").PropType<boolean>;
-        };
-        raised: {
-            type: import("vue").PropType<boolean>;
-        };
-    }>> & Readonly<{
-        onClick?: ((value: Event) => any) | undefined;
-    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        click: (value: Event) => void;
-    }, import("vue").PublicProps, {
-        variant: "warning" | "danger" | "primary";
-        iconSize: "s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl";
-    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{
-        disabled: {
-            type: import("vue").PropType<boolean>;
-        };
-        small: {
-            type: import("vue").PropType<boolean>;
-        };
-        text: {
-            type: import("vue").PropType<boolean>;
-        };
-        icon: {
-            type: import("vue").PropType<string | import("vue").Component>;
-        };
-        variant: {
-            type: import("vue").PropType<"warning" | "danger" | "primary">;
-            default: string;
-        };
-        iconSize: {
-            type: import("vue").PropType<"s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl">;
+        size: {
+            type: import("vue").PropType<"base" | "xs" | "sm">;
             default: string;
         };
-        iconClass: {
-            type: import("vue").PropType<string>;
-        };
-        outline: {
-            type: import("vue").PropType<boolean>;
-        };
-        selected: {
-            type: import("vue").PropType<boolean>;
-        };
-        raised: {
-            type: import("vue").PropType<boolean>;
-        };
-    }>> & Readonly<{
-        onClick?: ((value: Event) => any) | undefined;
-    }>, {}, {}, {}, {}, {
-        variant: "warning" | "danger" | "primary";
-        iconSize: "s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl";
-    }>;
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    disabled: {
-        type: import("vue").PropType<boolean>;
-    };
-    small: {
-        type: import("vue").PropType<boolean>;
-    };
-    text: {
-        type: import("vue").PropType<boolean>;
-    };
-    icon: {
-        type: import("vue").PropType<string | import("vue").Component>;
-    };
-    variant: {
-        type: import("vue").PropType<"warning" | "danger" | "primary">;
-        default: string;
-    };
-    iconSize: {
-        type: import("vue").PropType<"s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl">;
-        default: string;
-    };
-    iconClass: {
-        type: import("vue").PropType<string>;
-    };
-    outline: {
-        type: import("vue").PropType<boolean>;
-    };
-    selected: {
-        type: import("vue").PropType<boolean>;
-    };
-    raised: {
-        type: import("vue").PropType<boolean>;
-    };
-}>> & Readonly<{
-    onClick?: ((value: Event) => any) | undefined;
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    click: (value: Event) => void;
-}, string, {
-    variant: "warning" | "danger" | "primary";
-    iconSize: "s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl";
-}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-    $slots: Readonly<{
-        default: (props?: any) => any;
-    }> & {
-        default: (props?: any) => any;
-    };
-})>;
-export declare const Small: StoryFn<{
-    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
-        disabled: {
-            type: import("vue").PropType<boolean>;
-        };
         small: {
             type: import("vue").PropType<boolean>;
         };
@@ -483,7 +380,7 @@ export declare const Small: StoryFn<{
             type: import("vue").PropType<string | import("vue").Component>;
         };
         variant: {
-            type: import("vue").PropType<"warning" | "danger" | "primary">;
+            type: import("vue").PropType<"primary" | "secondary">;
             default: string;
         };
         iconSize: {
@@ -507,7 +404,8 @@ export declare const Small: StoryFn<{
     }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         click: (value: Event) => void;
     }, import("vue").PublicProps, {
-        variant: "warning" | "danger" | "primary";
+        size: "base" | "xs" | "sm";
+        variant: "primary" | "secondary";
         iconSize: "s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl";
     }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
@@ -520,6 +418,10 @@ export declare const Small: StoryFn<{
         disabled: {
             type: import("vue").PropType<boolean>;
         };
+        size: {
+            type: import("vue").PropType<"base" | "xs" | "sm">;
+            default: string;
+        };
         small: {
             type: import("vue").PropType<boolean>;
         };
@@ -530,7 +432,7 @@ export declare const Small: StoryFn<{
             type: import("vue").PropType<string | import("vue").Component>;
         };
         variant: {
-            type: import("vue").PropType<"warning" | "danger" | "primary">;
+            type: import("vue").PropType<"primary" | "secondary">;
             default: string;
         };
         iconSize: {
@@ -552,7 +454,8 @@ export declare const Small: StoryFn<{
     }>> & Readonly<{
         onClick?: ((value: Event) => any) | undefined;
     }>, {}, {}, {}, {}, {
-        variant: "warning" | "danger" | "primary";
+        size: "base" | "xs" | "sm";
+        variant: "primary" | "secondary";
         iconSize: "s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl";
     }>;
     __isFragment?: undefined;
@@ -562,6 +465,10 @@ export declare const Small: StoryFn<{
     disabled: {
         type: import("vue").PropType<boolean>;
     };
+    size: {
+        type: import("vue").PropType<"base" | "xs" | "sm">;
+        default: string;
+    };
     small: {
         type: import("vue").PropType<boolean>;
     };
@@ -572,7 +479,7 @@ export declare const Small: StoryFn<{
         type: import("vue").PropType<string | import("vue").Component>;
     };
     variant: {
-        type: import("vue").PropType<"warning" | "danger" | "primary">;
+        type: import("vue").PropType<"primary" | "secondary">;
         default: string;
     };
     iconSize: {
@@ -596,7 +503,8 @@ export declare const Small: StoryFn<{
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: (value: Event) => void;
 }, string, {
-    variant: "warning" | "danger" | "primary";
+    size: "base" | "xs" | "sm";
+    variant: "primary" | "secondary";
     iconSize: "s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl";
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: Readonly<{
@@ -605,11 +513,15 @@ export declare const Small: StoryFn<{
         default: (props?: any) => any;
     };
 })>;
-export declare const Outline: StoryFn<{
+export declare const Selected: StoryFn<{
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         disabled: {
             type: import("vue").PropType<boolean>;
         };
+        size: {
+            type: import("vue").PropType<"base" | "xs" | "sm">;
+            default: string;
+        };
         small: {
             type: import("vue").PropType<boolean>;
         };
@@ -620,7 +532,7 @@ export declare const Outline: StoryFn<{
             type: import("vue").PropType<string | import("vue").Component>;
         };
         variant: {
-            type: import("vue").PropType<"warning" | "danger" | "primary">;
+            type: import("vue").PropType<"primary" | "secondary">;
             default: string;
         };
         iconSize: {
@@ -644,7 +556,8 @@ export declare const Outline: StoryFn<{
     }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         click: (value: Event) => void;
     }, import("vue").PublicProps, {
-        variant: "warning" | "danger" | "primary";
+        size: "base" | "xs" | "sm";
+        variant: "primary" | "secondary";
         iconSize: "s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl";
     }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
@@ -657,6 +570,10 @@ export declare const Outline: StoryFn<{
         disabled: {
             type: import("vue").PropType<boolean>;
         };
+        size: {
+            type: import("vue").PropType<"base" | "xs" | "sm">;
+            default: string;
+        };
         small: {
             type: import("vue").PropType<boolean>;
         };
@@ -667,7 +584,7 @@ export declare const Outline: StoryFn<{
             type: import("vue").PropType<string | import("vue").Component>;
         };
         variant: {
-            type: import("vue").PropType<"warning" | "danger" | "primary">;
+            type: import("vue").PropType<"primary" | "secondary">;
             default: string;
         };
         iconSize: {
@@ -689,7 +606,8 @@ export declare const Outline: StoryFn<{
     }>> & Readonly<{
         onClick?: ((value: Event) => any) | undefined;
     }>, {}, {}, {}, {}, {
-        variant: "warning" | "danger" | "primary";
+        size: "base" | "xs" | "sm";
+        variant: "primary" | "secondary";
         iconSize: "s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl";
     }>;
     __isFragment?: undefined;
@@ -699,6 +617,10 @@ export declare const Outline: StoryFn<{
     disabled: {
         type: import("vue").PropType<boolean>;
     };
+    size: {
+        type: import("vue").PropType<"base" | "xs" | "sm">;
+        default: string;
+    };
     small: {
         type: import("vue").PropType<boolean>;
     };
@@ -709,7 +631,7 @@ export declare const Outline: StoryFn<{
         type: import("vue").PropType<string | import("vue").Component>;
     };
     variant: {
-        type: import("vue").PropType<"warning" | "danger" | "primary">;
+        type: import("vue").PropType<"primary" | "secondary">;
         default: string;
     };
     iconSize: {
@@ -733,7 +655,8 @@ export declare const Outline: StoryFn<{
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: (value: Event) => void;
 }, string, {
-    variant: "warning" | "danger" | "primary";
+    size: "base" | "xs" | "sm";
+    variant: "primary" | "secondary";
     iconSize: "s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl";
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: Readonly<{
@@ -742,11 +665,15 @@ export declare const Outline: StoryFn<{
         default: (props?: any) => any;
     };
 })>;
-export declare const Selected: StoryFn<{
+export declare const Text: StoryFn<{
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         disabled: {
             type: import("vue").PropType<boolean>;
         };
+        size: {
+            type: import("vue").PropType<"base" | "xs" | "sm">;
+            default: string;
+        };
         small: {
             type: import("vue").PropType<boolean>;
         };
@@ -757,7 +684,7 @@ export declare const Selected: StoryFn<{
             type: import("vue").PropType<string | import("vue").Component>;
         };
         variant: {
-            type: import("vue").PropType<"warning" | "danger" | "primary">;
+            type: import("vue").PropType<"primary" | "secondary">;
             default: string;
         };
         iconSize: {
@@ -781,7 +708,8 @@ export declare const Selected: StoryFn<{
     }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         click: (value: Event) => void;
     }, import("vue").PublicProps, {
-        variant: "warning" | "danger" | "primary";
+        size: "base" | "xs" | "sm";
+        variant: "primary" | "secondary";
         iconSize: "s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl";
     }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
@@ -794,6 +722,10 @@ export declare const Selected: StoryFn<{
         disabled: {
             type: import("vue").PropType<boolean>;
         };
+        size: {
+            type: import("vue").PropType<"base" | "xs" | "sm">;
+            default: string;
+        };
         small: {
             type: import("vue").PropType<boolean>;
         };
@@ -804,7 +736,7 @@ export declare const Selected: StoryFn<{
             type: import("vue").PropType<string | import("vue").Component>;
         };
         variant: {
-            type: import("vue").PropType<"warning" | "danger" | "primary">;
+            type: import("vue").PropType<"primary" | "secondary">;
             default: string;
         };
         iconSize: {
@@ -826,7 +758,8 @@ export declare const Selected: StoryFn<{
     }>> & Readonly<{
         onClick?: ((value: Event) => any) | undefined;
     }>, {}, {}, {}, {}, {
-        variant: "warning" | "danger" | "primary";
+        size: "base" | "xs" | "sm";
+        variant: "primary" | "secondary";
         iconSize: "s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl";
     }>;
     __isFragment?: undefined;
@@ -836,6 +769,10 @@ export declare const Selected: StoryFn<{
     disabled: {
         type: import("vue").PropType<boolean>;
     };
+    size: {
+        type: import("vue").PropType<"base" | "xs" | "sm">;
+        default: string;
+    };
     small: {
         type: import("vue").PropType<boolean>;
     };
@@ -846,7 +783,7 @@ export declare const Selected: StoryFn<{
         type: import("vue").PropType<string | import("vue").Component>;
     };
     variant: {
-        type: import("vue").PropType<"warning" | "danger" | "primary">;
+        type: import("vue").PropType<"primary" | "secondary">;
         default: string;
     };
     iconSize: {
@@ -870,7 +807,8 @@ export declare const Selected: StoryFn<{
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: (value: Event) => void;
 }, string, {
-    variant: "warning" | "danger" | "primary";
+    size: "base" | "xs" | "sm";
+    variant: "primary" | "secondary";
     iconSize: "s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl";
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: Readonly<{
@@ -879,11 +817,15 @@ export declare const Selected: StoryFn<{
         default: (props?: any) => any;
     };
 })>;
-export declare const Text: StoryFn<{
+export declare const Icon: StoryFn<{
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         disabled: {
             type: import("vue").PropType<boolean>;
         };
+        size: {
+            type: import("vue").PropType<"base" | "xs" | "sm">;
+            default: string;
+        };
         small: {
             type: import("vue").PropType<boolean>;
         };
@@ -894,7 +836,7 @@ export declare const Text: StoryFn<{
             type: import("vue").PropType<string | import("vue").Component>;
         };
         variant: {
-            type: import("vue").PropType<"warning" | "danger" | "primary">;
+            type: import("vue").PropType<"primary" | "secondary">;
             default: string;
         };
         iconSize: {
@@ -918,7 +860,8 @@ export declare const Text: StoryFn<{
     }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         click: (value: Event) => void;
     }, import("vue").PublicProps, {
-        variant: "warning" | "danger" | "primary";
+        size: "base" | "xs" | "sm";
+        variant: "primary" | "secondary";
         iconSize: "s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl";
     }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
@@ -931,6 +874,10 @@ export declare const Text: StoryFn<{
         disabled: {
             type: import("vue").PropType<boolean>;
         };
+        size: {
+            type: import("vue").PropType<"base" | "xs" | "sm">;
+            default: string;
+        };
         small: {
             type: import("vue").PropType<boolean>;
         };
@@ -941,7 +888,7 @@ export declare const Text: StoryFn<{
             type: import("vue").PropType<string | import("vue").Component>;
         };
         variant: {
-            type: import("vue").PropType<"warning" | "danger" | "primary">;
+            type: import("vue").PropType<"primary" | "secondary">;
             default: string;
         };
         iconSize: {
@@ -963,7 +910,8 @@ export declare const Text: StoryFn<{
     }>> & Readonly<{
         onClick?: ((value: Event) => any) | undefined;
     }>, {}, {}, {}, {}, {
-        variant: "warning" | "danger" | "primary";
+        size: "base" | "xs" | "sm";
+        variant: "primary" | "secondary";
         iconSize: "s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl";
     }>;
     __isFragment?: undefined;
@@ -973,6 +921,10 @@ export declare const Text: StoryFn<{
     disabled: {
         type: import("vue").PropType<boolean>;
     };
+    size: {
+        type: import("vue").PropType<"base" | "xs" | "sm">;
+        default: string;
+    };
     small: {
         type: import("vue").PropType<boolean>;
     };
@@ -983,7 +935,7 @@ export declare const Text: StoryFn<{
         type: import("vue").PropType<string | import("vue").Component>;
     };
     variant: {
-        type: import("vue").PropType<"warning" | "danger" | "primary">;
+        type: import("vue").PropType<"primary" | "secondary">;
         default: string;
     };
     iconSize: {
@@ -1007,7 +959,8 @@ export declare const Text: StoryFn<{
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: (value: Event) => void;
 }, string, {
-    variant: "warning" | "danger" | "primary";
+    size: "base" | "xs" | "sm";
+    variant: "primary" | "secondary";
     iconSize: "s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl";
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: Readonly<{
@@ -1016,11 +969,15 @@ export declare const Text: StoryFn<{
         default: (props?: any) => any;
     };
 })>;
-export declare const Raised: StoryFn<{
+export declare const IconClass: StoryFn<{
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         disabled: {
             type: import("vue").PropType<boolean>;
         };
+        size: {
+            type: import("vue").PropType<"base" | "xs" | "sm">;
+            default: string;
+        };
         small: {
             type: import("vue").PropType<boolean>;
         };
@@ -1031,7 +988,7 @@ export declare const Raised: StoryFn<{
             type: import("vue").PropType<string | import("vue").Component>;
         };
         variant: {
-            type: import("vue").PropType<"warning" | "danger" | "primary">;
+            type: import("vue").PropType<"primary" | "secondary">;
             default: string;
         };
         iconSize: {
@@ -1055,7 +1012,8 @@ export declare const Raised: StoryFn<{
     }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         click: (value: Event) => void;
     }, import("vue").PublicProps, {
-        variant: "warning" | "danger" | "primary";
+        size: "base" | "xs" | "sm";
+        variant: "primary" | "secondary";
         iconSize: "s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl";
     }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
@@ -1068,6 +1026,10 @@ export declare const Raised: StoryFn<{
         disabled: {
             type: import("vue").PropType<boolean>;
         };
+        size: {
+            type: import("vue").PropType<"base" | "xs" | "sm">;
+            default: string;
+        };
         small: {
             type: import("vue").PropType<boolean>;
         };
@@ -1078,7 +1040,7 @@ export declare const Raised: StoryFn<{
             type: import("vue").PropType<string | import("vue").Component>;
         };
         variant: {
-            type: import("vue").PropType<"warning" | "danger" | "primary">;
+            type: import("vue").PropType<"primary" | "secondary">;
             default: string;
         };
         iconSize: {
@@ -1100,7 +1062,8 @@ export declare const Raised: StoryFn<{
     }>> & Readonly<{
         onClick?: ((value: Event) => any) | undefined;
     }>, {}, {}, {}, {}, {
-        variant: "warning" | "danger" | "primary";
+        size: "base" | "xs" | "sm";
+        variant: "primary" | "secondary";
         iconSize: "s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl";
     }>;
     __isFragment?: undefined;
@@ -1110,6 +1073,10 @@ export declare const Raised: StoryFn<{
     disabled: {
         type: import("vue").PropType<boolean>;
     };
+    size: {
+        type: import("vue").PropType<"base" | "xs" | "sm">;
+        default: string;
+    };
     small: {
         type: import("vue").PropType<boolean>;
     };
@@ -1120,7 +1087,7 @@ export declare const Raised: StoryFn<{
         type: import("vue").PropType<string | import("vue").Component>;
     };
     variant: {
-        type: import("vue").PropType<"warning" | "danger" | "primary">;
+        type: import("vue").PropType<"primary" | "secondary">;
         default: string;
     };
     iconSize: {
@@ -1144,7 +1111,8 @@ export declare const Raised: StoryFn<{
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: (value: Event) => void;
 }, string, {
-    variant: "warning" | "danger" | "primary";
+    size: "base" | "xs" | "sm";
+    variant: "primary" | "secondary";
     iconSize: "s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl";
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: Readonly<{
@@ -1153,11 +1121,15 @@ export declare const Raised: StoryFn<{
         default: (props?: any) => any;
     };
 })>;
-export declare const Icon: StoryFn<{
+export declare const IconSize: StoryFn<{
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         disabled: {
             type: import("vue").PropType<boolean>;
         };
+        size: {
+            type: import("vue").PropType<"base" | "xs" | "sm">;
+            default: string;
+        };
         small: {
             type: import("vue").PropType<boolean>;
         };
@@ -1168,7 +1140,7 @@ export declare const Icon: StoryFn<{
             type: import("vue").PropType<string | import("vue").Component>;
         };
         variant: {
-            type: import("vue").PropType<"warning" | "danger" | "primary">;
+            type: import("vue").PropType<"primary" | "secondary">;
             default: string;
         };
         iconSize: {
@@ -1192,7 +1164,8 @@ export declare const Icon: StoryFn<{
     }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         click: (value: Event) => void;
     }, import("vue").PublicProps, {
-        variant: "warning" | "danger" | "primary";
+        size: "base" | "xs" | "sm";
+        variant: "primary" | "secondary";
         iconSize: "s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl";
     }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
@@ -1205,6 +1178,10 @@ export declare const Icon: StoryFn<{
         disabled: {
             type: import("vue").PropType<boolean>;
         };
+        size: {
+            type: import("vue").PropType<"base" | "xs" | "sm">;
+            default: string;
+        };
         small: {
             type: import("vue").PropType<boolean>;
         };
@@ -1215,7 +1192,7 @@ export declare const Icon: StoryFn<{
             type: import("vue").PropType<string | import("vue").Component>;
         };
         variant: {
-            type: import("vue").PropType<"warning" | "danger" | "primary">;
+            type: import("vue").PropType<"primary" | "secondary">;
             default: string;
         };
         iconSize: {
@@ -1237,7 +1214,8 @@ export declare const Icon: StoryFn<{
     }>> & Readonly<{
         onClick?: ((value: Event) => any) | undefined;
     }>, {}, {}, {}, {}, {
-        variant: "warning" | "danger" | "primary";
+        size: "base" | "xs" | "sm";
+        variant: "primary" | "secondary";
         iconSize: "s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl";
     }>;
     __isFragment?: undefined;
@@ -1247,554 +1225,10 @@ export declare const Icon: StoryFn<{
     disabled: {
         type: import("vue").PropType<boolean>;
     };
-    small: {
-        type: import("vue").PropType<boolean>;
-    };
-    text: {
-        type: import("vue").PropType<boolean>;
-    };
-    icon: {
-        type: import("vue").PropType<string | import("vue").Component>;
-    };
-    variant: {
-        type: import("vue").PropType<"warning" | "danger" | "primary">;
-        default: string;
-    };
-    iconSize: {
-        type: import("vue").PropType<"s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl">;
+    size: {
+        type: import("vue").PropType<"base" | "xs" | "sm">;
         default: string;
     };
-    iconClass: {
-        type: import("vue").PropType<string>;
-    };
-    outline: {
-        type: import("vue").PropType<boolean>;
-    };
-    selected: {
-        type: import("vue").PropType<boolean>;
-    };
-    raised: {
-        type: import("vue").PropType<boolean>;
-    };
-}>> & Readonly<{
-    onClick?: ((value: Event) => any) | undefined;
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    click: (value: Event) => void;
-}, string, {
-    variant: "warning" | "danger" | "primary";
-    iconSize: "s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl";
-}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-    $slots: Readonly<{
-        default: (props?: any) => any;
-    }> & {
-        default: (props?: any) => any;
-    };
-})>;
-export declare const IconClass: StoryFn<{
-    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
-        disabled: {
-            type: import("vue").PropType<boolean>;
-        };
-        small: {
-            type: import("vue").PropType<boolean>;
-        };
-        text: {
-            type: import("vue").PropType<boolean>;
-        };
-        icon: {
-            type: import("vue").PropType<string | import("vue").Component>;
-        };
-        variant: {
-            type: import("vue").PropType<"warning" | "danger" | "primary">;
-            default: string;
-        };
-        iconSize: {
-            type: import("vue").PropType<"s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl">;
-            default: string;
-        };
-        iconClass: {
-            type: import("vue").PropType<string>;
-        };
-        outline: {
-            type: import("vue").PropType<boolean>;
-        };
-        selected: {
-            type: import("vue").PropType<boolean>;
-        };
-        raised: {
-            type: import("vue").PropType<boolean>;
-        };
-    }>> & Readonly<{
-        onClick?: ((value: Event) => any) | undefined;
-    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        click: (value: Event) => void;
-    }, import("vue").PublicProps, {
-        variant: "warning" | "danger" | "primary";
-        iconSize: "s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl";
-    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{
-        disabled: {
-            type: import("vue").PropType<boolean>;
-        };
-        small: {
-            type: import("vue").PropType<boolean>;
-        };
-        text: {
-            type: import("vue").PropType<boolean>;
-        };
-        icon: {
-            type: import("vue").PropType<string | import("vue").Component>;
-        };
-        variant: {
-            type: import("vue").PropType<"warning" | "danger" | "primary">;
-            default: string;
-        };
-        iconSize: {
-            type: import("vue").PropType<"s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl">;
-            default: string;
-        };
-        iconClass: {
-            type: import("vue").PropType<string>;
-        };
-        outline: {
-            type: import("vue").PropType<boolean>;
-        };
-        selected: {
-            type: import("vue").PropType<boolean>;
-        };
-        raised: {
-            type: import("vue").PropType<boolean>;
-        };
-    }>> & Readonly<{
-        onClick?: ((value: Event) => any) | undefined;
-    }>, {}, {}, {}, {}, {
-        variant: "warning" | "danger" | "primary";
-        iconSize: "s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl";
-    }>;
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    disabled: {
-        type: import("vue").PropType<boolean>;
-    };
-    small: {
-        type: import("vue").PropType<boolean>;
-    };
-    text: {
-        type: import("vue").PropType<boolean>;
-    };
-    icon: {
-        type: import("vue").PropType<string | import("vue").Component>;
-    };
-    variant: {
-        type: import("vue").PropType<"warning" | "danger" | "primary">;
-        default: string;
-    };
-    iconSize: {
-        type: import("vue").PropType<"s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl">;
-        default: string;
-    };
-    iconClass: {
-        type: import("vue").PropType<string>;
-    };
-    outline: {
-        type: import("vue").PropType<boolean>;
-    };
-    selected: {
-        type: import("vue").PropType<boolean>;
-    };
-    raised: {
-        type: import("vue").PropType<boolean>;
-    };
-}>> & Readonly<{
-    onClick?: ((value: Event) => any) | undefined;
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    click: (value: Event) => void;
-}, string, {
-    variant: "warning" | "danger" | "primary";
-    iconSize: "s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl";
-}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-    $slots: Readonly<{
-        default: (props?: any) => any;
-    }> & {
-        default: (props?: any) => any;
-    };
-})>;
-export declare const IconSize: StoryFn<{
-    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
-        disabled: {
-            type: import("vue").PropType<boolean>;
-        };
-        small: {
-            type: import("vue").PropType<boolean>;
-        };
-        text: {
-            type: import("vue").PropType<boolean>;
-        };
-        icon: {
-            type: import("vue").PropType<string | import("vue").Component>;
-        };
-        variant: {
-            type: import("vue").PropType<"warning" | "danger" | "primary">;
-            default: string;
-        };
-        iconSize: {
-            type: import("vue").PropType<"s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl">;
-            default: string;
-        };
-        iconClass: {
-            type: import("vue").PropType<string>;
-        };
-        outline: {
-            type: import("vue").PropType<boolean>;
-        };
-        selected: {
-            type: import("vue").PropType<boolean>;
-        };
-        raised: {
-            type: import("vue").PropType<boolean>;
-        };
-    }>> & Readonly<{
-        onClick?: ((value: Event) => any) | undefined;
-    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        click: (value: Event) => void;
-    }, import("vue").PublicProps, {
-        variant: "warning" | "danger" | "primary";
-        iconSize: "s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl";
-    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{
-        disabled: {
-            type: import("vue").PropType<boolean>;
-        };
-        small: {
-            type: import("vue").PropType<boolean>;
-        };
-        text: {
-            type: import("vue").PropType<boolean>;
-        };
-        icon: {
-            type: import("vue").PropType<string | import("vue").Component>;
-        };
-        variant: {
-            type: import("vue").PropType<"warning" | "danger" | "primary">;
-            default: string;
-        };
-        iconSize: {
-            type: import("vue").PropType<"s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl">;
-            default: string;
-        };
-        iconClass: {
-            type: import("vue").PropType<string>;
-        };
-        outline: {
-            type: import("vue").PropType<boolean>;
-        };
-        selected: {
-            type: import("vue").PropType<boolean>;
-        };
-        raised: {
-            type: import("vue").PropType<boolean>;
-        };
-    }>> & Readonly<{
-        onClick?: ((value: Event) => any) | undefined;
-    }>, {}, {}, {}, {}, {
-        variant: "warning" | "danger" | "primary";
-        iconSize: "s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl";
-    }>;
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    disabled: {
-        type: import("vue").PropType<boolean>;
-    };
-    small: {
-        type: import("vue").PropType<boolean>;
-    };
-    text: {
-        type: import("vue").PropType<boolean>;
-    };
-    icon: {
-        type: import("vue").PropType<string | import("vue").Component>;
-    };
-    variant: {
-        type: import("vue").PropType<"warning" | "danger" | "primary">;
-        default: string;
-    };
-    iconSize: {
-        type: import("vue").PropType<"s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl">;
-        default: string;
-    };
-    iconClass: {
-        type: import("vue").PropType<string>;
-    };
-    outline: {
-        type: import("vue").PropType<boolean>;
-    };
-    selected: {
-        type: import("vue").PropType<boolean>;
-    };
-    raised: {
-        type: import("vue").PropType<boolean>;
-    };
-}>> & Readonly<{
-    onClick?: ((value: Event) => any) | undefined;
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    click: (value: Event) => void;
-}, string, {
-    variant: "warning" | "danger" | "primary";
-    iconSize: "s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl";
-}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-    $slots: Readonly<{
-        default: (props?: any) => any;
-    }> & {
-        default: (props?: any) => any;
-    };
-})>;
-export declare const Warning: StoryFn<{
-    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
-        disabled: {
-            type: import("vue").PropType<boolean>;
-        };
-        small: {
-            type: import("vue").PropType<boolean>;
-        };
-        text: {
-            type: import("vue").PropType<boolean>;
-        };
-        icon: {
-            type: import("vue").PropType<string | import("vue").Component>;
-        };
-        variant: {
-            type: import("vue").PropType<"warning" | "danger" | "primary">;
-            default: string;
-        };
-        iconSize: {
-            type: import("vue").PropType<"s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl">;
-            default: string;
-        };
-        iconClass: {
-            type: import("vue").PropType<string>;
-        };
-        outline: {
-            type: import("vue").PropType<boolean>;
-        };
-        selected: {
-            type: import("vue").PropType<boolean>;
-        };
-        raised: {
-            type: import("vue").PropType<boolean>;
-        };
-    }>> & Readonly<{
-        onClick?: ((value: Event) => any) | undefined;
-    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        click: (value: Event) => void;
-    }, import("vue").PublicProps, {
-        variant: "warning" | "danger" | "primary";
-        iconSize: "s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl";
-    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{
-        disabled: {
-            type: import("vue").PropType<boolean>;
-        };
-        small: {
-            type: import("vue").PropType<boolean>;
-        };
-        text: {
-            type: import("vue").PropType<boolean>;
-        };
-        icon: {
-            type: import("vue").PropType<string | import("vue").Component>;
-        };
-        variant: {
-            type: import("vue").PropType<"warning" | "danger" | "primary">;
-            default: string;
-        };
-        iconSize: {
-            type: import("vue").PropType<"s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl">;
-            default: string;
-        };
-        iconClass: {
-            type: import("vue").PropType<string>;
-        };
-        outline: {
-            type: import("vue").PropType<boolean>;
-        };
-        selected: {
-            type: import("vue").PropType<boolean>;
-        };
-        raised: {
-            type: import("vue").PropType<boolean>;
-        };
-    }>> & Readonly<{
-        onClick?: ((value: Event) => any) | undefined;
-    }>, {}, {}, {}, {}, {
-        variant: "warning" | "danger" | "primary";
-        iconSize: "s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl";
-    }>;
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    disabled: {
-        type: import("vue").PropType<boolean>;
-    };
-    small: {
-        type: import("vue").PropType<boolean>;
-    };
-    text: {
-        type: import("vue").PropType<boolean>;
-    };
-    icon: {
-        type: import("vue").PropType<string | import("vue").Component>;
-    };
-    variant: {
-        type: import("vue").PropType<"warning" | "danger" | "primary">;
-        default: string;
-    };
-    iconSize: {
-        type: import("vue").PropType<"s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl">;
-        default: string;
-    };
-    iconClass: {
-        type: import("vue").PropType<string>;
-    };
-    outline: {
-        type: import("vue").PropType<boolean>;
-    };
-    selected: {
-        type: import("vue").PropType<boolean>;
-    };
-    raised: {
-        type: import("vue").PropType<boolean>;
-    };
-}>> & Readonly<{
-    onClick?: ((value: Event) => any) | undefined;
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    click: (value: Event) => void;
-}, string, {
-    variant: "warning" | "danger" | "primary";
-    iconSize: "s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl";
-}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-    $slots: Readonly<{
-        default: (props?: any) => any;
-    }> & {
-        default: (props?: any) => any;
-    };
-})>;
-export declare const Danger: StoryFn<{
-    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
-        disabled: {
-            type: import("vue").PropType<boolean>;
-        };
-        small: {
-            type: import("vue").PropType<boolean>;
-        };
-        text: {
-            type: import("vue").PropType<boolean>;
-        };
-        icon: {
-            type: import("vue").PropType<string | import("vue").Component>;
-        };
-        variant: {
-            type: import("vue").PropType<"warning" | "danger" | "primary">;
-            default: string;
-        };
-        iconSize: {
-            type: import("vue").PropType<"s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl">;
-            default: string;
-        };
-        iconClass: {
-            type: import("vue").PropType<string>;
-        };
-        outline: {
-            type: import("vue").PropType<boolean>;
-        };
-        selected: {
-            type: import("vue").PropType<boolean>;
-        };
-        raised: {
-            type: import("vue").PropType<boolean>;
-        };
-    }>> & Readonly<{
-        onClick?: ((value: Event) => any) | undefined;
-    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        click: (value: Event) => void;
-    }, import("vue").PublicProps, {
-        variant: "warning" | "danger" | "primary";
-        iconSize: "s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl";
-    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{
-        disabled: {
-            type: import("vue").PropType<boolean>;
-        };
-        small: {
-            type: import("vue").PropType<boolean>;
-        };
-        text: {
-            type: import("vue").PropType<boolean>;
-        };
-        icon: {
-            type: import("vue").PropType<string | import("vue").Component>;
-        };
-        variant: {
-            type: import("vue").PropType<"warning" | "danger" | "primary">;
-            default: string;
-        };
-        iconSize: {
-            type: import("vue").PropType<"s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl">;
-            default: string;
-        };
-        iconClass: {
-            type: import("vue").PropType<string>;
-        };
-        outline: {
-            type: import("vue").PropType<boolean>;
-        };
-        selected: {
-            type: import("vue").PropType<boolean>;
-        };
-        raised: {
-            type: import("vue").PropType<boolean>;
-        };
-    }>> & Readonly<{
-        onClick?: ((value: Event) => any) | undefined;
-    }>, {}, {}, {}, {}, {
-        variant: "warning" | "danger" | "primary";
-        iconSize: "s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl";
-    }>;
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    disabled: {
-        type: import("vue").PropType<boolean>;
-    };
     small: {
         type: import("vue").PropType<boolean>;
     };
@@ -1805,7 +1239,7 @@ export declare const Danger: StoryFn<{
         type: import("vue").PropType<string | import("vue").Component>;
     };
     variant: {
-        type: import("vue").PropType<"warning" | "danger" | "primary">;
+        type: import("vue").PropType<"primary" | "secondary">;
         default: string;
     };
     iconSize: {
@@ -1829,7 +1263,8 @@ export declare const Danger: StoryFn<{
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: (value: Event) => void;
 }, string, {
-    variant: "warning" | "danger" | "primary";
+    size: "base" | "xs" | "sm";
+    variant: "primary" | "secondary";
     iconSize: "s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl";
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: Readonly<{