fix: button border css

development/issues/closed/283.html

@@ -15,10 +15,10 @@
     </ul>
     <main>
 
-        <monster-confirm-button>
+        <monster-message-state-button>
 
             <div slot="button">button</div>
-            this is a button222</monster-confirm-button>
+            this is a button222</monster-message-state-button>
 
     </main>
 </body>

development/issues/closed/283.mjs

@@ -12,4 +12,4 @@ import "../../../source/components/style/color.pcss";
 import "../../../source/components/style/theme.pcss";
 import "../../../source/components/style/typography.pcss";
 
-import "../../../source/components/form/confirm-button.mjs";
+import "../../../source/components/form/message-state-button.mjs";

source/components/form/action-button.mjs

@@ -89,9 +89,6 @@ class ActionButton extends PopperButton {
 			labels: {
 				button: "<slot></slot>",
 			},
-			classes: {
-				button: "monster-button-primary",
-			},
 			buttons: [],
 		});
 	}

source/components/form/message-state-button.mjs

@@ -120,7 +120,7 @@ class MessageStateButton extends Popper {
 				button: "<slot></slot>",
 			},
 			classes: {
-				button: "monster-button-primary",
+				button: "monster-button-outline-primary",
 			},
 			actions: {
 				click: (e) => {},

source/components/form/popper-button.mjs

@@ -136,7 +136,7 @@ class PopperButton extends Popper {
 				},
 			},
 			classes: {
-				button: "monster-button",
+				button: "monster-button-outline-primary",
 			},
 			labels: {
 				button: '<slot name="button"></slot>',