From 4d6617bfd48682f884a8eaee16424be9c443ed96 Mon Sep 17 00:00:00 2001
From: Bernie Reiter <ockham@raz.or.at>
Date: Tue, 2 Jul 2019 17:19:29 +0600
Subject: [PATCH] Prefix with jetpack-

---
 extensions/shared/upgrade-nudge/index.jsx    | 12 ++++++------
 extensions/shared/upgrade-nudge/style.scss   | 10 +++++-----
 extensions/shared/wrap-paid-block/index.jsx  |  4 ++--
 extensions/shared/wrap-paid-block/style.scss |  4 ++--
 4 files changed, 15 insertions(+), 15 deletions(-)

diff --git a/extensions/shared/upgrade-nudge/index.jsx b/extensions/shared/upgrade-nudge/index.jsx
index b713f9370f862..b88b97cdc7b5f 100644
--- a/extensions/shared/upgrade-nudge/index.jsx
+++ b/extensions/shared/upgrade-nudge/index.jsx
@@ -17,20 +17,20 @@ import './store';
 import './style.scss';
 
 const UpgradeNudge = ( { feature, plan, planName } ) => (
-	<div className="upgrade-nudge">
-		<Gridicon className="upgrade-nudge__icon" icon="star" size={ 18 } />
-		<div className="upgrade-nudge__info">
-			<span className="upgrade-nudge__title">
+	<div className="jetpack-upgrade-nudge">
+		<Gridicon className="jetpack-upgrade-nudge__icon" icon="star" size={ 18 } />
+		<div className="jetpack-upgrade-nudge__info">
+			<span className="jetpack-upgrade-nudge__title">
 				{ sprintf( __( 'Upgrade to %(planName)s', 'jetpack' ), {
 					planName,
 				} ) }
 			</span>
-			<span className="upgrade-nudge__message">
+			<span className="jetpack-upgrade-nudge__message">
 				{ __( 'To make this block visible on your site', 'jetpack' ) }
 			</span>
 		</div>
 		<Button
-			className="upgrade-nudge__button"
+			className="jetpack-upgrade-nudge__button"
 			href={ addQueryArgs( `https://wordpress.com/plans/${ getSiteFragment() }`, {
 				feature,
 				plan,
diff --git a/extensions/shared/upgrade-nudge/style.scss b/extensions/shared/upgrade-nudge/style.scss
index 2a1ea43199fd2..68839f1ec771c 100644
--- a/extensions/shared/upgrade-nudge/style.scss
+++ b/extensions/shared/upgrade-nudge/style.scss
@@ -1,4 +1,4 @@
-.upgrade-nudge {
+.jetpack-upgrade-nudge {
 	border-left: 3px solid var( --color-plan-premium );
 	box-shadow: 0 0 0 1px var( --color-border-subtle );
 	display: flex;
@@ -8,7 +8,7 @@
 	width: 100%;
 }
 
-.upgrade-nudge__icon {
+.jetpack-upgrade-nudge__icon {
 	background: var( --color-plan-premium );
 	border-radius: 50%;
 	box-sizing: content-box;
@@ -20,16 +20,16 @@
 	fill: var( --color-white );
 }
 
-.upgrade-nudge__title {
+.jetpack-upgrade-nudge__title {
 	font-size: 14px;
 }
 
-.upgrade-nudge__message {
+.jetpack-upgrade-nudge__message {
 	color: var( --color-text-subtle );
 	font-size: 12px;
 	display: block;
 }
 
-.upgrade-nudge__button {
+.jetpack-upgrade-nudge__button {
 	margin-left: auto;
 }
diff --git a/extensions/shared/wrap-paid-block/index.jsx b/extensions/shared/wrap-paid-block/index.jsx
index d0d0d518facec..25294b362a789 100644
--- a/extensions/shared/wrap-paid-block/index.jsx
+++ b/extensions/shared/wrap-paid-block/index.jsx
@@ -15,9 +15,9 @@ export default ( { feature, requiredPlan } ) =>
 	createHigherOrderComponent(
 		WrappedComponent => props => (
 			// Wraps the input component in a container, without mutating it. Good!
-			<div className="paid-block__wrapper">
+			<div className="jetpack-paid-block__wrapper">
 				<UpgradeNudge feature={ feature } plan={ requiredPlan } />
-				<div className="paid-block__disabled">
+				<div className="jetpack-paid-block__disabled">
 					<WrappedComponent { ...props } />
 				</div>
 			</div>
diff --git a/extensions/shared/wrap-paid-block/style.scss b/extensions/shared/wrap-paid-block/style.scss
index a91a65a636b45..ceb5428beb9d9 100644
--- a/extensions/shared/wrap-paid-block/style.scss
+++ b/extensions/shared/wrap-paid-block/style.scss
@@ -1,8 +1,8 @@
-.paid-block__wrapper {
+.jetpack-paid-block__wrapper {
 	border: 1px solid var( --color-border-subtle );
 }
 
-.paid-block__disabled {
+.jetpack-paid-block__disabled {
 	opacity: 0.5;
 	padding: 10px;
 }