Revue Block: Update Input Placeholders Color and Default Text (#14888)

- Update the Revue block placeholders color in the editor when the field is not being edited in order to make it look more like a placeholder than the value of an input field (which it technically is).
The chosen color is the same used by the Contact Form block for the same purpose.

- Update the Revue block placeholders default texts, removing the unnecessary "(Optional)" text, and making them more similar to the Mailchimp block placeholders.

extensions/blocks/revue/attributes.js

@@ -18,15 +18,15 @@ export default {
 	},
 	emailPlaceholder: {
 		type: 'string',
-		default: __( 'Your email address…', 'jetpack' ),
+		default: __( 'Enter your email address', 'jetpack' ),
 	},
 	firstNameLabel: {
 		type: 'string',
 		default: __( 'First name', 'jetpack' ),
 	},
 	firstNamePlaceholder: {
 		type: 'string',
-		default: __( 'First name… (Optional)', 'jetpack' ),
+		default: __( 'Enter your first name', 'jetpack' ),
 	},
 	firstNameShow: {
 		type: 'boolean',
@@ -38,7 +38,7 @@ export default {
 	},
 	lastNamePlaceholder: {
 		type: 'string',
-		default: __( 'Last name… (Optional)', 'jetpack' ),
+		default: __( 'Enter your last name', 'jetpack' ),
 	},
 	lastNameShow: {
 		type: 'boolean',

extensions/blocks/revue/editor.scss

@@ -2,11 +2,16 @@
 	.components-base-control {
 		margin-bottom: 16px;
 	}
+
 	.components-base-control__label {
 		display: block;
 	}
 
 	.components-placeholder__learn-more {
 		margin-top: 1em;
 	}
+
+	.components-text-control__input {
+		color: #72777c;
+	}
 }

extensions/blocks/revue/revue.php

@@ -215,12 +215,12 @@ function jetpack_get_revue_attribute( $attribute, $attributes ) {
 	$default_attributes = array(
 		'text'                 => __( 'Subscribe', 'jetpack' ),
 		'emailLabel'           => __( 'Email address', 'jetpack' ),
-		'emailPlaceholder'     => __( 'Your email address…', 'jetpack' ),
+		'emailPlaceholder'     => __( 'Enter your email address', 'jetpack' ),
 		'firstNameLabel'       => __( 'First name', 'jetpack' ),
-		'firstNamePlaceholder' => __( 'First name… (Optional)', 'jetpack' ),
+		'firstNamePlaceholder' => __( 'Enter your first name', 'jetpack' ),
 		'firstNameShow'        => true,
 		'lastNameLabel'        => __( 'Last name', 'jetpack' ),
-		'lastNamePlaceholder'  => __( 'Last name… (Optional)', 'jetpack' ),
+		'lastNamePlaceholder'  => __( 'Enter your last name', 'jetpack' ),
 		'lastNameShow'         => true,
 	);