fix (posts block): Added inverted horizontal layout variation. (#2165)

* Add inverted horizontal layout variation to posts block.

* Revert "Add inverted horizontal layout variation to posts block."

This reverts commit 14adee1.

* Use `is-style-horizontal-2` instead of `is-style-list`.

Author: gumacahin

src/block/posts/edit.js

@@ -325,10 +325,10 @@ const Edit = props => {
 			</InspectorStyleControls>
 			<Image.InspectorControls
 				label={ __( 'Featured Image', i18n ) }
-				hasHeight={ ! [ 'portfolio', 'portfolio-2', 'horizontal' ].includes( blockStyle ) }
-				hasBorderRadius={ ! [ 'portfolio', 'portfolio-2', 'horizontal' ].includes( blockStyle ) }
+				hasHeight={ ! [ 'portfolio', 'portfolio-2', 'horizontal', 'horizontal-2' ].includes( blockStyle ) }
+				hasBorderRadius={ ! [ 'portfolio', 'portfolio-2', 'horizontal', 'horizontal-2' ].includes( blockStyle ) }
 				hasShape={ false }
-				hasWidth={ [ 'list', 'horizontal' ].includes( blockStyle ) }
+				hasWidth={ [ 'list', 'horizontal', 'horizontal-2' ].includes( blockStyle ) }
 				hasAlt={ false }
 				hasSelector={ false }
 				src={ focalPointPlaceholder }

src/block/posts/images/horizontal-card-2.svg

@@ -126,8 +126,8 @@ export const generateRenderPostItem = attributes => {
 
 		const featuredImgSrc = featuredImageUrls?.[ imageSize || 'full' ]?.[ 0 ]
 
-		const enableHeight = ! [ 'portfolio', 'portfolio-2', 'horizontal' ].includes( style?.name )
-		const enableWidth = [ 'list', 'horizontal' ].includes( style?.name )
+		const enableHeight = ! [ 'portfolio', 'portfolio-2', 'horizontal', 'horizontal-2' ].includes( style?.name )
+		const enableWidth = [ 'list', 'horizontal', 'horizontal-2' ].includes( style?.name )
 
 		const featuredImage = !! featuredImgSrc && (
 			<Image

src/block/posts/util.js

@@ -20,6 +20,7 @@ import ImagePortfolio from './images/portfolio.svg'
 import ImagePortfolio2 from './images/portfolio-2.svg'
 import ImageVerticalCard from './images/vertical-card.svg'
 import ImageHorizontalCard from './images/horizontal-card.svg'
+import ImageHorizontalCard2 from './images/horizontal-card-2.svg'
 import ImageVerticalCard2 from './images/vertical-card-2.svg'
 import ImageImageCard from './images/image-card.svg'
 
@@ -76,6 +77,14 @@ const variations = applyFilters(
 			isPremium: ! isPro,
 			scope: [ 'block' ],
 		},
+		{
+			name: 'horizontal-2',
+			title: __( 'Horizontal 2', i18n ),
+			description: sprintf( _x( '%s Layout', 'Block layout name', i18n ), __( 'Horizontal 2', i18n ) ),
+			icon: ImageHorizontalCard2,
+			isPremium: ! isPro,
+			scope: [ 'block' ],
+		},
 		{
 			name: 'portfolio',
 			title: __( 'Portfolio', i18n ),