@wordpress/edit-post 8.50.0 → 8.51.0

package/build-style/style-rtl.css

@@ -67,6 +67,12 @@
 /**
  * Focus styles.
  */
+/**
+ * Standard focus rings for the WordPress Design System.
+ *
+ * Apply `outset-ring__focus` inside the relevant pseudo-class at the call site,
+ * e.g. `&:focus { @include outset-ring__focus(); }`.
+ */
 /**
  * Applies editor left position to the selector passed as argument
  */
@@ -106,100 +112,6 @@
   }
 }
 
-.edit-post-fullscreen-mode-close__view-mode-toggle {
-  top: 0;
-  right: 0;
-  height: 64px;
-  width: 64px;
-  z-index: 100;
-}
-.edit-post-fullscreen-mode-close__view-mode-toggle .components-button {
-  color: #fff;
-  height: 100%;
-  width: 100%;
-  border-radius: 0;
-  overflow: hidden;
-  padding: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.edit-post-fullscreen-mode-close__view-mode-toggle .components-button:hover, .edit-post-fullscreen-mode-close__view-mode-toggle .components-button:active {
-  color: #fff;
-}
-.edit-post-fullscreen-mode-close__view-mode-toggle .components-button:focus {
-  box-shadow: none;
-}
-.edit-post-fullscreen-mode-close__view-mode-toggle .edit-post-fullscreen-mode-close__view-mode-toggle-icon svg,
-.edit-post-fullscreen-mode-close__view-mode-toggle .edit-post-fullscreen-mode-close__view-mode-toggle-icon img {
-  background: #1e1e1e;
-  display: block;
-}
-
-.edit-post-fullscreen-mode-close-site-icon__icon {
-  fill: currentColor;
-  width: 100%;
-  height: 100%;
-  padding: 12px;
-}
-
-.edit-post-fullscreen-mode-close-site-icon__image {
-  width: 100%;
-  height: 100%;
-  -o-object-fit: cover;
-     object-fit: cover;
-  background: #333;
-  aspect-ratio: 1/1;
-}
-
-.edit-post-fullscreen-mode-close.components-button:focus {
-  position: relative;
-}
-.edit-post-fullscreen-mode-close.components-button:focus::before {
-  content: "";
-  display: block;
-  position: absolute;
-  z-index: 1;
-  top: 0;
-  left: 0;
-  bottom: 0;
-  right: 0;
-  box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 calc(1px + var(--wp-admin-border-width-focus)) #fff;
-}
-
-.edit-post-fullscreen-mode-close__back-icon {
-  position: absolute;
-  top: 0;
-  right: 0;
-  width: 64px;
-  height: 64px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background-color: hsl(0, 0%, 80%);
-  pointer-events: none;
-}
-.edit-post-fullscreen-mode-close__back-icon svg {
-  fill: currentColor;
-}
-.edit-post-fullscreen-mode-close__back-icon.has-site-icon {
-  background-color: hsla(0, 0%, 100%, 0.6);
-  backdrop-filter: saturate(180%) blur(15px);
-}
-
-/**
- *  Show icon label overrides.
- */
-.show-icon-labels .editor-header .edit-post-fullscreen-mode-close.has-icon {
-  width: 64px;
-}
-.show-icon-labels .editor-header .edit-post-fullscreen-mode-close.has-icon svg {
-  display: block;
-}
-.show-icon-labels .editor-header .edit-post-fullscreen-mode-close.has-icon::after {
-  content: none;
-}
-
 .edit-post-meta-boxes-main {
   filter: drop-shadow(0 -1px rgba(0, 0, 0, 0.133));
   outline: 1px solid transparent;
@@ -357,7 +269,7 @@
 .edit-post-meta-boxes-area #poststuff h2.hndle { /* WordPress selectors yolo */
   box-sizing: border-box;
   color: inherit;
-  font-weight: 600;
+  font-weight: var(--wpds-typography-font-weight-emphasis, 600);
   outline: none;
   padding: 0 24px;
   position: relative;
@@ -419,7 +331,7 @@
 }
 .edit-post-welcome-guide__heading,
 .edit-template-welcome-guide__heading {
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  font-family: -apple-system, system-ui, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
   font-size: 24px;
   line-height: 1.4;
   margin: 16px 0 16px 0;
@@ -446,57 +358,6 @@
   fill: #fff;
 }
 
-body.has-admin-bar-in-editor .edit-post-fullscreen-mode-close__view-mode-toggle {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 32px;
-  height: 32px;
-}
-body.has-admin-bar-in-editor .edit-post-fullscreen-mode-close__view-mode-toggle .edit-post-fullscreen-mode-close__back-icon {
-  top: auto;
-  right: auto;
-  width: 32px;
-  height: 32px;
-  background: transparent;
-}
-body.has-admin-bar-in-editor .edit-post-fullscreen-mode-close__view-mode-toggle:hover .edit-post-fullscreen-mode-close__back-icon {
-  color: var(--wp-admin-theme-color);
-}
-body.has-admin-bar-in-editor.is-fullscreen-mode .editor-header:has(> .editor-header__back-button) {
-  grid-template-columns: 32px minmax(0, max-content) minmax(min-content, 1fr) 64px;
-}
-body.has-admin-bar-in-editor.is-fullscreen-mode .editor-header:has(> .editor-header__back-button):has(> .editor-header__center) {
-  grid-template-columns: 32px min-content 1fr min-content 64px;
-}
-body.has-admin-bar-in-editor.is-fullscreen-mode .editor-header__back-button {
-  padding-right: 8px;
-}
-@media (min-width: 782px) {
-  body.has-admin-bar-in-editor.is-fullscreen-mode {
-    margin-top: 0;
-    height: 100%;
-  }
-  body.has-admin-bar-in-editor.is-fullscreen-mode #wpadminbar {
-    display: block;
-  }
-  body.has-admin-bar-in-editor.is-fullscreen-mode .interface-interface-skeleton,
-  body.has-admin-bar-in-editor.is-fullscreen-mode .editor-post-publish-panel,
-  body.has-admin-bar-in-editor.is-fullscreen-mode .is-entity-save-view-open .interface-interface-skeleton__actions:focus,
-  body.has-admin-bar-in-editor.is-fullscreen-mode .is-entity-save-view-open .interface-interface-skeleton__actions:focus-within {
-    top: var(--wp-admin--admin-bar--height, 0);
-  }
-  body.has-admin-bar-in-editor.is-fullscreen-mode .block-editor__container {
-    min-height: calc(100vh - var(--wp-admin--admin-bar--height, 0));
-  }
-  body.has-admin-bar-in-editor.is-fullscreen-mode:has(.editor-editor-interface.is-distraction-free) {
-    --wp-admin--admin-bar--height: 0;
-  }
-  body.has-admin-bar-in-editor.is-fullscreen-mode:has(.editor-editor-interface.is-distraction-free) #wpadminbar {
-    display: none;
-  }
-}
-
 body.js.block-editor-page {
   background: #fff;
 }
