From 9bed5142e17d66e372525c036fbaded65278b198 Mon Sep 17 00:00:00 2001
From: Ari Stathopoulos <aristath@gmail.com>
Date: Tue, 27 Apr 2021 15:04:44 +0300
Subject: [PATCH 1/3] generate separate stylesheets

---
 bin/packages/build.js |  1 +
 webpack.config.js     | 16 ++++++++++++++++
 2 files changed, 17 insertions(+)

diff --git a/bin/packages/build.js b/bin/packages/build.js
index bd6fd25ca25b16..461b4ae6ad365f 100755
--- a/bin/packages/build.js
+++ b/bin/packages/build.js
@@ -213,6 +213,7 @@ if ( files.length ) {
 			`${ PACKAGES_DIR }/*/src/*.scss`,
 			`${ PACKAGES_DIR }/block-library/src/**/*.js`,
 			`${ PACKAGES_DIR }/block-library/src/*/style.scss`,
+			`${ PACKAGES_DIR }/block-library/src/*/theme.scss`,
 			`${ PACKAGES_DIR }/block-library/src/*/editor.scss`,
 			`${ PACKAGES_DIR }/block-library/src/*.scss`,
 		],
diff --git a/webpack.config.js b/webpack.config.js
index af7269181c007e..dd928625f136a8 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -238,6 +238,22 @@ module.exports = {
 				to: 'build/block-library/blocks/[1]/editor-rtl.css',
 				transform: stylesTransform,
 			},
+			{
+				from: './packages/block-library/build-style/*/theme.css',
+				test: new RegExp(
+					`([\\w-]+)${ escapeRegExp( sep ) }theme\\.css$`
+				),
+				to: 'build/block-library/blocks/[1]/theme.css',
+				transform: stylesTransform,
+			},
+			{
+				from: './packages/block-library/build-style/*/theme-rtl.css',
+				test: new RegExp(
+					`([\\w-]+)${ escapeRegExp( sep ) }theme-rtl\\.css$`
+				),
+				to: 'build/block-library/blocks/[1]/theme-rtl.css',
+				transform: stylesTransform,
+			},
 		] ),
 		new CopyWebpackPlugin(
 			Object.entries( {

From 2e4a17a102900554cd5140b46a4b4a220248f82b Mon Sep 17 00:00:00 2001
From: Ari Stathopoulos <aristath@gmail.com>
Date: Tue, 27 Apr 2021 15:42:16 +0300
Subject: [PATCH 2/3] WIP

---
 lib/blocks.php | 44 ++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 44 insertions(+)

diff --git a/lib/blocks.php b/lib/blocks.php
index e04842e8a9445f..608a1c4e6aadd7 100644
--- a/lib/blocks.php
+++ b/lib/blocks.php
@@ -203,6 +203,50 @@ function gutenberg_register_core_block_styles( $block_name ) {
 		wp_register_style( "wp-block-{$block_name}", false );
 	}
 
+	// If the current theme supports wp-block-styles, dequeue the full stylesheet
+	// and instead attach each block's theme-styles to their block styles stylesheet.
+	if ( current_theme_supports( 'wp-block-styles' ) ) {
+
+		// Dequeue the full stylesheet.
+		// Make sure this only runs once, it doesn't need to run for every block.
+		static $stylesheet_removed;
+		if ( ! $stylesheet_removed ) {
+			add_action(
+				'wp_enqueue_scripts',
+				function() {
+					wp_dequeue_style( 'wp-block-library-theme' );
+				}
+			);
+			$stylesheet_removed = true;
+		}
+
+		// Get the path to the block's stylesheet.
+		$theme_style_path = is_rtl()
+			? "build/block-library/blocks/$block_name/theme-rtl.css"
+			: "build/block-library/blocks/$block_name/theme.css";
+
+		// If the file exists, enqueue it.
+		if ( file_exists( gutenberg_dir_path() . $theme_style_path ) ) {
+
+			if ( file_exists( gutenberg_dir_path() . $style_path ) ) {
+				// If there is a main stylesheet for this block, append the theme styles to main styles.
+				wp_add_inline_style(
+					"wp-block-{$block_name}",
+					file_get_contents( gutenberg_dir_path() . $theme_style_path )
+				);
+			} else {
+				// If there is no main stylesheet for this block, register theme style.
+				wp_register_style(
+					"wp-block-{$block_name}",
+					gutenberg_url( $theme_style_path ),
+					array(),
+					filemtime( gutenberg_dir_path() . $theme_style_path )
+				);
+				wp_style_add_data( "wp-block-{$block_name}", 'path', gutenberg_dir_path() . $theme_style_path );
+			}
+		}
+	}
+
 	if ( file_exists( gutenberg_dir_path() . $editor_style_path ) ) {
 		wp_deregister_style( "wp-block-{$block_name}-editor" );
 		wp_register_style(

From 9cb4178e877c1a72157adf919c6f3abb5f25e0f9 Mon Sep 17 00:00:00 2001
From: Ari Stathopoulos <aristath@gmail.com>
Date: Wed, 28 Apr 2021 13:57:51 +0300
Subject: [PATCH 3/3] Update after #31274

---
 bin/packages/build.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/bin/packages/build.js b/bin/packages/build.js
index 461b4ae6ad365f..eff2fcd732020b 100755
--- a/bin/packages/build.js
+++ b/bin/packages/build.js
@@ -122,7 +122,7 @@ function createStyleEntryTransform() {
 			// block-library package also need rebuilding.
 			if (
 				packageName === 'block-library' &&
-				[ 'style.scss', 'editor.scss' ].includes(
+				[ 'style.scss', 'editor.scss', 'theme.scss' ].includes(
 					path.basename( file )
 				)
 			) {