Prefix with jetpack-

Automattic · Jul 2, 2019 · 4d6617b · 4d6617b
1 parent 1157ae6
commit 4d6617b
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 15 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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;
 }