Merge pull request #2488 from Automattic/alpha

Release Jun 05

Author: miguelpeixe

CHANGELOG.md

@@ -1,3 +1,17 @@
+# [1.116.0-alpha.3](https://github.com/Automattic/newspack-plugin/compare/v1.116.0-alpha.2...v1.116.0-alpha.3) (2023-05-29)
+
+
+### Features
+
+* **content-gate:** updated block patterns ([#2474](https://github.com/Automattic/newspack-plugin/issues/2474)) ([161f935](https://github.com/Automattic/newspack-plugin/commit/161f935368be4305dba28631fd9142c3c84f6758))
+
+# [1.116.0-alpha.2](https://github.com/Automattic/newspack-plugin/compare/v1.116.0-alpha.1...v1.116.0-alpha.2) (2023-05-26)
+
+
+### Bug Fixes
+
+* **performance:** exclude main jetpack css from delay ([4e7aa5e](https://github.com/Automattic/newspack-plugin/commit/4e7aa5e8a076bb37d5378a007c83c5f26c22f7e9))
+
 ## [1.115.1](https://github.com/Automattic/newspack-plugin/compare/v1.115.0...v1.115.1) (2023-05-26)
 
 

assets/components/src/action-card/style.scss

@@ -209,13 +209,10 @@
 			border-left-width: 1px;
 			border-bottom-width: 1px;
 			border-radius: 0 0 0 2px;
-			bottom: 50%;
 			content: '';
 			display: block;
-			left: -28px;
 			position: absolute;
-			right: 100%;
-			top: -17px;
+			inset: -17px 100% 50% -28px;
 		}
 	}
 

assets/components/src/autocomplete-with-suggestions/style.scss

@@ -56,6 +56,7 @@
 
 	.newspack-autocomplete-tokenfield__help {
 		font-size: inherit;
+		margin-bottom: 8px !important;
 	}
 
 	.components-form-token-field {

assets/components/src/handoff-message/index.js

@@ -23,7 +23,16 @@ export default function HandoffMessage() {
 			} else {
 				setHandoffMessage( false );
 			}
+
+			// Clean up the notification if navigating away from the relevant page.
+			if ( handoff?.url && -1 === window.location.href.indexOf( handoff.url ) ) {
+				window.localStorage.removeItem( HANDOFF_KEY );
+				setHandoffMessage( false );
+			}
 		}, 100 );
+
+		// Clean up the notification when unmounting.
+		return () => window.localStorage.removeItem( HANDOFF_KEY );
 	}, [] );
 	if ( ! handoffMessage ) return null;
 	return <Notice isHandoff isDismissible={ false } rawHTML noticeText={ handoffMessage } />;

assets/components/src/image-upload/style.scss

@@ -51,12 +51,9 @@
 			&::after {
 				border: 1px solid rgba( black, 0.54 );
 				border-radius: 2px;
-				bottom: 0;
 				content: '';
-				left: 0;
+				inset: 0;
 				position: absolute;
-				right: 0;
-				top: 0;
 				z-index: 0;
 			}
 			button,

assets/components/src/style-card/style.scss

@@ -62,16 +62,13 @@
 	&__actions {
 		align-items: center;
 		background: rgba( white, 0.9 );
-		bottom: 0;
 		display: flex;
 		flex-direction: column;
 		justify-content: center;
-		left: 0;
+		inset: 0;
 		opacity: 0;
 		padding: 16px;
 		position: absolute;
-		right: 0;
-		top: 0;
 		transition: opacity 125ms ease-in-out;
 
 		&:empty {

assets/components/src/with-wizard-screen/style.scss

@@ -110,13 +110,10 @@
 				&::before {
 					border: 2px solid white;
 					border-radius: 2px;
-					bottom: 5px;
 					content: '';
 					display: block;
-					left: 6px;
+					inset: 6px 6px 5px;
 					position: absolute;
-					right: 6px;
-					top: 6px;
 				}
 			}
 		}

assets/components/src/with-wizard/style.scss

@@ -76,12 +76,9 @@ svg {
 
 .newspack-wizard__is-loading {
 	background: white;
-	bottom: 0;
 	cursor: wait;
-	left: 0;
+	inset: 0;
 	position: absolute;
-	right: 0;
-	top: 0;
 
 	> * {
 		display: none !important;

assets/memberships-gate/block-patterns.js

@@ -0,0 +1 @@
+import './block-patterns.scss';

assets/memberships-gate/block-patterns.scss

@@ -0,0 +1,93 @@
+.editor-styles-wrapper .newspack-content-gate,
+.newspack-content-gate {
+	/**
+	 * Apply RAS CTA color to outline button.
+	 */
+	.is-style-outline,
+	.is-style-outline .wp-block-button__link:not( .has-text-color ) {
+		color: #cc1818;
+		border-color: #cc1818;
+	}
+	/**
+	 * Feature list.
+	 */
+	.newspack-feature-list {
+		list-style: none;
+		padding-left: 0;
+		li {
+			position: relative;
+			padding-left: 24px;
+			&::before {
+				content: '';
+				position: absolute;
+				left: 0;
+				top: 5px;
+				width: 12px;
+				height: 12px;
+				background: url( "data:image/svg+xml;utf8,<?xml version='1.0' encoding='utf-8'?><svg width='12' height='12' viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'><path d='M10.7 0.599976L4.39995 9.09998L1.09995 6.59998L0.199951 7.79998L4.69995 11.2L11.9 1.49998L10.7 0.599976Z'/></svg>" )
+					no-repeat;
+				background-position: center;
+			}
+		}
+	}
+	/**
+	 * Logged-out only content.
+	 */
+	.logged-in & {
+		.newspack-sign-in {
+			display: none;
+		}
+	}
+	/**
+	 * Donate block tweaks.
+	 */
+	.wpbnbd--tiers-based {
+		&.is-style-minimal form:not( [data-is-streamlined-form] ) {
+			text-align: left;
+		}
+		&.is-style-minimal:not( .wpbnbd--platform-stripe ) button[type='submit'] {
+			margin: 0;
+			width: 100%;
+		}
+		.wpbnbd {
+			&__tiers {
+				&__options {
+					background: rgb( 238, 238, 238 );
+					margin: 0;
+					padding: 10px;
+				}
+				&__tier {
+					background: transparent;
+					border: 0;
+					position: relative;
+					&:not( :last-child )::after {
+						@media only screen and ( min-width: 782px ) {
+							content: '';
+							position: absolute;
+							border-right: 1px solid #ccc;
+							bottom: 19px;
+							top: 19px;
+							right: -10px;
+						}
+					}
+				}
+			}
+		}
+	}
+
+	/**
+	 * Reader Registration block.
+	 */
+	.newspack-registration {
+		&__have-account {
+			display: none;
+		}
+		.newspack-reader__lists {
+			font-size: 16px;
+			background: rgb( 238, 238, 238 );
+			border: 0;
+			padding-left: 1em;
+			padding-right: 1em;
+		}
+	}
+}