npm - @vc-shell/framework - Versions diffs - 1.0.327 → 1.1.0-alpha.1 - Mend

@vc-shell/framework 1.0.327 → 1.1.0-alpha.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (272) hide show

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

@@ -14,19 +14,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">;
                 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>;
             };
@@ -61,19 +61,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">;
                 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>;
             };
@@ -103,19 +103,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">;
             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>;
         };
@@ -206,19 +206,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">;
             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>;
         };
@@ -253,19 +253,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">;
             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>;
         };
@@ -295,19 +295,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">;
         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>;
     };
@@ -343,19 +343,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">;
             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>;
         };
@@ -390,19 +390,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">;
             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>;
         };
@@ -432,19 +432,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">;
         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>;
     };
@@ -480,19 +480,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">;
             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>;
         };
@@ -527,19 +527,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">;
             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>;
         };
@@ -569,19 +569,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">;
         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>;
     };
@@ -617,19 +617,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">;
             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>;
         };
@@ -664,19 +664,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">;
             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>;
         };
@@ -706,19 +706,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">;
         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>;
     };
@@ -754,19 +754,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">;
             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>;
         };
@@ -801,19 +801,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">;
             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>;
         };
@@ -843,19 +843,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">;
         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>;
     };
@@ -891,19 +891,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">;
             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>;
         };
@@ -938,19 +938,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">;
             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>;
         };
@@ -980,19 +980,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">;
         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>;
     };
@@ -1028,19 +1028,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">;
             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>;
         };
@@ -1075,19 +1075,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">;
             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>;
         };
@@ -1117,19 +1117,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">;
         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>;
     };
@@ -1165,19 +1165,19 @@ export declare const Icon: 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">;
             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>;
         };
@@ -1212,19 +1212,19 @@ export declare const Icon: 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">;
             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>;
         };
@@ -1254,19 +1254,19 @@ export declare const Icon: 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">;
         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>;
     };
@@ -1302,19 +1302,19 @@ export declare const IconClass: 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">;
             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>;
         };
@@ -1349,19 +1349,19 @@ export declare const IconClass: 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">;
             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>;
         };
@@ -1391,19 +1391,19 @@ export declare const IconClass: 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">;
         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>;
     };
@@ -1439,19 +1439,19 @@ export declare const IconSize: 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">;
             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>;
         };
@@ -1486,19 +1486,19 @@ export declare const IconSize: 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">;
             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>;
         };
@@ -1528,19 +1528,19 @@ export declare const IconSize: 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">;
         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>;
     };
@@ -1576,19 +1576,19 @@ export declare const Warning: 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">;
             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>;
         };
@@ -1623,19 +1623,19 @@ export declare const Warning: 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">;
             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>;
         };
@@ -1665,19 +1665,19 @@ export declare const Warning: 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">;
         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>;
     };
@@ -1713,19 +1713,19 @@ export declare const Danger: 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">;
             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>;
         };
@@ -1760,19 +1760,19 @@ export declare const Danger: 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">;
             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>;
         };
@@ -1802,19 +1802,19 @@ export declare const Danger: 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">;
         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>;
     };