@@ -528,6 +389,14 @@ body.js.block-editor-page .media-frame select.attachment-filters:last-of-type {
   width: auto;
   max-width: 100%;
 }
+@media (min-width: 782px) {
+  body.js.block-editor-page.is-fullscreen-mode:has(.editor-editor-interface.is-distraction-free) {
+    --wp-admin--admin-bar--height: 0px;
+  }
+  body.js.block-editor-page.is-fullscreen-mode:has(.editor-editor-interface.is-distraction-free) #wpadminbar {
+    display: none;
+  }
+}
 
 .block-editor-page #wpwrap {
   overflow-y: auto;
@@ -538,12 +407,12 @@ body.js.block-editor-page .media-frame select.attachment-filters:last-of-type {
   }
 }
 
-.edit-post-visual-editor.is-iframed {
+.edit-post-visual-editor {
   box-sizing: border-box;
 }
-.edit-post-visual-editor.is-iframed *,
-.edit-post-visual-editor.is-iframed *::before,
-.edit-post-visual-editor.is-iframed *::after {
+.edit-post-visual-editor *,
+.edit-post-visual-editor *::before,
+.edit-post-visual-editor *::after {
   box-sizing: inherit;
 }
 
@@ -559,10 +428,7 @@ body.js.block-editor-page .media-frame select.attachment-filters:last-of-type {
 }
 @media (min-width: 782px) {
   .block-editor__container {
-    min-height: calc(100vh - 32px);
-  }
-  body.is-fullscreen-mode .block-editor__container {
-    min-height: 100vh;
+    min-height: calc(100vh - var(--wp-admin--admin-bar--height, 0px));
   }
 }
 .block-editor__container img {

package/build-style/style.css

@@ -67,6 +67,12 @@
 /**
  * Focus styles.
  */
+/**
+ * Standard focus rings for the WordPress Design System.
+ *
+ * Apply `outset-ring__focus` inside the relevant pseudo-class at the call site,
+ * e.g. `&:focus { @include outset-ring__focus(); }`.
+ */
 /**
  * Applies editor left position to the selector passed as argument
  */
@@ -106,100 +112,6 @@
   }
 }
 
-.edit-post-fullscreen-mode-close__view-mode-toggle {
-  top: 0;
-  left: 0;
-  height: 64px;
-  width: 64px;
-  z-index: 100;
-}
-.edit-post-fullscreen-mode-close__view-mode-toggle .components-button {
-  color: #fff;
-  height: 100%;
-  width: 100%;
-  border-radius: 0;
-  overflow: hidden;
-  padding: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.edit-post-fullscreen-mode-close__view-mode-toggle .components-button:hover, .edit-post-fullscreen-mode-close__view-mode-toggle .components-button:active {
-  color: #fff;
-}
-.edit-post-fullscreen-mode-close__view-mode-toggle .components-button:focus {
-  box-shadow: none;
-}
-.edit-post-fullscreen-mode-close__view-mode-toggle .edit-post-fullscreen-mode-close__view-mode-toggle-icon svg,
-.edit-post-fullscreen-mode-close__view-mode-toggle .edit-post-fullscreen-mode-close__view-mode-toggle-icon img {
-  background: #1e1e1e;
-  display: block;
-}
-
-.edit-post-fullscreen-mode-close-site-icon__icon {
-  fill: currentColor;
-  width: 100%;
-  height: 100%;
-  padding: 12px;
-}
-
-.edit-post-fullscreen-mode-close-site-icon__image {
-  width: 100%;
-  height: 100%;
-  -o-object-fit: cover;
-     object-fit: cover;
-  background: #333;
-  aspect-ratio: 1/1;
-}
-
-.edit-post-fullscreen-mode-close.components-button:focus {
-  position: relative;
-}
-.edit-post-fullscreen-mode-close.components-button:focus::before {
-  content: "";
-  display: block;
-  position: absolute;
-  z-index: 1;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 calc(1px + var(--wp-admin-border-width-focus)) #fff;
-}
-
-.edit-post-fullscreen-mode-close__back-icon {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 64px;
-  height: 64px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background-color: hsl(0, 0%, 80%);
-  pointer-events: none;
-}
-.edit-post-fullscreen-mode-close__back-icon svg {
-  fill: currentColor;
-}
-.edit-post-fullscreen-mode-close__back-icon.has-site-icon {
-  background-color: hsla(0, 0%, 100%, 0.6);
-  backdrop-filter: saturate(180%) blur(15px);
-}
-
-/**
- *  Show icon label overrides.
- */
-.show-icon-labels .editor-header .edit-post-fullscreen-mode-close.has-icon {
-  width: 64px;
-}
-.show-icon-labels .editor-header .edit-post-fullscreen-mode-close.has-icon svg {
-  display: block;
-}
-.show-icon-labels .editor-header .edit-post-fullscreen-mode-close.has-icon::after {
-  content: none;
-}
-
 .edit-post-meta-boxes-main {
   filter: drop-shadow(0 -1px rgba(0, 0, 0, 0.133));
   outline: 1px solid transparent;
@@ -357,7 +269,7 @@
 .edit-post-meta-boxes-area #poststuff h2.hndle { /* WordPress selectors yolo */
   box-sizing: border-box;
   color: inherit;
-  font-weight: 600;
+  font-weight: var(--wpds-typography-font-weight-emphasis, 600);
   outline: none;
   padding: 0 24px;
   position: relative;
@@ -419,7 +331,7 @@
 }
 .edit-post-welcome-guide__heading,
 .edit-template-welcome-guide__heading {
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  font-family: -apple-system, system-ui, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
   font-size: 24px;
   line-height: 1.4;
   margin: 16px 0 16px 0;
@@ -446,57 +358,6 @@
   fill: #fff;
 }
 
-body.has-admin-bar-in-editor .edit-post-fullscreen-mode-close__view-mode-toggle {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 32px;
-  height: 32px;
-}
-body.has-admin-bar-in-editor .edit-post-fullscreen-mode-close__view-mode-toggle .edit-post-fullscreen-mode-close__back-icon {
-  top: auto;
-  left: auto;
-  width: 32px;
-  height: 32px;
-  background: transparent;
-}
-body.has-admin-bar-in-editor .edit-post-fullscreen-mode-close__view-mode-toggle:hover .edit-post-fullscreen-mode-close__back-icon {
-  color: var(--wp-admin-theme-color);
-}
-body.has-admin-bar-in-editor.is-fullscreen-mode .editor-header:has(> .editor-header__back-button) {
-  grid-template-columns: 32px minmax(0, max-content) minmax(min-content, 1fr) 64px;
-}
-body.has-admin-bar-in-editor.is-fullscreen-mode .editor-header:has(> .editor-header__back-button):has(> .editor-header__center) {
-  grid-template-columns: 32px min-content 1fr min-content 64px;
-}
-body.has-admin-bar-in-editor.is-fullscreen-mode .editor-header__back-button {
-  padding-left: 8px;
-}
-@media (min-width: 782px) {
-  body.has-admin-bar-in-editor.is-fullscreen-mode {
-    margin-top: 0;
-    height: 100%;
-  }
-  body.has-admin-bar-in-editor.is-fullscreen-mode #wpadminbar {
-    display: block;
-  }
-  body.has-admin-bar-in-editor.is-fullscreen-mode .interface-interface-skeleton,
-  body.has-admin-bar-in-editor.is-fullscreen-mode .editor-post-publish-panel,
-  body.has-admin-bar-in-editor.is-fullscreen-mode .is-entity-save-view-open .interface-interface-skeleton__actions:focus,
-  body.has-admin-bar-in-editor.is-fullscreen-mode .is-entity-save-view-open .interface-interface-skeleton__actions:focus-within {
-    top: var(--wp-admin--admin-bar--height, 0);
-  }
-  body.has-admin-bar-in-editor.is-fullscreen-mode .block-editor__container {
-    min-height: calc(100vh - var(--wp-admin--admin-bar--height, 0));
-  }
-  body.has-admin-bar-in-editor.is-fullscreen-mode:has(.editor-editor-interface.is-distraction-free) {
-    --wp-admin--admin-bar--height: 0;
-  }
-  body.has-admin-bar-in-editor.is-fullscreen-mode:has(.editor-editor-interface.is-distraction-free) #wpadminbar {
-    display: none;
-  }
-}
-
 body.js.block-editor-page {
   background: #fff;
 }
