@dpa-id-components/dpa-shared-components 9.1.0 → 9.1.1

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

@@ -761,7 +761,7 @@ declare const meta: {
                         default: boolean;
                     };
                     color: {
-                        type: import("vue").PropType<"red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "neon-green" | "primary-green">;
+                        type: import("vue").PropType<"red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "green-neon" | "green-primary" | "neon-green" | "primary-green">;
                         default: string;
                     };
                     iconName: {
@@ -790,7 +790,7 @@ declare const meta: {
                         default: boolean;
                     };
                     color: {
-                        type: import("vue").PropType<"red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "neon-green" | "primary-green">;
+                        type: import("vue").PropType<"red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "green-neon" | "green-primary" | "neon-green" | "primary-green">;
                         default: string;
                     };
                     iconName: {
@@ -809,7 +809,7 @@ declare const meta: {
                     text: string;
                     small: boolean;
                     trim: boolean;
-                    color: "red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "neon-green" | "primary-green";
+                    color: "red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "green-neon" | "green-primary" | "neon-green" | "primary-green";
                     iconName: string | null;
                     mobileTrim: boolean;
                     screenReaderText: string;
@@ -834,7 +834,7 @@ declare const meta: {
                         default: boolean;
                     };
                     color: {
-                        type: import("vue").PropType<"red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "neon-green" | "primary-green">;
+                        type: import("vue").PropType<"red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "green-neon" | "green-primary" | "neon-green" | "primary-green">;
                         default: string;
                     };
                     iconName: {
@@ -853,7 +853,7 @@ declare const meta: {
                     text: string;
                     small: boolean;
                     trim: boolean;
-                    color: "red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "neon-green" | "primary-green";
+                    color: "red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "green-neon" | "green-primary" | "neon-green" | "primary-green";
                     iconName: string | null;
                     mobileTrim: boolean;
                     screenReaderText: string;
@@ -875,7 +875,7 @@ declare const meta: {
                     default: boolean;
                 };
                 color: {
-                    type: import("vue").PropType<"red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "neon-green" | "primary-green">;
+                    type: import("vue").PropType<"red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "green-neon" | "green-primary" | "neon-green" | "primary-green">;
                     default: string;
                 };
                 iconName: {
@@ -894,7 +894,7 @@ declare const meta: {
                 text: string;
                 small: boolean;
                 trim: boolean;
-                color: "red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "neon-green" | "primary-green";
+                color: "red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "green-neon" | "green-primary" | "neon-green" | "primary-green";
                 iconName: string | null;
                 mobileTrim: boolean;
                 screenReaderText: string;

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

@@ -16,7 +16,7 @@ declare const meta: {
                 default: boolean;
             };
             color: {
-                type: import("vue").PropType<"red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "neon-green" | "primary-green">;
+                type: import("vue").PropType<"blue" | "red" | "red-dark" | "orange" | "purple" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "green-neon" | "green-primary" | "neon-green" | "primary-green">;
                 default: string;
             };
             iconName: {
@@ -45,7 +45,7 @@ declare const meta: {
                 default: boolean;
             };
             color: {
-                type: import("vue").PropType<"red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "neon-green" | "primary-green">;
+                type: import("vue").PropType<"blue" | "red" | "red-dark" | "orange" | "purple" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "green-neon" | "green-primary" | "neon-green" | "primary-green">;
                 default: string;
             };
             iconName: {
@@ -64,7 +64,7 @@ declare const meta: {
             text: string;
             small: boolean;
             trim: boolean;
-            color: "red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "neon-green" | "primary-green";
+            color: "blue" | "red" | "red-dark" | "orange" | "purple" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "green-neon" | "green-primary" | "neon-green" | "primary-green";
             iconName: string | null;
             mobileTrim: boolean;
             screenReaderText: string;
@@ -89,7 +89,7 @@ declare const meta: {
                 default: boolean;
             };
             color: {
-                type: import("vue").PropType<"red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "neon-green" | "primary-green">;
+                type: import("vue").PropType<"blue" | "red" | "red-dark" | "orange" | "purple" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "green-neon" | "green-primary" | "neon-green" | "primary-green">;
                 default: string;
             };
             iconName: {
@@ -108,7 +108,7 @@ declare const meta: {
             text: string;
             small: boolean;
             trim: boolean;
-            color: "red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "neon-green" | "primary-green";
+            color: "blue" | "red" | "red-dark" | "orange" | "purple" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "green-neon" | "green-primary" | "neon-green" | "primary-green";
             iconName: string | null;
             mobileTrim: boolean;
             screenReaderText: string;
@@ -130,7 +130,7 @@ declare const meta: {
             default: boolean;
         };
         color: {
-            type: import("vue").PropType<"red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "neon-green" | "primary-green">;
+            type: import("vue").PropType<"blue" | "red" | "red-dark" | "orange" | "purple" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "green-neon" | "green-primary" | "neon-green" | "primary-green">;
             default: string;
         };
         iconName: {
@@ -149,7 +149,7 @@ declare const meta: {
         text: string;
         small: boolean;
         trim: boolean;
-        color: "red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "neon-green" | "primary-green";
+        color: "blue" | "red" | "red-dark" | "orange" | "purple" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "green-neon" | "green-primary" | "neon-green" | "primary-green";
         iconName: string | null;
         mobileTrim: boolean;
         screenReaderText: string;

package/dist/components/UiBadge/UiBadge.vue.d.ts

@@ -1,6 +1,6 @@
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     text?: string | undefined;
-    color?: "red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "neon-green" | "primary-green" | undefined;
+    color?: "blue" | "red" | "red-dark" | "orange" | "purple" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "green-neon" | "green-primary" | "neon-green" | "primary-green" | undefined;
     iconName?: string | null | undefined;
     mobileTrim?: boolean | undefined;
     trim?: boolean | undefined;
@@ -16,7 +16,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     screenReaderText: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     text?: string | undefined;
-    color?: "red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "neon-green" | "primary-green" | undefined;
+    color?: "blue" | "red" | "red-dark" | "orange" | "purple" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "green-neon" | "green-primary" | "neon-green" | "primary-green" | undefined;
     iconName?: string | null | undefined;
     mobileTrim?: boolean | undefined;
     trim?: boolean | undefined;
@@ -34,7 +34,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     text: string;
     small: boolean;
     trim: boolean;
-    color: "red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "neon-green" | "primary-green";
+    color: "blue" | "red" | "red-dark" | "orange" | "purple" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "green-neon" | "green-primary" | "neon-green" | "primary-green";
     iconName: string | null;
     mobileTrim: boolean;
     screenReaderText: string;

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

@@ -7,22 +7,22 @@ declare const meta: {
                 type: import("vue").PropType<"xs" | "small" | "medium" | "large">;
                 default: string;
             };
-            color: {
-                type: import("vue").PropType<"blue" | "white" | "primary-green" | "gray" | "transparent" | "light-gray">;
-                default: string;
-            };
-            iconName: {
-                type: import("vue").PropType<string | null>;
-                default: null;
-            };
             disabled: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            color: {
+                type: import("vue").PropType<"blue" | "gray" | "white" | "primary-green" | "transparent" | "light-gray">;
+                default: string;
+            };
             rounded: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            iconName: {
+                type: import("vue").PropType<string | null>;
+                default: null;
+            };
             disabledVariant: {
                 type: import("vue").PropType<"primary" | "secondary">;
                 default: string;
@@ -40,22 +40,22 @@ declare const meta: {
                 type: import("vue").PropType<"xs" | "small" | "medium" | "large">;
                 default: string;
             };
-            color: {
-                type: import("vue").PropType<"blue" | "white" | "primary-green" | "gray" | "transparent" | "light-gray">;
-                default: string;
-            };
-            iconName: {
-                type: import("vue").PropType<string | null>;
-                default: null;
-            };
             disabled: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            color: {
+                type: import("vue").PropType<"blue" | "gray" | "white" | "primary-green" | "transparent" | "light-gray">;
+                default: string;
+            };
             rounded: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            iconName: {
+                type: import("vue").PropType<string | null>;
+                default: null;
+            };
             disabledVariant: {
                 type: import("vue").PropType<"primary" | "secondary">;
                 default: string;
@@ -68,10 +68,10 @@ declare const meta: {
             onClick?: (() => any) | undefined;
         }, {
             size: "xs" | "small" | "medium" | "large";
-            color: "blue" | "white" | "primary-green" | "gray" | "transparent" | "light-gray";
-            iconName: string | null;
             disabled: boolean;
+            color: "blue" | "gray" | "white" | "primary-green" | "transparent" | "light-gray";
             rounded: boolean;
+            iconName: string | null;
             disabledVariant: "primary" | "secondary";
             href: string;
         }, true, {}, {}, {
@@ -86,22 +86,22 @@ declare const meta: {
                 type: import("vue").PropType<"xs" | "small" | "medium" | "large">;
                 default: string;
             };
-            color: {
-                type: import("vue").PropType<"blue" | "white" | "primary-green" | "gray" | "transparent" | "light-gray">;
-                default: string;
-            };
-            iconName: {
-                type: import("vue").PropType<string | null>;
-                default: null;
-            };
             disabled: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            color: {
+                type: import("vue").PropType<"blue" | "gray" | "white" | "primary-green" | "transparent" | "light-gray">;
+                default: string;
+            };
             rounded: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            iconName: {
+                type: import("vue").PropType<string | null>;
+                default: null;
+            };
             disabledVariant: {
                 type: import("vue").PropType<"primary" | "secondary">;
                 default: string;
@@ -114,10 +114,10 @@ declare const meta: {
             onClick?: (() => any) | undefined;
         }, {}, {}, {}, {}, {
             size: "xs" | "small" | "medium" | "large";
-            color: "blue" | "white" | "primary-green" | "gray" | "transparent" | "light-gray";
-            iconName: string | null;
             disabled: boolean;
+            color: "blue" | "gray" | "white" | "primary-green" | "transparent" | "light-gray";
             rounded: boolean;
+            iconName: string | null;
             disabledVariant: "primary" | "secondary";
             href: string;
         }>;
@@ -129,22 +129,22 @@ declare const meta: {
             type: import("vue").PropType<"xs" | "small" | "medium" | "large">;
             default: string;
         };
-        color: {
-            type: import("vue").PropType<"blue" | "white" | "primary-green" | "gray" | "transparent" | "light-gray">;
-            default: string;
-        };
-        iconName: {
-            type: import("vue").PropType<string | null>;
-            default: null;
-        };
         disabled: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        color: {
+            type: import("vue").PropType<"blue" | "gray" | "white" | "primary-green" | "transparent" | "light-gray">;
+            default: string;
+        };
         rounded: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        iconName: {
+            type: import("vue").PropType<string | null>;
+            default: null;
+        };
         disabledVariant: {
             type: import("vue").PropType<"primary" | "secondary">;
             default: string;
@@ -159,10 +159,10 @@ declare const meta: {
         click: () => void;
     }, string, {
         size: "xs" | "small" | "medium" | "large";
-        color: "blue" | "white" | "primary-green" | "gray" | "transparent" | "light-gray";
-        iconName: string | null;
         disabled: boolean;
+        color: "blue" | "gray" | "white" | "primary-green" | "transparent" | "light-gray";
         rounded: boolean;
+        iconName: string | null;
         disabledVariant: "primary" | "secondary";
         href: string;
     }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {

package/dist/components/UiButton/UiButton.vue.d.ts

@@ -1,7 +1,7 @@
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     iconName?: string | null | undefined;
     size?: "xs" | "small" | "medium" | "large" | undefined;
-    color?: "blue" | "white" | "primary-green" | "gray" | "transparent" | "light-gray" | undefined;
+    color?: "blue" | "gray" | "white" | "primary-green" | "transparent" | "light-gray" | undefined;
     disabledVariant?: "primary" | "secondary" | undefined;
     disabled?: boolean | undefined;
     href?: string | undefined;
@@ -19,7 +19,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     iconName?: string | null | undefined;
     size?: "xs" | "small" | "medium" | "large" | undefined;
-    color?: "blue" | "white" | "primary-green" | "gray" | "transparent" | "light-gray" | undefined;
+    color?: "blue" | "gray" | "white" | "primary-green" | "transparent" | "light-gray" | undefined;
     disabledVariant?: "primary" | "secondary" | undefined;
     disabled?: boolean | undefined;
     href?: string | undefined;
@@ -36,10 +36,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     onClick?: (() => any) | undefined;
 }, {
     size: "xs" | "small" | "medium" | "large";
-    color: "blue" | "white" | "primary-green" | "gray" | "transparent" | "light-gray";
-    iconName: string | null;
     disabled: boolean;
+    color: "blue" | "gray" | "white" | "primary-green" | "transparent" | "light-gray";
     rounded: boolean;
+    iconName: string | null;
     disabledVariant: "primary" | "secondary";
     href: string;
 }, {}>, {

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

@@ -7,10 +7,6 @@ declare const meta: {
                 type: import("vue").PropType<"small" | "medium">;
                 default: string;
             };
-            color: {
-                type: import("vue").PropType<"blue" | "gray">;
-                default: string;
-            };
             disabled: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -19,6 +15,10 @@ declare const meta: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            color: {
+                type: import("vue").PropType<"blue" | "gray">;
+                default: string;
+            };
             checked: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -36,10 +36,6 @@ declare const meta: {
                 type: import("vue").PropType<"small" | "medium">;
                 default: string;
             };
-            color: {
-                type: import("vue").PropType<"blue" | "gray">;
-                default: string;
-            };
             disabled: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -48,6 +44,10 @@ declare const meta: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            color: {
+                type: import("vue").PropType<"blue" | "gray">;
+                default: string;
+            };
             checked: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -60,9 +60,9 @@ declare const meta: {
             onChange?: ((...args: any[]) => any) | undefined;
         }, {
             size: "small" | "medium";
-            color: "blue" | "gray";
             disabled: boolean;
             errorMessage: string;
+            color: "blue" | "gray";
             checked: boolean;
             showError: boolean;
         }, true, {}, {}, {
@@ -77,10 +77,6 @@ declare const meta: {
                 type: import("vue").PropType<"small" | "medium">;
                 default: string;
             };
-            color: {
-                type: import("vue").PropType<"blue" | "gray">;
-                default: string;
-            };
             disabled: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -89,6 +85,10 @@ declare const meta: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            color: {
+                type: import("vue").PropType<"blue" | "gray">;
+                default: string;
+            };
             checked: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -101,9 +101,9 @@ declare const meta: {
             onChange?: ((...args: any[]) => any) | undefined;
         }, {}, {}, {}, {}, {
             size: "small" | "medium";
-            color: "blue" | "gray";
             disabled: boolean;
             errorMessage: string;
+            color: "blue" | "gray";
             checked: boolean;
             showError: boolean;
         }>;
@@ -115,10 +115,6 @@ declare const meta: {
             type: import("vue").PropType<"small" | "medium">;
             default: string;
         };
-        color: {
-            type: import("vue").PropType<"blue" | "gray">;
-            default: string;
-        };
         disabled: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -127,6 +123,10 @@ declare const meta: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        color: {
+            type: import("vue").PropType<"blue" | "gray">;
+            default: string;
+        };
         checked: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -141,9 +141,9 @@ declare const meta: {
         change: (...args: any[]) => void;
     }, string, {
         size: "small" | "medium";
-        color: "blue" | "gray";
         disabled: boolean;
         errorMessage: string;
+        color: "blue" | "gray";
         checked: boolean;
         showError: boolean;
     }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {

package/dist/components/UiCheckBox/UiCheckBox.vue.d.ts

@@ -32,9 +32,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     onChange?: ((...args: any[]) => any) | undefined;
 }, {
     size: "small" | "medium";
-    color: "blue" | "gray";
     disabled: boolean;
     errorMessage: string;
+    color: "blue" | "gray";
     checked: boolean;
     showError: boolean;
 }, {}>, {

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

@@ -245,10 +245,6 @@ declare const meta: {
                     type: import("vue").PropType<"small" | "medium" | "large" | "xl">;
                     default: string;
                 };
-                iconName: {
-                    type: import("vue").PropType<string>;
-                    required: true;
-                };
                 title: {
                     type: import("vue").PropType<string>;
                     default: string;
@@ -257,12 +253,16 @@ declare const meta: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                iconName: {
+                    type: import("vue").PropType<string>;
+                    required: true;
+                };
                 backgroundColor: {
-                    type: import("vue").PropType<"blue" | "none" | "gray-hover">;
+                    type: import("vue").PropType<"none" | "blue" | "gray-hover">;
                     default: string;
                 };
                 iconColor: {
-                    type: import("vue").PropType<"blue" | "white" | "gray">;
+                    type: import("vue").PropType<"blue" | "gray" | "white">;
                     default: string;
                 };
             }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -272,10 +272,6 @@ declare const meta: {
                     type: import("vue").PropType<"small" | "medium" | "large" | "xl">;
                     default: string;
                 };
-                iconName: {
-                    type: import("vue").PropType<string>;
-                    required: true;
-                };
                 title: {
                     type: import("vue").PropType<string>;
                     default: string;
@@ -284,12 +280,16 @@ declare const meta: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                iconName: {
+                    type: import("vue").PropType<string>;
+                    required: true;
+                };
                 backgroundColor: {
-                    type: import("vue").PropType<"blue" | "none" | "gray-hover">;
+                    type: import("vue").PropType<"none" | "blue" | "gray-hover">;
                     default: string;
                 };
                 iconColor: {
-                    type: import("vue").PropType<"blue" | "white" | "gray">;
+                    type: import("vue").PropType<"blue" | "gray" | "white">;
                     default: string;
                 };
             }>> & {
@@ -298,8 +298,8 @@ declare const meta: {
                 size: "small" | "medium" | "large" | "xl";
                 title: string;
                 disabled: boolean;
-                backgroundColor: "blue" | "none" | "gray-hover";
-                iconColor: "blue" | "white" | "gray";
+                backgroundColor: "none" | "blue" | "gray-hover";
+                iconColor: "blue" | "gray" | "white";
             }, {}>;
         };
         template: string;