@vc-shell/framework 1.0.341 → 1.1.0-alpha.10

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>;
             };
@@ -14,19 +18,19 @@ declare const _default: {
                 type: import("vue").PropType<boolean>;
             };
             icon: {
-                type: import("vue").PropType<string>;
+                type: import("vue").PropType<string | import("vue").Component>;
             };
             variant: {
-                type: import("vue").PropType<"warning" | "danger" | "primary">;
+                type: import("vue").PropType<"primary" | "secondary">;
                 default: string;
             };
-            iconClass: {
-                type: import("vue").PropType<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>;
             };
@@ -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>;
             };
@@ -61,19 +70,19 @@ declare const _default: {
                 type: import("vue").PropType<boolean>;
             };
             icon: {
-                type: import("vue").PropType<string>;
+                type: import("vue").PropType<string | import("vue").Component>;
             };
             variant: {
-                type: import("vue").PropType<"warning" | "danger" | "primary">;
+                type: import("vue").PropType<"primary" | "secondary">;
                 default: string;
             };
-            iconClass: {
-                type: import("vue").PropType<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>;
             };
@@ -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>;
         };
@@ -103,19 +117,19 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
         };
         icon: {
-            type: import("vue").PropType<string>;
+            type: import("vue").PropType<string | import("vue").Component>;
         };
         variant: {
-            type: import("vue").PropType<"warning" | "danger" | "primary">;
+            type: import("vue").PropType<"primary" | "secondary">;
             default: string;
         };
-        iconClass: {
-            type: import("vue").PropType<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>;
         };
@@ -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>;
         };
@@ -206,19 +225,19 @@ export declare const Basic: StoryFn<{
             type: import("vue").PropType<boolean>;
         };
         icon: {
-            type: import("vue").PropType<string>;
+            type: import("vue").PropType<string | import("vue").Component>;
         };
         variant: {
-            type: import("vue").PropType<"warning" | "danger" | "primary">;
+            type: import("vue").PropType<"primary" | "secondary">;
             default: string;
         };
-        iconClass: {
-            type: import("vue").PropType<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>;
         };
@@ -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>;
         };
@@ -253,19 +277,19 @@ export declare const Basic: StoryFn<{
             type: import("vue").PropType<boolean>;
         };
         icon: {
-            type: import("vue").PropType<string>;
+            type: import("vue").PropType<string | import("vue").Component>;
         };
         variant: {
-            type: import("vue").PropType<"warning" | "danger" | "primary">;
+            type: import("vue").PropType<"primary" | "secondary">;
             default: string;
         };
-        iconClass: {
-            type: import("vue").PropType<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>;
         };
@@ -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>;
     };
@@ -295,19 +324,19 @@ export declare const Basic: StoryFn<{
         type: import("vue").PropType<boolean>;
     };
     icon: {
-        type: import("vue").PropType<string>;
+        type: import("vue").PropType<string | import("vue").Component>;
     };
     variant: {
-        type: import("vue").PropType<"warning" | "danger" | "primary">;
+        type: import("vue").PropType<"primary" | "secondary">;
         default: string;
     };
-    iconClass: {
-        type: import("vue").PropType<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>;
     };
