Changeset 54118 for trunk/src/wp-includes/global-styles-and-settings.php

Timestamp:

09/10/2022 12:37:00 PM (13 months ago)

Author:

SergeyBiryukov

Message:

Editor: Backport Elements API updates.

This commit backports the original PRs from Gutenberg repository:

• ​#40260 Add support for button elements to theme.json
• ​#40889 Theme Json: Don't output double selectors for elements inside blocks
• ​#41140 Global Styles: Add support for caption elements
• ​#41160 Global Styles: Load block CSS conditionally
• ​#41240 Global Styles: Button Element: update button element selector
• ​#41335 Duotone: Fix CSS Selectors rendered by theme.json duotone/filter settings for blocks on public pages
• ​#41446 Block styles: Account for style block nodes that have no name
• ​#41696 Global Styles: Allow references to values in other locations in the tree
• ​#41753 Elements: Add an API make it easier to get class names
• ​#41786 Support pseudo selectors on elements in theme json
• ​#41822 Elements: Button - Fix element selectors
• ​#41981 Global Styles: Add support for heading elements
• ​#42072 Fix link element hover bleeding into button element default styles
• ​#42096 Add visited to link element allowed pseudo selector list
• ​#42669 Link elements: Add a :where selector to the :not to lower specificity
• ​#42776 Theme JSON: Add a static $blocks_metadata data definition to the Gutenberg instance of WP_Theme_JSON
• ​#43088 Pseudo elements supports on button elements
• ​#43167 Theme_JSON: Use existing append_to_selector for pseudo elements
• ​#43988 Styles API: Fixed selectors for nested elements

Props onemaggie, bernhard-reiter, cbravobernal, mmaattiiaass, scruffian, andraganescu, dpcalhoun, get_dave, Mamaduka, SergeyBiryukov.
See #56467.

File:

• trunk/src/wp-includes/global-styles-and-settings.php (modified) (1 diff)

trunk/src/wp-includes/global-styles-and-settings.php

@@ -193 +193 @@
     return $svgs;
 }
+
+/**
+ * Adds global style rules to the inline style for each block.
+ *
+ * @since 6.1.0
+ */
+function wp_add_global_styles_for_blocks() {
+    $tree        = WP_Theme_JSON_Resolver::get_merged_data();
+    $block_nodes = $tree->get_styles_block_nodes();
+    foreach ( $block_nodes as $metadata ) {
+        $block_css = $tree->get_styles_for_block( $metadata );
+
+        if ( isset( $metadata['name'] ) ) {
+            $block_name = str_replace( 'core/', '', $metadata['name'] );
+            /*
+             * These block styles are added on block_render.
+             * This hooks inline CSS to them so that they are loaded conditionally
+             * based on whether or not the block is used on the page.
+             */
+            wp_add_inline_style( 'wp-block-' . $block_name, $block_css );
+        }
+
+        // The likes of block element styles from theme.json do not have  $metadata['name'] set.
+        if ( ! isset( $metadata['name'] ) && ! empty( $metadata['path'] ) ) {
+            $result = array_values(
+                array_filter(
+                    $metadata['path'],
+                    function ( $item ) {
+                        if ( strpos( $item, 'core/' ) !== false ) {
+                            return true;
+                        }
+                        return false;
+                    }
+                )
+            );
+            if ( isset( $result[0] ) ) {
+                $block_name = str_replace( 'core/', '', $result[0] );
+                wp_add_inline_style( 'wp-block-' . $block_name, $block_css );
+            }
+        }
+    }
+}