Changeset 56046

Timestamp:

06/26/2023 11:42:16 PM (15 months ago)

Author:

isabel_brison

Message:

Editor: add box shadow support to blocks.

Adds the ability for blocks to declare support for CSS box-shadow and processing of necessary styles.

Props madhudollu, sabernhardt, ramonopoly, spacedmonkey, mukesh27.
Fixes #58590.

Location:

trunk

Files:

• src/wp-includes/block-supports/shadow.php (added)
• src/wp-includes/kses.php (modified) (2 diffs)
• src/wp-includes/style-engine/class-wp-style-engine.php (modified) (1 diff)
• src/wp-settings.php (modified) (1 diff)
• tests/phpunit/tests/block-supports/shadow.php (added)
• tests/phpunit/tests/style-engine/styleEngine.php (modified) (2 diffs)

trunk/src/wp-includes/kses.php

@@ -2281 +2281 @@
  *              and `z-index` CSS properties.
  * @since 6.3.0 Extended support for `filter` to accept a URL and added support for repeat().
+ *              Added support for `box-shadow`.
  *
  * @param string $css        A string of CSS rules.
@@ -2448 +2449 @@
             'left',
             'z-index',
+            'box-shadow',
             'aspect-ratio',
 

trunk/src/wp-includes/style-engine/class-wp-style-engine.php

@@ -149 +149 @@
             ),
         ),
+        'shadow'     => array(
+            'shadow' => array(
+                'property_keys' => array(
+                    'default' => 'box-shadow',
+                ),
+                'path'          => array( 'shadow' ),
+                'css_vars'      => array(
+                    'shadow' => '--wp--preset--shadow--$slug',
+                ),
+            ),
+        ),
         'dimensions' => array(
             'minHeight' => array(

trunk/src/wp-settings.php

@@ -332 +332 @@
 require ABSPATH . WPINC . '/block-supports/dimensions.php';
 require ABSPATH . WPINC . '/block-supports/duotone.php';
+require ABSPATH . WPINC . '/block-supports/shadow.php';
 require ABSPATH . WPINC . '/block-supports/elements.php';
 require ABSPATH . WPINC . '/block-supports/generated-classname.php';

trunk/tests/phpunit/tests/style-engine/styleEngine.php

@@ -27 +27 @@
      * @ticket 56467
      * @ticket 58549
+     * @ticket 58590
      *
      * @covers ::wp_style_engine_get_styles
@@ -183 +184 @@
             ),
 
+            'inline_valid_shadow_style'                    => array(
+                'block_styles'    => array(
+                    'shadow' => 'inset 5em 1em gold',
+                ),
+                'options'         => null,
+                'expected_output' => array(
+                    'css'          => 'box-shadow:inset 5em 1em gold;',
+                    'declarations' => array(
+                        'box-shadow' => 'inset 5em 1em gold',
+                    ),
+                ),
+            ),
+
             'inline_valid_typography_style'                => array(
                 'block_styles'    => array(