summaryrefslogtreecommitdiffstats
path: root/wp-includes/blocks/post-featured-image
diff options
context:
space:
mode:
authorDaniel Baumann <daniel.baumann@progress-linux.org>2024-04-17 07:56:49 +0000
committerDaniel Baumann <daniel.baumann@progress-linux.org>2024-04-17 07:56:49 +0000
commita415c29efee45520ae252d2aa28f1083a521cd7b (patch)
treef4ade4b6668ecc0765de7e1424f7c1427ad433ff /wp-includes/blocks/post-featured-image
parentInitial commit. (diff)
downloadwordpress-a415c29efee45520ae252d2aa28f1083a521cd7b.tar.xz
wordpress-a415c29efee45520ae252d2aa28f1083a521cd7b.zip
Adding upstream version 6.4.3+dfsg1.upstream/6.4.3+dfsg1
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to '')
-rw-r--r--wp-includes/blocks/post-featured-image.php222
-rw-r--r--wp-includes/blocks/post-featured-image/block.json84
-rw-r--r--wp-includes/blocks/post-featured-image/editor-rtl.css74
-rw-r--r--wp-includes/blocks/post-featured-image/editor-rtl.min.css1
-rw-r--r--wp-includes/blocks/post-featured-image/editor.css74
-rw-r--r--wp-includes/blocks/post-featured-image/editor.min.css1
-rw-r--r--wp-includes/blocks/post-featured-image/style-rtl.css66
-rw-r--r--wp-includes/blocks/post-featured-image/style-rtl.min.css1
-rw-r--r--wp-includes/blocks/post-featured-image/style.css66
-rw-r--r--wp-includes/blocks/post-featured-image/style.min.css1
10 files changed, 590 insertions, 0 deletions
diff --git a/wp-includes/blocks/post-featured-image.php b/wp-includes/blocks/post-featured-image.php
new file mode 100644
index 0000000..4a7aa2f
--- /dev/null
+++ b/wp-includes/blocks/post-featured-image.php
@@ -0,0 +1,222 @@
+<?php
+/**
+ * Server-side rendering of the `core/post-featured-image` block.
+ *
+ * @package WordPress
+ */
+
+/**
+ * Renders the `core/post-featured-image` block on the server.
+ *
+ * @param array $attributes Block attributes.
+ * @param string $content Block default content.
+ * @param WP_Block $block Block instance.
+ * @return string Returns the featured image for the current post.
+ */
+function render_block_core_post_featured_image( $attributes, $content, $block ) {
+ if ( ! isset( $block->context['postId'] ) ) {
+ return '';
+ }
+ $post_ID = $block->context['postId'];
+
+ $is_link = isset( $attributes['isLink'] ) && $attributes['isLink'];
+ $size_slug = isset( $attributes['sizeSlug'] ) ? $attributes['sizeSlug'] : 'post-thumbnail';
+ $attr = get_block_core_post_featured_image_border_attributes( $attributes );
+ $overlay_markup = get_block_core_post_featured_image_overlay_element_markup( $attributes );
+
+ if ( $is_link ) {
+ if ( get_the_title( $post_ID ) ) {
+ $attr['alt'] = trim( strip_tags( get_the_title( $post_ID ) ) );
+ } else {
+ $attr['alt'] = sprintf(
+ // translators: %d is the post ID.
+ __( 'Untitled post %d' ),
+ $post_ID
+ );
+ }
+ }
+
+ $extra_styles = '';
+
+ // Aspect ratio with a height set needs to override the default width/height.
+ if ( ! empty( $attributes['aspectRatio'] ) ) {
+ $extra_styles .= 'width:100%;height:100%;';
+ } elseif ( ! empty( $attributes['height'] ) ) {
+ $extra_styles .= "height:{$attributes['height']};";
+ }
+
+ if ( ! empty( $attributes['scale'] ) ) {
+ $extra_styles .= "object-fit:{$attributes['scale']};";
+ }
+
+ if ( ! empty( $extra_styles ) ) {
+ $attr['style'] = empty( $attr['style'] ) ? $extra_styles : $attr['style'] . $extra_styles;
+ }
+
+ $featured_image = get_the_post_thumbnail( $post_ID, $size_slug, $attr );
+ if ( ! $featured_image ) {
+ return '';
+ }
+ if ( $is_link ) {
+ $link_target = $attributes['linkTarget'];
+ $rel = ! empty( $attributes['rel'] ) ? 'rel="' . esc_attr( $attributes['rel'] ) . '"' : '';
+ $height = ! empty( $attributes['height'] ) ? 'style="' . esc_attr( safecss_filter_attr( 'height:' . $attributes['height'] ) ) . '"' : '';
+ $featured_image = sprintf(
+ '<a href="%1$s" target="%2$s" %3$s %4$s>%5$s%6$s</a>',
+ get_the_permalink( $post_ID ),
+ esc_attr( $link_target ),
+ $rel,
+ $height,
+ $featured_image,
+ $overlay_markup
+ );
+ } else {
+ $featured_image = $featured_image . $overlay_markup;
+ }
+
+ $aspect_ratio = ! empty( $attributes['aspectRatio'] )
+ ? esc_attr( safecss_filter_attr( 'aspect-ratio:' . $attributes['aspectRatio'] ) ) . ';'
+ : '';
+ $width = ! empty( $attributes['width'] )
+ ? esc_attr( safecss_filter_attr( 'width:' . $attributes['width'] ) ) . ';'
+ : '';
+ $height = ! empty( $attributes['height'] )
+ ? esc_attr( safecss_filter_attr( 'height:' . $attributes['height'] ) ) . ';'
+ : '';
+ if ( ! $height && ! $width && ! $aspect_ratio ) {
+ $wrapper_attributes = get_block_wrapper_attributes();
+ } else {
+ $wrapper_attributes = get_block_wrapper_attributes( array( 'style' => $aspect_ratio . $width . $height ) );
+ }
+ return "<figure {$wrapper_attributes}>{$featured_image}</figure>";
+}
+
+/**
+ * Generate markup for the HTML element that will be used for the overlay.
+ *
+ * @param array $attributes Block attributes.
+ *
+ * @return string HTML markup in string format.
+ */
+function get_block_core_post_featured_image_overlay_element_markup( $attributes ) {
+ $has_dim_background = isset( $attributes['dimRatio'] ) && $attributes['dimRatio'];
+ $has_gradient = isset( $attributes['gradient'] ) && $attributes['gradient'];
+ $has_custom_gradient = isset( $attributes['customGradient'] ) && $attributes['customGradient'];
+ $has_solid_overlay = isset( $attributes['overlayColor'] ) && $attributes['overlayColor'];
+ $has_custom_overlay = isset( $attributes['customOverlayColor'] ) && $attributes['customOverlayColor'];
+ $class_names = array( 'wp-block-post-featured-image__overlay' );
+ $styles = array();
+
+ if ( ! $has_dim_background ) {
+ return '';
+ }
+
+ // Apply border classes and styles.
+ $border_attributes = get_block_core_post_featured_image_border_attributes( $attributes );
+
+ if ( ! empty( $border_attributes['class'] ) ) {
+ $class_names[] = $border_attributes['class'];
+ }
+
+ if ( ! empty( $border_attributes['style'] ) ) {
+ $styles[] = $border_attributes['style'];
+ }
+
+ // Apply overlay and gradient classes.
+ if ( $has_dim_background ) {
+ $class_names[] = 'has-background-dim';
+ $class_names[] = "has-background-dim-{$attributes['dimRatio']}";
+ }
+
+ if ( $has_solid_overlay ) {
+ $class_names[] = "has-{$attributes['overlayColor']}-background-color";
+ }
+
+ if ( $has_gradient || $has_custom_gradient ) {
+ $class_names[] = 'has-background-gradient';
+ }
+
+ if ( $has_gradient ) {
+ $class_names[] = "has-{$attributes['gradient']}-gradient-background";
+ }
+
+ // Apply background styles.
+ if ( $has_custom_gradient ) {
+ $styles[] = sprintf( 'background-image: %s;', $attributes['customGradient'] );
+ }
+
+ if ( $has_custom_overlay ) {
+ $styles[] = sprintf( 'background-color: %s;', $attributes['customOverlayColor'] );
+ }
+
+ return sprintf(
+ '<span class="%s" style="%s" aria-hidden="true"></span>',
+ esc_attr( implode( ' ', $class_names ) ),
+ esc_attr( safecss_filter_attr( implode( ' ', $styles ) ) )
+ );
+}
+
+/**
+ * Generates class names and styles to apply the border support styles for
+ * the Post Featured Image block.
+ *
+ * @param array $attributes The block attributes.
+ * @return array The border-related classnames and styles for the block.
+ */
+function get_block_core_post_featured_image_border_attributes( $attributes ) {
+ $border_styles = array();
+ $sides = array( 'top', 'right', 'bottom', 'left' );
+
+ // Border radius.
+ if ( isset( $attributes['style']['border']['radius'] ) ) {
+ $border_styles['radius'] = $attributes['style']['border']['radius'];
+ }
+
+ // Border style.
+ if ( isset( $attributes['style']['border']['style'] ) ) {
+ $border_styles['style'] = $attributes['style']['border']['style'];
+ }
+
+ // Border width.
+ if ( isset( $attributes['style']['border']['width'] ) ) {
+ $border_styles['width'] = $attributes['style']['border']['width'];
+ }
+
+ // Border color.
+ $preset_color = array_key_exists( 'borderColor', $attributes ) ? "var:preset|color|{$attributes['borderColor']}" : null;
+ $custom_color = $attributes['style']['border']['color'] ?? null;
+ $border_styles['color'] = $preset_color ? $preset_color : $custom_color;
+
+ // Individual border styles e.g. top, left etc.
+ foreach ( $sides as $side ) {
+ $border = $attributes['style']['border'][ $side ] ?? null;
+ $border_styles[ $side ] = array(
+ 'color' => isset( $border['color'] ) ? $border['color'] : null,
+ 'style' => isset( $border['style'] ) ? $border['style'] : null,
+ 'width' => isset( $border['width'] ) ? $border['width'] : null,
+ );
+ }
+
+ $styles = wp_style_engine_get_styles( array( 'border' => $border_styles ) );
+ $attributes = array();
+ if ( ! empty( $styles['classnames'] ) ) {
+ $attributes['class'] = $styles['classnames'];
+ }
+ if ( ! empty( $styles['css'] ) ) {
+ $attributes['style'] = $styles['css'];
+ }
+ return $attributes;
+}
+
+/**
+ * Registers the `core/post-featured-image` block on the server.
+ */
+function register_block_core_post_featured_image() {
+ register_block_type_from_metadata(
+ __DIR__ . '/post-featured-image',
+ array(
+ 'render_callback' => 'render_block_core_post_featured_image',
+ )
+ );
+}
+add_action( 'init', 'register_block_core_post_featured_image' );
diff --git a/wp-includes/blocks/post-featured-image/block.json b/wp-includes/blocks/post-featured-image/block.json
new file mode 100644
index 0000000..34e3bd6
--- /dev/null
+++ b/wp-includes/blocks/post-featured-image/block.json
@@ -0,0 +1,84 @@
+{
+ "$schema": "https://schemas.wp.org/trunk/block.json",
+ "apiVersion": 3,
+ "name": "core/post-featured-image",
+ "title": "Featured Image",
+ "category": "theme",
+ "description": "Display a post's featured image.",
+ "textdomain": "default",
+ "attributes": {
+ "isLink": {
+ "type": "boolean",
+ "default": false
+ },
+ "aspectRatio": {
+ "type": "string"
+ },
+ "width": {
+ "type": "string"
+ },
+ "height": {
+ "type": "string"
+ },
+ "scale": {
+ "type": "string",
+ "default": "cover"
+ },
+ "sizeSlug": {
+ "type": "string"
+ },
+ "rel": {
+ "type": "string",
+ "attribute": "rel",
+ "default": ""
+ },
+ "linkTarget": {
+ "type": "string",
+ "default": "_self"
+ },
+ "overlayColor": {
+ "type": "string"
+ },
+ "customOverlayColor": {
+ "type": "string"
+ },
+ "dimRatio": {
+ "type": "number",
+ "default": 0
+ },
+ "gradient": {
+ "type": "string"
+ },
+ "customGradient": {
+ "type": "string"
+ }
+ },
+ "usesContext": [ "postId", "postType", "queryId" ],
+ "supports": {
+ "align": [ "left", "right", "center", "wide", "full" ],
+ "color": {
+ "__experimentalDuotone": "img, .wp-block-post-featured-image__placeholder, .components-placeholder__illustration, .components-placeholder::before",
+ "text": false,
+ "background": false
+ },
+ "__experimentalBorder": {
+ "color": true,
+ "radius": true,
+ "width": true,
+ "__experimentalSelector": "img, .block-editor-media-placeholder, .wp-block-post-featured-image__overlay",
+ "__experimentalSkipSerialization": true,
+ "__experimentalDefaultControls": {
+ "color": true,
+ "radius": true,
+ "width": true
+ }
+ },
+ "html": false,
+ "spacing": {
+ "margin": true,
+ "padding": true
+ }
+ },
+ "editorStyle": "wp-block-post-featured-image-editor",
+ "style": "wp-block-post-featured-image"
+}
diff --git a/wp-includes/blocks/post-featured-image/editor-rtl.css b/wp-includes/blocks/post-featured-image/editor-rtl.css
new file mode 100644
index 0000000..7b4087d
--- /dev/null
+++ b/wp-includes/blocks/post-featured-image/editor-rtl.css
@@ -0,0 +1,74 @@
+.wp-block-post-featured-image .block-editor-media-placeholder{
+ -webkit-backdrop-filter:none;
+ backdrop-filter:none;
+ z-index:1;
+}
+.wp-block-post-featured-image .components-placeholder,.wp-block-post-featured-image .wp-block-post-featured-image__placeholder{
+ align-items:center;
+ display:flex;
+ justify-content:center;
+ min-height:200px;
+ padding:0;
+}
+.wp-block-post-featured-image .components-placeholder .components-form-file-upload,.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-form-file-upload{
+ display:none;
+}
+.wp-block-post-featured-image .components-placeholder .components-button,.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-button{
+ align-items:center;
+ background:var(--wp-admin-theme-color);
+ border-color:var(--wp-admin-theme-color);
+ border-radius:50%;
+ border-style:solid;
+ color:#fff;
+ display:flex;
+ height:48px;
+ justify-content:center;
+ padding:0;
+ position:relative;
+ width:48px;
+}
+.wp-block-post-featured-image .components-placeholder .components-button>svg,.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-button>svg{
+ color:inherit;
+}
+.wp-block-post-featured-image .components-placeholder:where(.has-border-color),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where(.has-border-color),.wp-block-post-featured-image img:where(.has-border-color){
+ border-style:solid;
+}
+.wp-block-post-featured-image .components-placeholder:where([style*=border-top-color]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-top-color]),.wp-block-post-featured-image img:where([style*=border-top-color]){
+ border-top-style:solid;
+}
+.wp-block-post-featured-image .components-placeholder:where([style*=border-right-color]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-right-color]),.wp-block-post-featured-image img:where([style*=border-right-color]){
+ border-left-style:solid;
+}
+.wp-block-post-featured-image .components-placeholder:where([style*=border-bottom-color]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-bottom-color]),.wp-block-post-featured-image img:where([style*=border-bottom-color]){
+ border-bottom-style:solid;
+}
+.wp-block-post-featured-image .components-placeholder:where([style*=border-left-color]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-left-color]),.wp-block-post-featured-image img:where([style*=border-left-color]){
+ border-right-style:solid;
+}
+.wp-block-post-featured-image .components-placeholder:where([style*=border-width]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-width]),.wp-block-post-featured-image img:where([style*=border-width]){
+ border-style:solid;
+}
+.wp-block-post-featured-image .components-placeholder:where([style*=border-top-width]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-top-width]),.wp-block-post-featured-image img:where([style*=border-top-width]){
+ border-top-style:solid;
+}
+.wp-block-post-featured-image .components-placeholder:where([style*=border-right-width]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-right-width]),.wp-block-post-featured-image img:where([style*=border-right-width]){
+ border-left-style:solid;
+}
+.wp-block-post-featured-image .components-placeholder:where([style*=border-bottom-width]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-bottom-width]),.wp-block-post-featured-image img:where([style*=border-bottom-width]){
+ border-bottom-style:solid;
+}
+.wp-block-post-featured-image .components-placeholder:where([style*=border-left-width]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-left-width]),.wp-block-post-featured-image img:where([style*=border-left-width]){
+ border-right-style:solid;
+}
+.wp-block-post-featured-image[style*=height] .components-placeholder{
+ height:100%;
+ min-height:48px;
+ min-width:48px;
+ width:100%;
+}
+
+div[data-type="core/post-featured-image"] img{
+ display:block;
+ height:auto;
+ max-width:100%;
+} \ No newline at end of file
diff --git a/wp-includes/blocks/post-featured-image/editor-rtl.min.css b/wp-includes/blocks/post-featured-image/editor-rtl.min.css
new file mode 100644
index 0000000..f36d0ed
--- /dev/null
+++ b/wp-includes/blocks/post-featured-image/editor-rtl.min.css
@@ -0,0 +1 @@
+.wp-block-post-featured-image .block-editor-media-placeholder{-webkit-backdrop-filter:none;backdrop-filter:none;z-index:1}.wp-block-post-featured-image .components-placeholder,.wp-block-post-featured-image .wp-block-post-featured-image__placeholder{align-items:center;display:flex;justify-content:center;min-height:200px;padding:0}.wp-block-post-featured-image .components-placeholder .components-form-file-upload,.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-form-file-upload{display:none}.wp-block-post-featured-image .components-placeholder .components-button,.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-button{align-items:center;background:var(--wp-admin-theme-color);border-color:var(--wp-admin-theme-color);border-radius:50%;border-style:solid;color:#fff;display:flex;height:48px;justify-content:center;padding:0;position:relative;width:48px}.wp-block-post-featured-image .components-placeholder .components-button>svg,.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-button>svg{color:inherit}.wp-block-post-featured-image .components-placeholder:where(.has-border-color),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where(.has-border-color),.wp-block-post-featured-image img:where(.has-border-color){border-style:solid}.wp-block-post-featured-image .components-placeholder:where([style*=border-top-color]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-top-color]),.wp-block-post-featured-image img:where([style*=border-top-color]){border-top-style:solid}.wp-block-post-featured-image .components-placeholder:where([style*=border-right-color]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-right-color]),.wp-block-post-featured-image img:where([style*=border-right-color]){border-left-style:solid}.wp-block-post-featured-image .components-placeholder:where([style*=border-bottom-color]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-bottom-color]),.wp-block-post-featured-image img:where([style*=border-bottom-color]){border-bottom-style:solid}.wp-block-post-featured-image .components-placeholder:where([style*=border-left-color]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-left-color]),.wp-block-post-featured-image img:where([style*=border-left-color]){border-right-style:solid}.wp-block-post-featured-image .components-placeholder:where([style*=border-width]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-width]),.wp-block-post-featured-image img:where([style*=border-width]){border-style:solid}.wp-block-post-featured-image .components-placeholder:where([style*=border-top-width]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-top-width]),.wp-block-post-featured-image img:where([style*=border-top-width]){border-top-style:solid}.wp-block-post-featured-image .components-placeholder:where([style*=border-right-width]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-right-width]),.wp-block-post-featured-image img:where([style*=border-right-width]){border-left-style:solid}.wp-block-post-featured-image .components-placeholder:where([style*=border-bottom-width]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-bottom-width]),.wp-block-post-featured-image img:where([style*=border-bottom-width]){border-bottom-style:solid}.wp-block-post-featured-image .components-placeholder:where([style*=border-left-width]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-left-width]),.wp-block-post-featured-image img:where([style*=border-left-width]){border-right-style:solid}.wp-block-post-featured-image[style*=height] .components-placeholder{height:100%;min-height:48px;min-width:48px;width:100%}div[data-type="core/post-featured-image"] img{display:block;height:auto;max-width:100%} \ No newline at end of file
diff --git a/wp-includes/blocks/post-featured-image/editor.css b/wp-includes/blocks/post-featured-image/editor.css
new file mode 100644
index 0000000..0a451d3
--- /dev/null
+++ b/wp-includes/blocks/post-featured-image/editor.css
@@ -0,0 +1,74 @@
+.wp-block-post-featured-image .block-editor-media-placeholder{
+ -webkit-backdrop-filter:none;
+ backdrop-filter:none;
+ z-index:1;
+}
+.wp-block-post-featured-image .components-placeholder,.wp-block-post-featured-image .wp-block-post-featured-image__placeholder{
+ align-items:center;
+ display:flex;
+ justify-content:center;
+ min-height:200px;
+ padding:0;
+}
+.wp-block-post-featured-image .components-placeholder .components-form-file-upload,.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-form-file-upload{
+ display:none;
+}
+.wp-block-post-featured-image .components-placeholder .components-button,.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-button{
+ align-items:center;
+ background:var(--wp-admin-theme-color);
+ border-color:var(--wp-admin-theme-color);
+ border-radius:50%;
+ border-style:solid;
+ color:#fff;
+ display:flex;
+ height:48px;
+ justify-content:center;
+ padding:0;
+ position:relative;
+ width:48px;
+}
+.wp-block-post-featured-image .components-placeholder .components-button>svg,.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-button>svg{
+ color:inherit;
+}
+.wp-block-post-featured-image .components-placeholder:where(.has-border-color),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where(.has-border-color),.wp-block-post-featured-image img:where(.has-border-color){
+ border-style:solid;
+}
+.wp-block-post-featured-image .components-placeholder:where([style*=border-top-color]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-top-color]),.wp-block-post-featured-image img:where([style*=border-top-color]){
+ border-top-style:solid;
+}
+.wp-block-post-featured-image .components-placeholder:where([style*=border-right-color]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-right-color]),.wp-block-post-featured-image img:where([style*=border-right-color]){
+ border-right-style:solid;
+}
+.wp-block-post-featured-image .components-placeholder:where([style*=border-bottom-color]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-bottom-color]),.wp-block-post-featured-image img:where([style*=border-bottom-color]){
+ border-bottom-style:solid;
+}
+.wp-block-post-featured-image .components-placeholder:where([style*=border-left-color]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-left-color]),.wp-block-post-featured-image img:where([style*=border-left-color]){
+ border-left-style:solid;
+}
+.wp-block-post-featured-image .components-placeholder:where([style*=border-width]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-width]),.wp-block-post-featured-image img:where([style*=border-width]){
+ border-style:solid;
+}
+.wp-block-post-featured-image .components-placeholder:where([style*=border-top-width]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-top-width]),.wp-block-post-featured-image img:where([style*=border-top-width]){
+ border-top-style:solid;
+}
+.wp-block-post-featured-image .components-placeholder:where([style*=border-right-width]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-right-width]),.wp-block-post-featured-image img:where([style*=border-right-width]){
+ border-right-style:solid;
+}
+.wp-block-post-featured-image .components-placeholder:where([style*=border-bottom-width]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-bottom-width]),.wp-block-post-featured-image img:where([style*=border-bottom-width]){
+ border-bottom-style:solid;
+}
+.wp-block-post-featured-image .components-placeholder:where([style*=border-left-width]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-left-width]),.wp-block-post-featured-image img:where([style*=border-left-width]){
+ border-left-style:solid;
+}
+.wp-block-post-featured-image[style*=height] .components-placeholder{
+ height:100%;
+ min-height:48px;
+ min-width:48px;
+ width:100%;
+}
+
+div[data-type="core/post-featured-image"] img{
+ display:block;
+ height:auto;
+ max-width:100%;
+} \ No newline at end of file
diff --git a/wp-includes/blocks/post-featured-image/editor.min.css b/wp-includes/blocks/post-featured-image/editor.min.css
new file mode 100644
index 0000000..1da64e1
--- /dev/null
+++ b/wp-includes/blocks/post-featured-image/editor.min.css
@@ -0,0 +1 @@
+.wp-block-post-featured-image .block-editor-media-placeholder{-webkit-backdrop-filter:none;backdrop-filter:none;z-index:1}.wp-block-post-featured-image .components-placeholder,.wp-block-post-featured-image .wp-block-post-featured-image__placeholder{align-items:center;display:flex;justify-content:center;min-height:200px;padding:0}.wp-block-post-featured-image .components-placeholder .components-form-file-upload,.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-form-file-upload{display:none}.wp-block-post-featured-image .components-placeholder .components-button,.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-button{align-items:center;background:var(--wp-admin-theme-color);border-color:var(--wp-admin-theme-color);border-radius:50%;border-style:solid;color:#fff;display:flex;height:48px;justify-content:center;padding:0;position:relative;width:48px}.wp-block-post-featured-image .components-placeholder .components-button>svg,.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-button>svg{color:inherit}.wp-block-post-featured-image .components-placeholder:where(.has-border-color),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where(.has-border-color),.wp-block-post-featured-image img:where(.has-border-color){border-style:solid}.wp-block-post-featured-image .components-placeholder:where([style*=border-top-color]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-top-color]),.wp-block-post-featured-image img:where([style*=border-top-color]){border-top-style:solid}.wp-block-post-featured-image .components-placeholder:where([style*=border-right-color]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-right-color]),.wp-block-post-featured-image img:where([style*=border-right-color]){border-right-style:solid}.wp-block-post-featured-image .components-placeholder:where([style*=border-bottom-color]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-bottom-color]),.wp-block-post-featured-image img:where([style*=border-bottom-color]){border-bottom-style:solid}.wp-block-post-featured-image .components-placeholder:where([style*=border-left-color]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-left-color]),.wp-block-post-featured-image img:where([style*=border-left-color]){border-left-style:solid}.wp-block-post-featured-image .components-placeholder:where([style*=border-width]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-width]),.wp-block-post-featured-image img:where([style*=border-width]){border-style:solid}.wp-block-post-featured-image .components-placeholder:where([style*=border-top-width]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-top-width]),.wp-block-post-featured-image img:where([style*=border-top-width]){border-top-style:solid}.wp-block-post-featured-image .components-placeholder:where([style*=border-right-width]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-right-width]),.wp-block-post-featured-image img:where([style*=border-right-width]){border-right-style:solid}.wp-block-post-featured-image .components-placeholder:where([style*=border-bottom-width]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-bottom-width]),.wp-block-post-featured-image img:where([style*=border-bottom-width]){border-bottom-style:solid}.wp-block-post-featured-image .components-placeholder:where([style*=border-left-width]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-left-width]),.wp-block-post-featured-image img:where([style*=border-left-width]){border-left-style:solid}.wp-block-post-featured-image[style*=height] .components-placeholder{height:100%;min-height:48px;min-width:48px;width:100%}div[data-type="core/post-featured-image"] img{display:block;height:auto;max-width:100%} \ No newline at end of file
diff --git a/wp-includes/blocks/post-featured-image/style-rtl.css b/wp-includes/blocks/post-featured-image/style-rtl.css
new file mode 100644
index 0000000..b802d2a
--- /dev/null
+++ b/wp-includes/blocks/post-featured-image/style-rtl.css
@@ -0,0 +1,66 @@
+.wp-block-post-featured-image{
+ margin-left:0;
+ margin-right:0;
+}
+.wp-block-post-featured-image a{
+ display:block;
+ height:100%;
+}
+.wp-block-post-featured-image img{
+ box-sizing:border-box;
+ height:auto;
+ max-width:100%;
+ vertical-align:bottom;
+ width:100%;
+}
+.wp-block-post-featured-image.alignfull img,.wp-block-post-featured-image.alignwide img{
+ width:100%;
+}
+.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim{
+ background-color:#000;
+ inset:0;
+ position:absolute;
+}
+.wp-block-post-featured-image{
+ position:relative;
+}
+
+.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-gradient{
+ background-color:transparent;
+}
+.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-0{
+ opacity:0;
+}
+.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-10{
+ opacity:.1;
+}
+.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-20{
+ opacity:.2;
+}
+.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-30{
+ opacity:.3;
+}
+.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-40{
+ opacity:.4;
+}
+.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-50{
+ opacity:.5;
+}
+.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-60{
+ opacity:.6;
+}
+.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-70{
+ opacity:.7;
+}
+.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-80{
+ opacity:.8;
+}
+.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-90{
+ opacity:.9;
+}
+.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-100{
+ opacity:1;
+}
+.wp-block-post-featured-image:where(.alignleft,.alignright){
+ width:100%;
+} \ No newline at end of file
diff --git a/wp-includes/blocks/post-featured-image/style-rtl.min.css b/wp-includes/blocks/post-featured-image/style-rtl.min.css
new file mode 100644
index 0000000..5af6fe1
--- /dev/null
+++ b/wp-includes/blocks/post-featured-image/style-rtl.min.css
@@ -0,0 +1 @@
+.wp-block-post-featured-image{margin-left:0;margin-right:0}.wp-block-post-featured-image a{display:block;height:100%}.wp-block-post-featured-image img{box-sizing:border-box;height:auto;max-width:100%;vertical-align:bottom;width:100%}.wp-block-post-featured-image.alignfull img,.wp-block-post-featured-image.alignwide img{width:100%}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim{background-color:#000;inset:0;position:absolute}.wp-block-post-featured-image{position:relative}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-gradient{background-color:transparent}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-0{opacity:0}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-10{opacity:.1}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-20{opacity:.2}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-30{opacity:.3}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-40{opacity:.4}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-50{opacity:.5}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-60{opacity:.6}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-70{opacity:.7}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-80{opacity:.8}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-90{opacity:.9}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-100{opacity:1}.wp-block-post-featured-image:where(.alignleft,.alignright){width:100%} \ No newline at end of file
diff --git a/wp-includes/blocks/post-featured-image/style.css b/wp-includes/blocks/post-featured-image/style.css
new file mode 100644
index 0000000..b802d2a
--- /dev/null
+++ b/wp-includes/blocks/post-featured-image/style.css
@@ -0,0 +1,66 @@
+.wp-block-post-featured-image{
+ margin-left:0;
+ margin-right:0;
+}
+.wp-block-post-featured-image a{
+ display:block;
+ height:100%;
+}
+.wp-block-post-featured-image img{
+ box-sizing:border-box;
+ height:auto;
+ max-width:100%;
+ vertical-align:bottom;
+ width:100%;
+}
+.wp-block-post-featured-image.alignfull img,.wp-block-post-featured-image.alignwide img{
+ width:100%;
+}
+.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim{
+ background-color:#000;
+ inset:0;
+ position:absolute;
+}
+.wp-block-post-featured-image{
+ position:relative;
+}
+
+.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-gradient{
+ background-color:transparent;
+}
+.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-0{
+ opacity:0;
+}
+.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-10{
+ opacity:.1;
+}
+.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-20{
+ opacity:.2;
+}
+.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-30{
+ opacity:.3;
+}
+.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-40{
+ opacity:.4;
+}
+.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-50{
+ opacity:.5;
+}
+.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-60{
+ opacity:.6;
+}
+.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-70{
+ opacity:.7;
+}
+.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-80{
+ opacity:.8;
+}
+.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-90{
+ opacity:.9;
+}
+.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-100{
+ opacity:1;
+}
+.wp-block-post-featured-image:where(.alignleft,.alignright){
+ width:100%;
+} \ No newline at end of file
diff --git a/wp-includes/blocks/post-featured-image/style.min.css b/wp-includes/blocks/post-featured-image/style.min.css
new file mode 100644
index 0000000..5af6fe1
--- /dev/null
+++ b/wp-includes/blocks/post-featured-image/style.min.css
@@ -0,0 +1 @@
+.wp-block-post-featured-image{margin-left:0;margin-right:0}.wp-block-post-featured-image a{display:block;height:100%}.wp-block-post-featured-image img{box-sizing:border-box;height:auto;max-width:100%;vertical-align:bottom;width:100%}.wp-block-post-featured-image.alignfull img,.wp-block-post-featured-image.alignwide img{width:100%}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim{background-color:#000;inset:0;position:absolute}.wp-block-post-featured-image{position:relative}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-gradient{background-color:transparent}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-0{opacity:0}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-10{opacity:.1}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-20{opacity:.2}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-30{opacity:.3}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-40{opacity:.4}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-50{opacity:.5}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-60{opacity:.6}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-70{opacity:.7}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-80{opacity:.8}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-90{opacity:.9}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-100{opacity:1}.wp-block-post-featured-image:where(.alignleft,.alignright){width:100%} \ No newline at end of file