@wordpress/base-styles 6.20.1-next.v.202604201441.0 → 7.0.0

package/CHANGELOG.md

@@ -2,6 +2,43 @@
 
 ## Unreleased
 
+## 7.0.0 (2026-04-29)
+
+### Breaking Changes
+
+-   Remove the following entries from the `z-index()` helper ([#77619](https://github.com/WordPress/gutenberg/pull/77619), [#77620](https://github.com/WordPress/gutenberg/pull/77620), [#77621](https://github.com/WordPress/gutenberg/pull/77621), [#77714](https://github.com/WordPress/gutenberg/pull/77714), [#77715](https://github.com/WordPress/gutenberg/pull/77715), [#77717](https://github.com/WordPress/gutenberg/pull/77717), [#77774](https://github.com/WordPress/gutenberg/pull/77774)):
+    -   `.block-editor-block-contextual-toolbar`
+    -   `.block-editor-block-list__block {core/image aligned wide or fullwide}`
+    -   `.block-editor-block-list__block::before`
+    -   `.block-editor-block-list__block.has-block-overlay`
+    -   `.block-editor-block-list__block .reusable-block-edit-panel *`
+    -   `.block-editor-block-list__insertion-point`
+    -   `.block-editor-block-switcher__arrow`
+    -   `.block-editor-url-input__suggestions`
+    -   `.block-editor-warning`
+    -   `.block-library-classic__toolbar`
+    -   `.components-autocomplete__results`
+    -   `.components-button {:focus or .is-primary}`
+    -   `.components-circular-option-picker__option-wrapper::before`
+    -   `.components-circular-option-picker__option.is-pressed`
+    -   `.components-circular-option-picker__option.is-pressed + svg`
+    -   `.components-circular-option-picker__swatches`
+    -   `> *:not(.components-circular-option-picker__swatches)`
+    -   `.components-form-toggle__input`
+    -   `.components-popover.block-editor-inspector-list-view-content-popover`
+    -   `.components-popover.interface-more-menu__content`
+    -   `.components-resizable-box__handle`
+    -   `.components-resizable-box__side-handle`
+    -   `.components-resizable-box__corner-handle`
+    -   `.dataviews-action-modal__quick-edit`
+    -   `.edit-site-editor__toggle-save-panel`
+    -   `.edit-site-template-panel__replace-template-modal`
+    -   `.edit-widgets-header`
+    -   `.edit-widgets-sidebar {greater than small}`
+    -   `.interface-complementary-area .components-panel`
+    -   `.interface-complementary-area .components-panel__header`
+    -   `.wp-block-template-part__placeholder-preview-filter-input`
+
 ## 6.20.0 (2026-04-15)
 
 ## 6.19.0 (2026-04-01)

package/_z-index.scss

@@ -5,12 +5,7 @@
 // value is designed to work with).
 
 $z-layers: (
-	".block-editor-block-list__block::before": 0,
 	".block-editor-block-list__block.is-selected": 20,
-	".block-editor-block-switcher__arrow": 1,
-	".block-editor-block-list__block {core/image aligned wide or fullwide}": 20,
-	".block-library-classic__toolbar": 31, // When scrolled to top this toolbar needs to sit over block-editor-block-toolbar
-	".components-form-toggle__input": 1,
 	".editor-text-editor__toolbar": 1,
 
 	// These next three share a stacking context
@@ -18,21 +13,13 @@ $z-layers: (
 	".block-library-query-pattern__selection-search": 2, // higher sticky element
 	".editor-post-template__swap-template-search": 2, // higher sticky element
 
-	// These next two share a stacking context
-	".interface-complementary-area .components-panel" : 0, // lower scrolling content
-	".interface-complementary-area .components-panel__header": 1, // higher sticky element
-
 	".components-modal__header": 10,
 	".edit-post-meta-boxes-area.is-loading::before": 1,
 	".edit-post-meta-boxes-area .spinner": 5,
 	".components-popover__close": 5,
-	".block-editor-block-list__insertion-point": 6,
-	".block-editor-warning": 5,
-	".block-editor-url-input__suggestions": 30,
 	".edit-post-layout__footer": 30,
 	".interface-interface-skeleton__header": 30,
 	".interface-interface-skeleton__content": 20,
-	".edit-widgets-header": 30,
 
 	".wp-block-cover.is-placeholder .components-placeholder.is-large": 1, // Cover block resizer component inside a large placeholder.
 	// These z-index are now used only for a deprecated version of the cover block.
@@ -41,8 +28,6 @@ $z-layers: (
 	".wp-block-cover__image-background": 0, // Image background inside cover block.
 	".wp-block-cover__video-background": 0, // Video background inside cover block.
 
-	".wp-block-template-part__placeholder-preview-filter-input": 1,
-
 	// Fixed position appender:
 	".block-editor-block-list__block .block-list-appender": 2,
 
@@ -50,14 +35,9 @@ $z-layers: (
 	".has-child .wp-block-navigation__submenu-container": 28,
 	".has-child:hover .wp-block-navigation__submenu-container": 29,
 
-	// Active pill button
-	".components-button {:focus or .is-primary}": 1,
-
 	// The draggable element should show up above the entire UI
 	".components-draggable__clone": 1000000000,
 
-	".block-editor-block-list__block .reusable-block-edit-panel *": 1,
-
 	// Show drop zone above most standard content, but below any overlays
 	".components-drop-zone": 40,
 	".components-drop-zone__content": 50,
@@ -73,12 +53,6 @@ $z-layers: (
 	// Below the media library backdrop (.media-modal-backdrop), which has a z-index of 159900.
 	".block-editor-global-styles-background-panel__popover": 159900 - 10,
 
-	// The toolbar, when contextual, should be above any adjacent nested block click overlays.
-	".block-editor-block-contextual-toolbar": 61,
-
-	// Ensures content overlay appears higher than resize containers used for image/video/etc.
-	".block-editor-block-list__block.has-block-overlay": 10,
-
 	// Query block setup state.
 	".block-editor-block-pattern-setup .pattern-slide": 100,
 	".block-editor-block-pattern-setup .{next,previous}-slide": 101,
@@ -94,14 +68,9 @@ $z-layers: (
 	// the Publish Post sidebar.
 	".editor-post-publish-panel {greater than small}": 99998,
 
-	// For larger views, the wp-admin navbar dropdown should be on top of
-	// the multi-entity saving sidebar.
-	".edit-site-editor__toggle-save-panel": 100000,
-
 	// Show sidebar in greater than small viewports above editor related elements
 	// but below #adminmenuback { z-index: 100 }
 	".interface-interface-skeleton__sidebar {greater than small}": 90,
-	".edit-widgets-sidebar {greater than small}": 90,
 
 	// Show interface skeleton footer above interface skeleton drawer
 	".interface-interface-skeleton__footer": 90,
@@ -136,26 +105,23 @@ $z-layers: (
 	".editor-action-modal": 1000001,
 	".editor-post-template__swap-template-modal": 1000001,
 	".editor-post-template__create-template-modal": 1000001,
-	".edit-site-template-panel__replace-template-modal": 1000001,
 	".editor-sync-connection-error-modal": 1000001,
+	".components-snackbar-list.media-editor-modal__snackbar": 1000001,
 
 	// Note: The ConfirmDialog component's z-index is being set to 1000001 in packages/components/src/confirm-dialog/styles.ts
 	// because it uses emotion and not sass. We need it to render on top its parent popover.
 
 	// Show media replace flow and similar popovers beneath the media modal when its open.
 	".components-popover.block-editor-media-replace-flow__options": 99999,
-	".components-popover.block-editor-inspector-list-view-content-popover": 99999,
+	".components-popover.block-library-video-tracks-editor": 99999,
 
 	// ...Except for popovers immediately beneath wp-admin menu on large breakpoints
 	".components-popover.block-editor-inserter__popover": 99999,
 	".components-popover.table-of-contents__popover": 99998,
-	".components-popover.interface-more-menu__content": 99998,
 	".components-popover.more-menu__content": 99998,
 	".components-popover.block-editor-rich-text__inline-format-toolbar": 99998,
 	".components-popover.block-editor-warning__dropdown": 99998,
 
-	".components-autocomplete__results": 1000000,
-
 	".skip-to-selected-block": 100000,
 	".interface-interface-skeleton__actions": 100000,
 	".edit-site-layout__actions": 100000,
@@ -169,28 +135,11 @@ $z-layers: (
 	// Show tooltips above NUX tips, wp-admin menus, submenus, and sidebar:
 	".components-tooltip": 1000002,
 
-	// Make sure corner handles are above side handles for ResizableBox component
-	".components-resizable-box__handle": 2,
-	".components-resizable-box__side-handle": 2,
-	".components-resizable-box__corner-handle": 2,
-
 	// Make sure block manager sticky category titles appear above the options
 	".block-editor-block-manager__category-title": 1,
 	// And block manager sticky disabled block count is higher still
 	".block-editor-block-manager__disabled-blocks-count": 2,
 
-	// Needs to appear below other color circular picker related UI elements.
-	".components-circular-option-picker__option-wrapper::before": -1,
-
-	".components-circular-option-picker__option.is-pressed": 1,
-	// Needs to be higher than .components-circular-option-picker__option.is-pressed.
-	".components-circular-option-picker__option.is-pressed + svg": 2,
-
-	// The following two indexes are needed so that the swatches (and their tooltips)
-	// always render on top of the rest of the component's UI.
-	".components-circular-option-picker__swatches": 1,
-	"> *:not(.components-circular-option-picker__swatches)": 0,
-
 	// Appear under the customizer heading UI, but over anything else.
 	".customize-widgets__topbar": 8,
 
@@ -220,10 +169,6 @@ $z-layers: (
 
 	// Needs to be below media library (.media-model) that has a z-index of 160000.
 	".components-popover.components-dropdown__content.dataforms-layouts-panel__field-dropdown": 160000 - 10,
-
-	// Needs to be below the media library (.media-modal) that has a z-index of 160000.
-	// And the new experimental media modal that has a z-index of 100000.
-	".dataviews-action-modal__quick-edit": 100000 - 10,
 );
 
 @function z-index( $key ) {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/base-styles",
-	"version": "6.20.1-next.v.202604201441.0+dab6d8c07",
+	"version": "7.0.0",
 	"description": "Base SCSS utilities and variables for WordPress.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -45,5 +45,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "c788005ba4ee2a34851c1217c51602656aa7c3a6"
+	"gitHead": "8c229eaed0e88c9827e2da3d73a78f9ddd77714b"
 }