@@ -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,6 +366,10 @@ export declare const Disabled: StoryFn<{
         disabled: {
             type: import("vue").PropType<boolean>;
         };
+        size: {
+            type: import("vue").PropType<"base" | "xs" | "sm">;
+            default: string;
+        };
         small: {
             type: import("vue").PropType<boolean>;
         };
@@ -343,19 +377,19 @@ export declare const Disabled: StoryFn<{
             type: import("vue").PropType<boolean>;
         };
         icon: {
-            type: import("vue").PropType<string>;
+            type: import("vue").PropType<string | import("vue").Component>;
         };
         variant: {
-            type: import("vue").PropType<"warning" | "danger" | "primary">;
+            type: import("vue").PropType<"primary" | "secondary">;
             default: string;
         };
-        iconClass: {
-            type: import("vue").PropType<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>;
         };
@@ -370,7 +404,8 @@ export declare const Disabled: 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: {};
@@ -383,6 +418,10 @@ export declare const Disabled: StoryFn<{
         disabled: {
             type: import("vue").PropType<boolean>;
         };
+        size: {
+            type: import("vue").PropType<"base" | "xs" | "sm">;
+            default: string;
+        };
         small: {
             type: import("vue").PropType<boolean>;
         };
@@ -390,19 +429,19 @@ export declare const Disabled: StoryFn<{
             type: import("vue").PropType<boolean>;
         };
         icon: {
-            type: import("vue").PropType<string>;
+            type: import("vue").PropType<string | import("vue").Component>;
         };
         variant: {
-            type: import("vue").PropType<"warning" | "danger" | "primary">;
+            type: import("vue").PropType<"primary" | "secondary">;
             default: string;
         };
-        iconClass: {
-            type: import("vue").PropType<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>;
         };
@@ -415,7 +454,8 @@ export declare const Disabled: 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;
@@ -425,6 +465,10 @@ export declare const Disabled: StoryFn<{
     disabled: {
         type: import("vue").PropType<boolean>;
     };
+    size: {
+        type: import("vue").PropType<"base" | "xs" | "sm">;
+        default: string;
+    };
     small: {
         type: import("vue").PropType<boolean>;
     };
@@ -432,19 +476,19 @@ export declare const Disabled: StoryFn<{
         type: import("vue").PropType<boolean>;
     };
     icon: {
-        type: import("vue").PropType<string>;
+        type: import("vue").PropType<string | import("vue").Component>;
     };
     variant: {
-        type: import("vue").PropType<"warning" | "danger" | "primary">;
+        type: import("vue").PropType<"primary" | "secondary">;
         default: string;
     };
-    iconClass: {
-        type: import("vue").PropType<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>;
     };
@@ -459,7 +503,8 @@ export declare const Disabled: 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<{
@@ -468,11 +513,15 @@ export declare const Disabled: StoryFn<{
         default: (props?: any) => any;
     };
 })>;
-export declare const Small: 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>;
         };
@@ -480,19 +529,19 @@ export declare const Small: StoryFn<{
             type: import("vue").PropType<boolean>;
         };
         icon: {
-            type: import("vue").PropType<string>;
+            type: import("vue").PropType<string | import("vue").Component>;
         };
         variant: {
-            type: import("vue").PropType<"warning" | "danger" | "primary">;
+            type: import("vue").PropType<"primary" | "secondary">;
             default: string;
         };
-        iconClass: {
-            type: import("vue").PropType<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>;
         };
@@ -507,7 +556,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 +570,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>;
         };
@@ -527,19 +581,19 @@ export declare const Small: StoryFn<{
             type: import("vue").PropType<boolean>;
         };
         icon: {
-            type: import("vue").PropType<string>;
+            type: import("vue").PropType<string | import("vue").Component>;
         };
         variant: {
-            type: import("vue").PropType<"warning" | "danger" | "primary">;
+            type: import("vue").PropType<"primary" | "secondary">;
             default: string;
         };
-        iconClass: {
-            type: import("vue").PropType<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>;
         };
@@ -552,7 +606,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 +617,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>;
     };
@@ -569,19 +628,19 @@ export declare const Small: StoryFn<{
         type: import("vue").PropType<boolean>;
     };
     icon: {
-        type: import("vue").PropType<string>;
+        type: import("vue").PropType<string | import("vue").Component>;
     };
     variant: {
-        type: import("vue").PropType<"warning" | "danger" | "primary">;
+        type: import("vue").PropType<"primary" | "secondary">;
         default: string;
     };
-    iconClass: {
-        type: import("vue").PropType<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>;
     };
@@ -596,7 +655,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 +665,15 @@ export declare const Small: StoryFn<{
         default: (props?: any) => any;
     };
 })>;
-export declare const Outline: 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>;
         };