@@ -528,6 +389,14 @@ body.js.block-editor-page .media-frame select.attachment-filters:last-of-type {
   width: auto;
   max-width: 100%;
 }
+@media (min-width: 782px) {
+  body.js.block-editor-page.is-fullscreen-mode:has(.editor-editor-interface.is-distraction-free) {
+    --wp-admin--admin-bar--height: 0px;
+  }
+  body.js.block-editor-page.is-fullscreen-mode:has(.editor-editor-interface.is-distraction-free) #wpadminbar {
+    display: none;
+  }
+}
 
 .block-editor-page #wpwrap {
   overflow-y: auto;
@@ -538,12 +407,12 @@ body.js.block-editor-page .media-frame select.attachment-filters:last-of-type {
   }
 }
 
-.edit-post-visual-editor.is-iframed {
+.edit-post-visual-editor {
   box-sizing: border-box;
 }
-.edit-post-visual-editor.is-iframed *,
-.edit-post-visual-editor.is-iframed *::before,
-.edit-post-visual-editor.is-iframed *::after {
+.edit-post-visual-editor *,
+.edit-post-visual-editor *::before,
+.edit-post-visual-editor *::after {
   box-sizing: inherit;
 }
 
@@ -559,10 +428,7 @@ body.js.block-editor-page .media-frame select.attachment-filters:last-of-type {
 }
 @media (min-width: 782px) {
   .block-editor__container {
-    min-height: calc(100vh - 32px);
-  }
-  body.is-fullscreen-mode .block-editor__container {
-    min-height: 100vh;
+    min-height: calc(100vh - var(--wp-admin--admin-bar--height, 0px));
   }
 }
 .block-editor__container img {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/edit-post",
-	"version": "8.50.0",
+	"version": "8.51.0",
 	"description": "Edit Post module for WordPress.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -47,38 +47,38 @@
 		"postbox"
 	],
 	"dependencies": {
-		"@wordpress/a11y": "^4.50.0",
-		"@wordpress/admin-ui": "^2.5.0",
-		"@wordpress/api-fetch": "^7.50.0",
-		"@wordpress/base-styles": "^10.2.0",
-		"@wordpress/block-editor": "^15.23.0",
-		"@wordpress/block-library": "^10.1.0",
-		"@wordpress/blocks": "^15.23.0",
-		"@wordpress/commands": "^1.50.0",
-		"@wordpress/components": "^36.1.0",
-		"@wordpress/compose": "^8.3.0",
-		"@wordpress/core-data": "^7.50.0",
-		"@wordpress/data": "^10.50.0",
-		"@wordpress/deprecated": "^4.50.0",
-		"@wordpress/dom": "^4.50.0",
-		"@wordpress/editor": "^14.50.0",
-		"@wordpress/element": "^8.2.0",
-		"@wordpress/global-styles-engine": "^1.17.0",
-		"@wordpress/hooks": "^4.50.0",
-		"@wordpress/html-entities": "^4.50.0",
-		"@wordpress/i18n": "^6.23.0",
-		"@wordpress/icons": "^15.1.0",
-		"@wordpress/keyboard-shortcuts": "^5.50.0",
-		"@wordpress/keycodes": "^4.50.0",
-		"@wordpress/notices": "^5.50.0",
-		"@wordpress/plugins": "^7.50.0",
-		"@wordpress/preferences": "^4.50.0",
-		"@wordpress/private-apis": "^1.50.0",
-		"@wordpress/ui": "^0.17.0",
-		"@wordpress/url": "^4.50.0",
-		"@wordpress/viewport": "^6.50.0",
-		"@wordpress/warning": "^3.50.0",
-		"@wordpress/widgets": "^4.50.0",
+		"@wordpress/a11y": "^4.51.0",
+		"@wordpress/admin-ui": "^2.6.0",
+		"@wordpress/api-fetch": "^7.51.0",
+		"@wordpress/base-styles": "^11.0.0",
+		"@wordpress/block-editor": "^16.0.0",
+		"@wordpress/block-library": "^10.2.0",
+		"@wordpress/blocks": "^15.24.0",
+		"@wordpress/commands": "^1.51.0",
+		"@wordpress/components": "^37.0.0",
+		"@wordpress/compose": "^8.4.0",
+		"@wordpress/core-data": "^7.51.0",
+		"@wordpress/data": "^10.51.0",
+		"@wordpress/deprecated": "^4.51.0",
+		"@wordpress/dom": "^4.51.0",
+		"@wordpress/editor": "^14.51.0",
+		"@wordpress/element": "^8.3.0",
+		"@wordpress/global-styles-engine": "^1.18.0",
+		"@wordpress/hooks": "^4.51.0",
+		"@wordpress/html-entities": "^4.51.0",
+		"@wordpress/i18n": "^6.24.0",
+		"@wordpress/icons": "^15.2.0",
+		"@wordpress/keyboard-shortcuts": "^5.51.0",
+		"@wordpress/keycodes": "^4.51.0",
+		"@wordpress/notices": "^5.51.0",
+		"@wordpress/plugins": "^7.51.0",
+		"@wordpress/preferences": "^4.51.0",
+		"@wordpress/private-apis": "^1.51.0",
+		"@wordpress/ui": "^0.18.0",
+		"@wordpress/url": "^4.51.0",
+		"@wordpress/viewport": "^6.51.0",
+		"@wordpress/warning": "^3.51.0",
+		"@wordpress/widgets": "^4.51.0",
 		"clsx": "^2.1.1",
 		"memize": "^2.1.0"
 	},
@@ -88,11 +88,11 @@
 		"@testing-library/user-event": "^14.6.1"
 	},
 	"peerDependencies": {
-		"react": "^18.0.0",
-		"react-dom": "^18.0.0"
+		"react": "^18 || ^19",
+		"react-dom": "^18 || ^19"
 	},
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "fee6e24e8e63d36f6bbcf487c193461e9bd79753"
+	"gitHead": "e9a74f9c14095a34398ecd4d1f7a908e55051205"
 }