🚨 Latest Research:Tanstack npm Packages Compromised in Ongoing Mini Shai-Hulud Supply-Chain Attack.Learn More →
@wordpress/base-styles
Advanced tools
@wordpress/base-styles - npm Package Compare versions
+2
-57
@@ -8,8 +8,3 @@ @use "sass:map"; | ||
| $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, | ||
@@ -22,6 +17,2 @@ | ||
| // 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, | ||
@@ -31,9 +22,5 @@ ".edit-post-meta-boxes-area.is-loading::before": 1, | ||
| ".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, | ||
@@ -47,4 +34,2 @@ ".wp-block-cover.is-placeholder .components-placeholder.is-large": 1, // Cover block resizer component inside a large placeholder. | ||
| ".wp-block-template-part__placeholder-preview-filter-input": 1, | ||
| // Fixed position appender: | ||
@@ -57,10 +42,5 @@ ".block-editor-block-list__block .block-list-appender": 2, | ||
| // 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 | ||
@@ -81,8 +61,2 @@ ".components-drop-zone": 40, | ||
| // 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. | ||
@@ -103,10 +77,5 @@ ".block-editor-block-pattern-setup .pattern-slide": 100, | ||
| // 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, | ||
@@ -146,4 +115,4 @@ // Show interface skeleton footer above interface skeleton drawer | ||
| ".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, | ||
@@ -155,3 +124,3 @@ // Note: The ConfirmDialog component's z-index is being set to 1000001 in packages/components/src/confirm-dialog/styles.ts | ||
| ".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, | ||
@@ -161,3 +130,2 @@ // ...Except for popovers immediately beneath wp-admin menu on large breakpoints | ||
| ".components-popover.table-of-contents__popover": 99998, | ||
| ".components-popover.interface-more-menu__content": 99998, | ||
| ".components-popover.more-menu__content": 99998, | ||
@@ -167,4 +135,2 @@ ".components-popover.block-editor-rich-text__inline-format-toolbar": 99998, | ||
| ".components-autocomplete__results": 1000000, | ||
| ".skip-to-selected-block": 100000, | ||
@@ -183,7 +149,2 @@ ".interface-interface-skeleton__actions": 100000, | ||
| // 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 | ||
@@ -194,14 +155,2 @@ ".block-editor-block-manager__category-title": 1, | ||
| // 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. | ||
@@ -236,6 +185,2 @@ ".customize-widgets__topbar": 8, | ||
| ".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, | ||
| ); | ||
@@ -242,0 +187,0 @@ |
+37
-0
@@ -5,2 +5,39 @@ <!-- Learn how to maintain this file at https://github.com/WordPress/gutenberg/tree/HEAD/packages#maintaining-changelogs. --> | ||
| ## 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) | ||
@@ -7,0 +44,0 @@ |
+2
-2
| { | ||
| "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.", | ||
@@ -48,3 +48,3 @@ "author": "The WordPress Contributors", | ||
| }, | ||
| "gitHead": "c788005ba4ee2a34851c1217c51602656aa7c3a6" | ||
| "gitHead": "8c229eaed0e88c9827e2da3d73a78f9ddd77714b" | ||
| } |
Fixed alerts
Manifest confusion
Supply chain riskThis package has inconsistent metadata. This could be malicious or caused by an error when publishing the package.
Found 1 instance in 1 package
No v1
QualityPackage is not semver >=1. This means it is not stable and does not support ^ ranges.
Found 1 instance in 1 package
Improved metrics
- Number of low quality alerts
0
-100%- Number of medium supply chain risk alerts
0
-100%Worsened metrics
- Total package byte prevSize
100505
-0.35%No dependency changes