@@ -617,19 +681,19 @@ export declare const Outline: StoryFn<{
             type: import("vue").PropType<boolean>;
         };
         icon: {
-            type: import("vue").PropType<string>;
+            type: import("vue").PropType<string | import("vue").Component>;
         };
         variant: {
-            type: import("vue").PropType<"warning" | "danger" | "primary">;
+            type: import("vue").PropType<"primary" | "secondary">;
             default: string;
         };
-        iconClass: {
-            type: import("vue").PropType<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>;
         };
@@ -644,7 +708,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 +722,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>;
         };
@@ -664,19 +733,19 @@ export declare const Outline: StoryFn<{
             type: import("vue").PropType<boolean>;
         };
         icon: {
-            type: import("vue").PropType<string>;
+            type: import("vue").PropType<string | import("vue").Component>;
         };
         variant: {
-            type: import("vue").PropType<"warning" | "danger" | "primary">;
+            type: import("vue").PropType<"primary" | "secondary">;
             default: string;
         };
-        iconClass: {
-            type: import("vue").PropType<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>;
         };
@@ -689,7 +758,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 +769,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>;
     };
@@ -706,19 +780,19 @@ export declare const Outline: StoryFn<{
         type: import("vue").PropType<boolean>;
     };
     icon: {
-        type: import("vue").PropType<string>;
+        type: import("vue").PropType<string | import("vue").Component>;
     };
     variant: {
-        type: import("vue").PropType<"warning" | "danger" | "primary">;
+        type: import("vue").PropType<"primary" | "secondary">;
         default: string;
     };
-    iconClass: {
-        type: import("vue").PropType<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>;
     };
@@ -733,7 +807,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 +817,15 @@ export declare const Outline: StoryFn<{
         default: (props?: any) => any;
     };
 })>;
-export declare const Selected: 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>;
         };
@@ -754,19 +833,19 @@ export declare const Selected: StoryFn<{
             type: import("vue").PropType<boolean>;
         };
         icon: {
-            type: import("vue").PropType<string>;
+            type: import("vue").PropType<string | import("vue").Component>;
         };
         variant: {
-            type: import("vue").PropType<"warning" | "danger" | "primary">;
+            type: import("vue").PropType<"primary" | "secondary">;
             default: string;
         };
-        iconClass: {
-            type: import("vue").PropType<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>;
         };
@@ -781,7 +860,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 +874,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>;
         };
@@ -801,19 +885,19 @@ export declare const Selected: StoryFn<{
             type: import("vue").PropType<boolean>;
         };
         icon: {
-            type: import("vue").PropType<string>;
+            type: import("vue").PropType<string | import("vue").Component>;
         };
         variant: {
-            type: import("vue").PropType<"warning" | "danger" | "primary">;
+            type: import("vue").PropType<"primary" | "secondary">;
             default: string;
         };
-        iconClass: {
-            type: import("vue").PropType<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>;
         };
@@ -826,7 +910,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 +921,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>;
     };
@@ -843,19 +932,19 @@ export declare const Selected: StoryFn<{
         type: import("vue").PropType<boolean>;
     };
     icon: {
-        type: import("vue").PropType<string>;
+        type: import("vue").PropType<string | import("vue").Component>;
     };
     variant: {
-        type: import("vue").PropType<"warning" | "danger" | "primary">;
+        type: import("vue").PropType<"primary" | "secondary">;
         default: string;
     };
-    iconClass: {
-        type: import("vue").PropType<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>;
     };
@@ -870,7 +959,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 +969,15 @@ export declare const Selected: StoryFn<{
         default: (props?: any) => any;
     };
 })>;
-export declare const Text: 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>;
         };
@@ -891,19 +985,19 @@ export declare const Text: StoryFn<{
             type: import("vue").PropType<boolean>;
         };
         icon: {
-            type: import("vue").PropType<string>;
+            type: import("vue").PropType<string | import("vue").Component>;
         };
         variant: {
-            type: import("vue").PropType<"warning" | "danger" | "primary">;
+            type: import("vue").PropType<"primary" | "secondary">;
             default: string;
         };
