chore(release): merge in release v6.42.0

Author: matticbot

CHANGELOG.md

@@ -1,3 +1,10 @@
+## [6.42.1](https://github.com/Automattic/newspack-plugin/compare/v6.42.0...v6.42.1) (2026-06-02)
+
+
+### Bug Fixes
+
+* prevent content-gate editor.scss styles from getting chunked into the common.css file ([#4716](https://github.com/Automattic/newspack-plugin/issues/4716)) ([4d4c557](https://github.com/Automattic/newspack-plugin/commit/4d4c5572fb32a73b54c76e916273acc695f00163))
+
 # [6.42.0](https://github.com/Automattic/newspack-plugin/compare/v6.41.3...v6.42.0) (2026-06-01)
 
 

includes/content-gate/class-block-visibility.php

@@ -186,6 +186,13 @@ public static function enqueue_block_editor_assets() {
 			true
 		);
 
+		wp_enqueue_style(
+			'newspack-content-gate-block-visibility',
+			Newspack::plugin_url() . '/dist/content-gate-block-visibility.css',
+			[],
+			$asset['version']
+		);
+
 		wp_localize_script(
 			'newspack-content-gate-block-visibility',
 			'newspackBlockVisibility',

newspack.php

@@ -2,7 +2,7 @@
 /**
  * Plugin Name: Newspack
  * Description: An advanced open-source publishing and revenue-generating platform for news organizations.
- * Version: 6.42.0
+ * Version: 6.42.1
  * Author: Automattic
  * Author URI: https://newspack.com/
  * License: GPL2
@@ -14,7 +14,7 @@
 
 defined( 'ABSPATH' ) || exit;
 
-define( 'NEWSPACK_PLUGIN_VERSION', '6.42.0' );
+define( 'NEWSPACK_PLUGIN_VERSION', '6.42.1' );
 
 // Path to the main Newspack plugin file.
 if ( ! defined( 'NEWSPACK_PLUGIN_FILE' ) ) {

package-lock.json

@@ -1,6 +1,6 @@
 {
 	"name": "newspack",
-	"version": "6.42.0",
+	"version": "6.42.1",
 	"description": "The Newspack plugin. https://newspack.com",
 	"bugs": {
 		"url": "https://github.com/Automattic/newspack-plugin/issues"

package.json

@@ -0,0 +1,24 @@
+@use "~@wordpress/base-styles/variables" as wp-vars;
+
+.newspack-access-control-block-visibility-panel {
+	.components-base-control,
+	.components-form-token-field {
+		width: 100%;
+	}
+	// Gutenberg's `.block-editor-block-inspector p:not(.components-base-control__help)` rule
+	// strips the emotion margin-top on FormTokenField's help text. Nested here to bump
+	// specificity above Gutenberg's and restore the gap.
+	.components-form-token-field .components-form-token-field__help {
+		margin-top: wp-vars.$grid-unit-10;
+	}
+	.components-toggle-control {
+		margin-top: wp-vars.$grid-unit-10;
+		width: 100%;
+		.components-base-control__field {
+			margin-bottom: wp-vars.$grid-unit-05;
+		}
+		.components-base-control__help {
+			margin-top: 0;
+		}
+	}
+}

src/content-gate/editor/block-visibility.scss

@@ -22,7 +22,7 @@ import { __, sprintf } from '@wordpress/i18n';
 /**
  * Internal dependencies
  */
-import './editor.scss';
+import './block-visibility.scss';
 
 /**
  * Target block types that receive access control attributes.

src/content-gate/editor/block-visibility.tsx

@@ -66,7 +66,11 @@ function GateEdit() {
 					<p>{ __( "Newspack Campaign prompts won't be displayed when rendering gated content.", 'newspack-plugin' ) }</p>
 				</PluginPostStatusInfo>
 			) }
-			<PluginDocumentSettingPanel name="content-gate-styles-panel" title={ __( 'Styles', 'newspack-plugin' ) }>
+			<PluginDocumentSettingPanel
+				name="content-gate-styles-panel"
+				className="newspack-content-gate-panel"
+				title={ __( 'Styles', 'newspack-plugin' ) }
+			>
 				<div className="newspack-content-gate-style-selector">
 					{ styles.map( style => (
 						<Button
@@ -111,7 +115,11 @@ function GateEdit() {
 					</Fragment>
 				) }
 			</PluginDocumentSettingPanel>
-			<PluginDocumentSettingPanel name="content-gate-settings-panel" title={ __( 'Settings', 'newspack-plugin' ) }>
+			<PluginDocumentSettingPanel
+				name="content-gate-settings-panel"
+				className="newspack-content-gate-panel"
+				title={ __( 'Settings', 'newspack-plugin' ) }
+			>
 				<TextControl
 					type="number"
 					min="0"

src/content-gate/editor/editor.js

@@ -6,8 +6,8 @@
 	display: none;
 }
 
-.components-base-control {
-	margin-bottom: 16px;
+.newspack-content-gate-panel .components-base-control {
+	margin-bottom: wp-vars.$grid-unit-20;
 	&:last-child {
 		margin-bottom: 0;
 	}
@@ -58,28 +58,3 @@
 	display: none;
 }
 
-/**
- * Access control block visibility panel.
- */
-.newspack-access-control-block-visibility-panel {
-	.components-base-control,
-	.components-form-token-field {
-		width: 100%;
-	}
-	// Gutenberg's `.block-editor-block-inspector p:not(.components-base-control__help)` rule
-	// strips the emotion margin-top on FormTokenField's help text. Nested here to bump
-	// specificity above Gutenberg's and restore the gap.
-	.components-form-token-field .components-form-token-field__help {
-		margin-top: wp-vars.$grid-unit-10;
-	}
-	.components-toggle-control {
-		margin-top: wp-vars.$grid-unit-10;
-		width: 100%;
-		.components-base-control__field {
-			margin-bottom: wp-vars.$grid-unit-05;
-		}
-		.components-base-control__help {
-			margin-top: 0;
-		}
-	}
-}

src/content-gate/editor/editor.scss

@@ -16,7 +16,11 @@ function MeteringSettings() {
 	} );
 	const { editPost } = useDispatch( 'core/editor' );
 	return (
-		<PluginDocumentSettingPanel name="content-gate-metering-panel" title={ __( 'Metering', 'newspack-plugin' ) }>
+		<PluginDocumentSettingPanel
+			name="content-gate-metering-panel"
+			className="newspack-content-gate-panel"
+			title={ __( 'Metering', 'newspack-plugin' ) }
+		>
 			<CheckboxControl
 				label={ __( 'Enable metering', 'newspack-plugin' ) }
 				checked={ meta.metering }