Notice block: Add "success" display type

WordPress · Sep 2, 2024 · 38bf9c2 · 38bf9c2
1 parent 7a999b5
commit 38bf9c2
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 2 deletions.
diff --git a/mu-plugins/blocks/notice/postcss/style.pcss b/mu-plugins/blocks/notice/postcss/style.pcss
@@ -21,6 +21,7 @@
 	color: var(--wp--custom--wporg-notice--color--text);
 	background-color: var(--wp--custom--wporg-notice--color--background);
 	border-radius: 2px;
+	font-size: var(--wp--preset--font-size--small);
 
 	& > * {
 		align-self: start;
@@ -59,6 +60,10 @@
 	margin-top: 1px;
 }
 
+.is-success-notice .wp-block-wporg-notice__icon {
+	background-image: url(../src/icon/library/success.svg);
+}
+
 .is-info-notice .wp-block-wporg-notice__icon {
 	background-image: url(../src/icon/library/info.svg);
 }
@@ -73,5 +78,4 @@
 
 .wp-block-wporg-notice__content {
 	align-self: center;
-	font-size: var(--wp--preset--font-size--small);
 }
diff --git a/mu-plugins/blocks/notice/src/block.json b/mu-plugins/blocks/notice/src/block.json
@@ -29,7 +29,7 @@
 		"type": {
 			"type": "string",
 			"default": "tip",
-			"enum": [ "alert", "info", "warning", "tip" ]
+			"enum": [ "alert", "info", "warning", "tip", "success" ]
 		}
 	},
 	"example": {

diff --git a/mu-plugins/blocks/notice/src/edit.js b/mu-plugins/blocks/notice/src/edit.js
@@ -12,6 +12,7 @@ import Icon from './icon';
 
 export const typeOptions = [
 	{ label: __( 'Tip', 'wporg' ), value: 'tip' },
+	{ label: __( 'Success', 'wporg' ), value: 'success' },
 	{ label: __( 'Information', 'wporg' ), value: 'info' },
 	{ label: __( 'Alert', 'wporg' ), value: 'alert' },
 	{ label: __( 'Warning', 'wporg' ), value: 'warning' },

diff --git a/mu-plugins/blocks/notice/src/icon/library/success.svg b/mu-plugins/blocks/notice/src/icon/library/success.svg