-        iconClass: {
-            type: import("vue").PropType<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>;
         };
@@ -918,7 +1012,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 +1026,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>;
         };
@@ -938,19 +1037,19 @@ export declare const Text: StoryFn<{
             type: import("vue").PropType<boolean>;
         };
         icon: {
-            type: import("vue").PropType<string>;
+            type: import("vue").PropType<string | import("vue").Component>;
         };
         variant: {
-            type: import("vue").PropType<"warning" | "danger" | "primary">;
+            type: import("vue").PropType<"primary" | "secondary">;
             default: string;
         };
-        iconClass: {
-            type: import("vue").PropType<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>;
         };
@@ -963,7 +1062,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 +1073,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>;
     };
@@ -980,19 +1084,19 @@ export declare const Text: StoryFn<{
         type: import("vue").PropType<boolean>;
     };
     icon: {
-        type: import("vue").PropType<string>;
+        type: import("vue").PropType<string | import("vue").Component>;
     };
     variant: {
-        type: import("vue").PropType<"warning" | "danger" | "primary">;
+        type: import("vue").PropType<"primary" | "secondary">;
         default: string;
     };
-    iconClass: {
-        type: import("vue").PropType<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>;
     };
@@ -1007,7 +1111,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 +1121,15 @@ export declare const Text: StoryFn<{
         default: (props?: any) => any;
     };
 })>;
-export declare const Raised: 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>;
         };
@@ -1028,19 +1137,19 @@ export declare const Raised: StoryFn<{
             type: import("vue").PropType<boolean>;
         };
         icon: {
-            type: import("vue").PropType<string>;
+            type: import("vue").PropType<string | import("vue").Component>;
         };
         variant: {
-            type: import("vue").PropType<"warning" | "danger" | "primary">;
+            type: import("vue").PropType<"primary" | "secondary">;
             default: string;
         };
-        iconClass: {
-            type: import("vue").PropType<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>;
         };
@@ -1055,7 +1164,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 +1178,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>;
         };
@@ -1075,19 +1189,19 @@ export declare const Raised: StoryFn<{
             type: import("vue").PropType<boolean>;
         };
         icon: {
-            type: import("vue").PropType<string>;
+            type: import("vue").PropType<string | import("vue").Component>;
         };
         variant: {
-            type: import("vue").PropType<"warning" | "danger" | "primary">;
+            type: import("vue").PropType<"primary" | "secondary">;
             default: string;
         };
-        iconClass: {
-            type: import("vue").PropType<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>;
         };
@@ -1100,7 +1214,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 +1225,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>;
     };
@@ -1117,704 +1236,19 @@ export declare const Raised: StoryFn<{
         type: import("vue").PropType<boolean>;
     };
     icon: {
-        type: import("vue").PropType<string>;
+        type: import("vue").PropType<string | import("vue").Component>;
     };
     variant: {
-        type: import("vue").PropType<"warning" | "danger" | "primary">;
+        type: import("vue").PropType<"primary" | "secondary">;
         default: string;
     };
