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]. Reviewed by jorbin. Merges [57063] to the 6.4 branch. Props renathoc, rajinsharwar, richtabor, joen, mikachan, hellofromTonya. Fixes #59411. Built from https://develop.svn.wordpress.org/branches/6.4@57064 git-svn-id: http://core.svn.wordpress.org/branches/6.4@56575 1a063a9b-81f0-0310-95a4-ce76da25c4cd
markjaquith · Nov 5, 2023 · ea9a29e · ea9a29e
1 parent f4e957b
commit ea9a29e
Show file tree

Hide file tree

Showing 22 changed files with 163 additions and 137 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;
 }