Editor: Update of npm packages after 6.4 RC3.

This update includes the following fixes reported after RC3: * Regression: [WordPress/gutenberg#55858 Fixes patterns not working anymore as a post template for custom post types]. Scenario: When creating a new post for any custom post type registered with its "template" argument set to a pattern. For this scenario, the pattern template no longer renders in the post editor or the frontend with 6.4, whereas it did render properly in 6.3.2. This package update resolves the console error raised: {{{ Uncaught TypeError: select(...).getCurrentTheme() is undefined }}} which restores the rendering of the pattern template. * Regression: [WordPress/gutenberg#55859 Fixes positioning and styles for the new lightbox's trigger] introduced in 6.4. Follow up to [57048], [57034], [56987], [56961], [56849], [56818], [56816]. Props renathoc, rajinsharwar, richtabor, joen, mikachan, hellofromTonya. Fixes #59411. Built from https://develop.svn.wordpress.org/trunk@57063 git-svn-id: http://core.svn.wordpress.org/trunk@56574 1a063a9b-81f0-0310-95a4-ce76da25c4cd
markjaquith · Nov 5, 2023 · a95a0b3 · a95a0b3
1 parent 71dbb8f
commit a95a0b3
Show file tree

Hide file tree

Showing 24 changed files with 177 additions and 151 deletions.
diff --git a/wp-includes/assets/script-loader-packages.min.php b/wp-includes/assets/script-loader-packages.min.php
diff --git a/wp-includes/assets/script-loader-packages.php b/wp-includes/assets/script-loader-packages.php
diff --git a/wp-includes/blocks/image.php b/wp-includes/blocks/image.php
@@ -242,10 +242,9 @@ class="lightbox-trigger"
 			data-wp-on--click="actions.core.image.showLightbox"
 			data-wp-style--right="context.core.image.imageButtonRight"
 			data-wp-style--top="context.core.image.imageButtonTop"
-			style="background: #000"
 		>
-			<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false">
-				<Path stroke="#FFFFFF" d="M6 4a2 2 0 0 0-2 2v3h1.5V6a.5.5 0 0 1 .5-.5h3V4H6Zm3 14.5H6a.5.5 0 0 1-.5-.5v-3H4v3a2 2 0 0 0 2 2h3v-1.5Zm6 1.5v-1.5h3a.5.5 0 0 0 .5-.5v-3H20v3a2 2 0 0 1-2 2h-3Zm3-16a2 2 0 0 1 2 2v3h-1.5V6a.5.5 0 0 0-.5-.5h-3V4h3Z" />
+			<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
+				<path fill="#fff" d="M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z" />
 			</svg>
 		</button>';
 
@@ -303,7 +302,7 @@ class="lightbox-trigger"
 		}
 	}
 
-	$close_button_icon  = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="15" height="15" aria-hidden="true" focusable="false"><path d="M13 11.8l6.1-6.3-1-1-6.1 6.2-6.1-6.2-1 1 6.1 6.3-6.5 6.7 1 1 6.5-6.6 6.5 6.6 1-1z"></path></svg>';
+	$close_button_icon  = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" focusable="false"><path d="M13 11.8l6.1-6.3-1-1-6.1 6.2-6.1-6.2-1 1 6.1 6.3-6.5 6.7 1 1 6.5-6.6 6.5 6.6 1-1z"></path></svg>';
 	$close_button_label = esc_attr__( 'Close' );
 
 	$lightbox_html = <<<HTML

diff --git a/wp-includes/blocks/image/style-rtl.css b/wp-includes/blocks/image/style-rtl.css
@@ -104,24 +104,30 @@
   opacity:1;
 }
 .wp-lightbox-container button{
-  background:#000;
+  align-items:center;
+  -webkit-backdrop-filter:blur(16px) saturate(180%);
+          backdrop-filter:blur(16px) saturate(180%);
+  background-color:rgba(90,90,90,.25);
   border:none;
-  border-radius:10%;
+  border-radius:4px;
   cursor:zoom-in;
-  height:24px;
-  left:10px;
+  display:flex;
+  height:20px;
+  justify-content:center;
+  left:16px;
   opacity:0;
   padding:0;
   position:absolute;
   text-align:center;
-  top:10px;
-  width:24px;
+  top:16px;
+  transition:opacity .2s ease;
+  width:20px;
   z-index:100;
 }
 .wp-lightbox-container button:focus-visible{
-  outline:5px auto #212121;
-  outline:5px auto -webkit-focus-ring-color;
-  outline-offset:5px;
+  outline:3px auto rgba(90,90,90,.25);
+  outline:3px auto -webkit-focus-ring-color;
+  outline-offset:3px;
 }
 .wp-lightbox-container button:hover{
   cursor:pointer;
@@ -131,7 +137,7 @@
   opacity:1;
 }
 .wp-lightbox-container button:focus,.wp-lightbox-container button:hover,.wp-lightbox-container button:not(:hover):not(:active):not(.has-background){
-  background:#000;
+  background-color:rgba(90,90,90,.25);
   border:none;
 }
 

diff --git a/wp-includes/blocks/image/style-rtl.min.css b/wp-includes/blocks/image/style-rtl.min.css
diff --git a/wp-includes/blocks/image/style.css b/wp-includes/blocks/image/style.css
@@ -104,24 +104,30 @@
   opacity:1;
 }
 .wp-lightbox-container button{
-  background:#000;
+  align-items:center;
+  -webkit-backdrop-filter:blur(16px) saturate(180%);
+          backdrop-filter:blur(16px) saturate(180%);
+  background-color:rgba(90,90,90,.25);
   border:none;
-  border-radius:10%;
+  border-radius:4px;
   cursor:zoom-in;
-  height:24px;
+  display:flex;
+  height:20px;
+  justify-content:center;
   opacity:0;
   padding:0;
   position:absolute;
-  right:10px;
+  right:16px;
   text-align:center;
-  top:10px;
-  width:24px;
+  top:16px;
+  transition:opacity .2s ease;
+  width:20px;
   z-index:100;
 }
 .wp-lightbox-container button:focus-visible{
-  outline:5px auto #212121;
-  outline:5px auto -webkit-focus-ring-color;
-  outline-offset:5px;
+  outline:3px auto rgba(90,90,90,.25);
+  outline:3px auto -webkit-focus-ring-color;
+  outline-offset:3px;
 }
 .wp-lightbox-container button:hover{
   cursor:pointer;
@@ -131,7 +137,7 @@
   opacity:1;
 }
 .wp-lightbox-container button:focus,.wp-lightbox-container button:hover,.wp-lightbox-container button:not(:hover):not(:active):not(.has-background){
-  background:#000;
+  background-color:rgba(90,90,90,.25);
   border:none;
 }