-    iconClass: {
-        type: import("vue").PropType<string>;
-    };
     iconSize: {
         type: import("vue").PropType<"s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl">;
         default: 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 Icon: 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>;
-        };
-        variant: {
-            type: import("vue").PropType<"warning" | "danger" | "primary">;
-            default: string;
-        };
-        iconClass: {
-            type: import("vue").PropType<string>;
-        };
-        iconSize: {
-            type: import("vue").PropType<"s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl">;
-            default: 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>;
-        };
-        variant: {
-            type: import("vue").PropType<"warning" | "danger" | "primary">;
-            default: string;
-        };
-        iconClass: {
-            type: import("vue").PropType<string>;
-        };
-        iconSize: {
-            type: import("vue").PropType<"s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl">;
-            default: 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>;
-    };
-    variant: {
-        type: import("vue").PropType<"warning" | "danger" | "primary">;
-        default: string;
-    };
-    iconClass: {
-        type: import("vue").PropType<string>;
-    };
-    iconSize: {
-        type: import("vue").PropType<"s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl">;
-        default: 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>;
-        };
-        variant: {
-            type: import("vue").PropType<"warning" | "danger" | "primary">;
-            default: string;
-        };
-        iconClass: {
-            type: import("vue").PropType<string>;
-        };
-        iconSize: {
-            type: import("vue").PropType<"s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl">;
-            default: 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>;
-        };
-        variant: {
-            type: import("vue").PropType<"warning" | "danger" | "primary">;
-            default: string;
-        };
-        iconClass: {
-            type: import("vue").PropType<string>;
-        };
-        iconSize: {
-            type: import("vue").PropType<"s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl">;
-            default: 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>;
-    };
-    variant: {
-        type: import("vue").PropType<"warning" | "danger" | "primary">;
-        default: string;
-    };
-    iconClass: {
-        type: import("vue").PropType<string>;
-    };
-    iconSize: {
-        type: import("vue").PropType<"s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl">;
-        default: 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>;
-        };
-        variant: {
-            type: import("vue").PropType<"warning" | "danger" | "primary">;
-            default: string;
-        };
-        iconClass: {
-            type: import("vue").PropType<string>;
-        };
-        iconSize: {
-            type: import("vue").PropType<"s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl">;
-            default: 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>;
-        };
-        variant: {
-            type: import("vue").PropType<"warning" | "danger" | "primary">;
-            default: string;
-        };
-        iconClass: {
-            type: import("vue").PropType<string>;
-        };
-        iconSize: {
-            type: import("vue").PropType<"s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl">;
-            default: 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>;
-    };
-    variant: {
-        type: import("vue").PropType<"warning" | "danger" | "primary">;
-        default: string;
-    };
-    iconClass: {
-        type: import("vue").PropType<string>;
-    };
-    iconSize: {
-        type: import("vue").PropType<"s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl">;
-        default: 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>;
-        };
-        variant: {
-            type: import("vue").PropType<"warning" | "danger" | "primary">;
-            default: string;
-        };
-        iconClass: {
-            type: import("vue").PropType<string>;
-        };
-        iconSize: {
-            type: import("vue").PropType<"s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl">;
-            default: 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>;
-        };
-        variant: {
-            type: import("vue").PropType<"warning" | "danger" | "primary">;
-            default: string;
-        };
-        iconClass: {
-            type: import("vue").PropType<string>;
-        };
-        iconSize: {
-            type: import("vue").PropType<"s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl">;
-            default: 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>;
-    };
-    variant: {
-        type: import("vue").PropType<"warning" | "danger" | "primary">;
-        default: string;
-    };
-    iconClass: {
-        type: import("vue").PropType<string>;
-    };
-    iconSize: {
-        type: import("vue").PropType<"s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl">;
-        default: 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>;
-        };
-        variant: {
-            type: import("vue").PropType<"warning" | "danger" | "primary">;
-            default: string;
-        };
-        iconClass: {
-            type: import("vue").PropType<string>;
-        };
-        iconSize: {
-            type: import("vue").PropType<"s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl">;
-            default: 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>;
-        };
-        variant: {
-            type: import("vue").PropType<"warning" | "danger" | "primary">;
-            default: string;
-        };
-        iconClass: {
-            type: import("vue").PropType<string>;
-        };
-        iconSize: {
-            type: import("vue").PropType<"s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl">;
-            default: 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>;
-    };
-    variant: {
-        type: import("vue").PropType<"warning" | "danger" | "primary">;
-        default: string;
-    };
     iconClass: {
         type: import("vue").PropType<string>;
     };
-    iconSize: {
-        type: import("vue").PropType<"s" | "m" | "xs" | "l" | "xl" | "xxl" | "xxxl">;
-        default: string;
-    };
     outline: {
         type: import("vue").PropType<boolean>;
     };
@@ -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<{