@automattic/newspack-blocks 1.0.0-hotfix-cap-count-user-posts-dedup.1

package/src/block-patterns/homepage-posts-26.php

@@ -0,0 +1,13 @@
+<?php
+/**
+ * Content Loop Pattern 26.
+ *
+ * @package Newspack_Blocks
+ */
+
+return array(
+	'title'         => __( 'Content Loop Pattern 26', 'newspack-blocks' ),
+	'content'       => "<!-- wp:columns {\"className\":\"is-style-first-col-to-second\"} -->\n<div class=\"wp-block-columns is-style-first-col-to-second\"><!-- wp:column {\"width\":50} -->\n<div class=\"wp-block-column\" style=\"flex-basis:50%\"><!-- wp:newspack-blocks/homepage-articles {\"showAuthor\":false,\"postsToShow\":1,\"typeScale\":6} /-->\n\n<!-- wp:newspack-blocks/homepage-articles {\"excerptLength\":25,\"showAuthor\":false,\"mediaPosition\":\"left\",\"typeScale\":2,\"imageScale\":2} /--></div>\n<!-- /wp:column -->\n\n<!-- wp:column {\"width\":25} -->\n<div class=\"wp-block-column\" style=\"flex-basis:25%\"><!-- wp:newspack-blocks/homepage-articles {\"className\":\"is-style-default\",\"showExcerpt\":false,\"showAuthor\":false,\"showAvatar\":false,\"postsToShow\":4,\"typeScale\":3,\"imageScale\":1} /--></div>\n<!-- /wp:column -->\n\n<!-- wp:column {\"width\":25} -->\n<div class=\"wp-block-column\" style=\"flex-basis:25%\"><!-- wp:newspack-blocks/homepage-articles {\"className\":\"is-style-borders\",\"excerptLength\":12,\"showImage\":false,\"showAuthor\":false,\"showAvatar\":false,\"postsToShow\":2,\"mediaPosition\":\"left\",\"typeScale\":2,\"imageScale\":1} /-->\n\n<!-- wp:newspack-ads/ad-unit /-->\n\n<!-- wp:newspack-blocks/homepage-articles {\"className\":\"is-style-borders\",\"excerptLength\":12,\"showImage\":false,\"showAuthor\":false,\"showAvatar\":false,\"postsToShow\":3,\"mediaPosition\":\"left\",\"typeScale\":2,\"imageScale\":1} /--></div>\n<!-- /wp:column --></div>\n<!-- /wp:columns -->",
+	'viewportWidth' => 1000,
+	'categories'    => array( 'newspack-homepage-posts' ),
+);

package/src/block-patterns/homepage-posts-27.php

@@ -0,0 +1,13 @@
+<?php
+/**
+ * Content Loop Pattern 27.
+ *
+ * @package Newspack_Blocks
+ */
+
+return array(
+	'title'         => __( 'Content Loop Pattern 27', 'newspack-blocks' ),
+	'content'       => '<!-- wp:newspack-blocks/homepage-articles {"showExcerpt":false,"showAuthor":false,"postLayout":"grid","columns":4,"postsToShow":4,"typeScale":2} /-->',
+	'viewportWidth' => 1000,
+	'categories'    => array( 'newspack-homepage-posts' ),
+);

package/src/block-patterns/homepage-posts-28.php

@@ -0,0 +1,13 @@
+<?php
+/**
+ * Content Loop Pattern 28.
+ *
+ * @package Newspack_Blocks
+ */
+
+return array(
+	'title'         => __( 'Content Loop Pattern 28', 'newspack-blocks' ),
+	'content'       => '<!-- wp:newspack-blocks/homepage-articles {"showExcerpt":false,"showAuthor":false,"postLayout":"grid","columns":5,"postsToShow":5,"typeScale":2} /-->',
+	'viewportWidth' => 1000,
+	'categories'    => array( 'newspack-homepage-posts' ),
+);

package/src/block-patterns/homepage-posts-29.php

@@ -0,0 +1,13 @@
+<?php
+/**
+ * Content Loop Pattern 29.
+ *
+ * @package Newspack_Blocks
+ */
+
+return array(
+	'title'         => __( 'Content Loop Pattern 29', 'newspack-blocks' ),
+	'content'       => "<!-- wp:columns -->\n<div class=\"wp-block-columns\"><!-- wp:column {\"width\":50} -->\n<div class=\"wp-block-column\" style=\"flex-basis:50%\"><!-- wp:newspack-blocks/homepage-articles {\"excerptLength\":25,\"showAuthor\":false,\"showAvatar\":false,\"mediaPosition\":\"left\",\"typeScale\":2,\"imageScale\":2} /--></div>\n<!-- /wp:column -->\n\n<!-- wp:column {\"width\":25} -->\n<div class=\"wp-block-column\" style=\"flex-basis:25%\"><!-- wp:newspack-blocks/homepage-articles {\"className\":\"is-style-borders\",\"showExcerpt\":false,\"showImage\":false,\"showAuthor\":false,\"showAvatar\":false,\"postsToShow\":5,\"typeScale\":2} /--></div>\n<!-- /wp:column -->\n\n<!-- wp:column {\"width\":25} -->\n<div class=\"wp-block-column\" style=\"flex-basis:25%\"><!-- wp:newspack-blocks/homepage-articles {\"className\":\"is-style-borders\",\"showExcerpt\":false,\"showImage\":false,\"showAuthor\":false,\"showAvatar\":false,\"postsToShow\":5,\"typeScale\":2} /--></div>\n<!-- /wp:column --></div>\n<!-- /wp:columns -->",
+	'viewportWidth' => 1000,
+	'categories'    => array( 'newspack-homepage-posts' ),
+);

package/src/block-patterns/homepage-posts-3.php

@@ -0,0 +1,13 @@
+<?php
+/**
+ * Content Loop Pattern 3.
+ *
+ * @package Newspack_Blocks
+ */
+
+return array(
+	'title'         => __( 'Content Loop Pattern 3', 'newspack-blocks' ),
+	'content'       => "<!-- wp:columns {\"className\":\"is-style-borders\"} -->\n<div class=\"wp-block-columns is-style-borders\"><!-- wp:column -->\n<div class=\"wp-block-column\"><!-- wp:newspack-blocks/homepage-articles {\"showImage\":false,\"showAvatar\":false,\"postsToShow\":2,\"typeScale\":3} /--></div>\n<!-- /wp:column -->\n\n<!-- wp:column -->\n<div class=\"wp-block-column\"><!-- wp:newspack-blocks/homepage-articles {\"showImage\":false,\"showAvatar\":false,\"postsToShow\":2,\"typeScale\":3} /--></div>\n<!-- /wp:column -->\n\n<!-- wp:column -->\n<div class=\"wp-block-column\"><!-- wp:newspack-blocks/homepage-articles {\"showImage\":false,\"showAvatar\":false,\"postsToShow\":2,\"typeScale\":3} /--></div>\n<!-- /wp:column --></div>\n<!-- /wp:columns -->",
+	'viewportWidth' => 1000,
+	'categories'    => array( 'newspack-homepage-posts' ),
+);

package/src/block-patterns/homepage-posts-30.php

@@ -0,0 +1,13 @@
+<?php
+/**
+ * Content Loop Pattern 30.
+ *
+ * @package Newspack_Blocks
+ */
+
+return array(
+	'title'         => __( 'Content Loop Pattern 30', 'newspack-blocks' ),
+	'content'       => "<!-- wp:columns -->\n<div class=\"wp-block-columns\"><!-- wp:column {\"width\":75} -->\n<div class=\"wp-block-column\" style=\"flex-basis:75%\"><!-- wp:newspack-blocks/homepage-articles {\"excerptLength\":20,\"postsToShow\":1,\"mediaPosition\":\"right\",\"typeScale\":5} /-->\n\n<!-- wp:newspack-blocks/homepage-articles {\"excerptLength\":10,\"showAvatar\":false,\"postLayout\":\"grid\",\"typeScale\":3} /-->\n\n<!-- wp:newspack-blocks/homepage-articles {\"className\":\"is-style-default\",\"showExcerpt\":false,\"showImage\":false,\"showAvatar\":false,\"postLayout\":\"grid\",\"postsToShow\":6,\"typeScale\":3} /--></div>\n<!-- /wp:column -->\n\n<!-- wp:column {\"width\":25} -->\n<div class=\"wp-block-column\" style=\"flex-basis:25%\"><!-- wp:newspack-blocks/homepage-articles {\"className\":\"is-style-default\",\"showExcerpt\":false,\"showImage\":false,\"showAuthor\":false,\"showAvatar\":false,\"postsToShow\":10,\"typeScale\":2} /--></div>\n<!-- /wp:column --></div>\n<!-- /wp:columns -->",
+	'viewportWidth' => 1000,
+	'categories'    => array( 'newspack-homepage-posts' ),
+);

package/src/block-patterns/homepage-posts-31.php

@@ -0,0 +1,13 @@
+<?php
+/**
+ * Content Loop Pattern 31.
+ *
+ * @package Newspack_Blocks
+ */
+
+return array(
+	'title'         => __( 'Content Loop Pattern 31', 'newspack-blocks' ),
+	'content'       => "<!-- wp:columns -->\n<div class=\"wp-block-columns\"><!-- wp:column {\"width\":\"66.66%\"} -->\n<div class=\"wp-block-column\" style=\"flex-basis:66.66%\"><!-- wp:newspack-blocks/homepage-articles {\"showExcerpt\":false,\"mediaPosition\":\"left\",\"imageScale\":1,\"mobileStack\":true} /--></div>\n<!-- /wp:column -->\n\n<!-- wp:column {\"width\":\"33.33%\"} -->\n<div class=\"wp-block-column\" style=\"flex-basis:33.33%\"><!-- wp:newspack-ads/ad-unit /--></div>\n<!-- /wp:column --></div>\n<!-- /wp:columns -->",
+	'viewportWidth' => 1000,
+	'categories'    => array( 'newspack-homepage-posts' ),
+);

package/src/block-patterns/homepage-posts-4.php

@@ -0,0 +1,13 @@
+<?php
+/**
+ * Content Loop Pattern 4.
+ *
+ * @package Newspack_Blocks
+ */
+
+return array(
+	'title'         => __( 'Content Loop Pattern 4', 'newspack-blocks' ),
+	'content'       => '<!-- wp:newspack-blocks/homepage-articles {"excerptLength":20,"minHeight":60,"showAvatar":false,"postLayout":"grid","columns":2,"postsToShow":2,"mediaPosition":"behind"} /-->',
+	'viewportWidth' => 1000,
+	'categories'    => array( 'newspack-homepage-posts' ),
+);

package/src/block-patterns/homepage-posts-5.php

@@ -0,0 +1,13 @@
+<?php
+/**
+ * Content Loop Pattern 5.
+ *
+ * @package Newspack_Blocks
+ */
+
+return array(
+	'title'         => __( 'Content Loop Pattern 5', 'newspack-blocks' ),
+	'content'       => "<!-- wp:columns {\"className\":\"is-style-default\"} -->\n<div class=\"wp-block-columns is-style-default\"><!-- wp:column -->\n<div class=\"wp-block-column\"><!-- wp:newspack-blocks/homepage-articles {\"className\":\"is-style-borders\",\"showExcerpt\":false,\"showAvatar\":false,\"postsToShow\":1,\"categories\":[],\"typeScale\":3,\"imageScale\":1} /-->\n\n<!-- wp:newspack-blocks/homepage-articles {\"className\":\"is-style-borders\",\"showExcerpt\":false,\"showImage\":false,\"showAuthor\":false,\"showAvatar\":false,\"mediaPosition\":\"left\",\"categories\":[],\"typeScale\":2,\"imageScale\":1} /--></div>\n<!-- /wp:column -->\n\n<!-- wp:column -->\n<div class=\"wp-block-column\"><!-- wp:newspack-blocks/homepage-articles {\"className\":\"is-style-borders\",\"showExcerpt\":false,\"showAvatar\":false,\"postsToShow\":1,\"categories\":[],\"typeScale\":3,\"imageScale\":1} /-->\n\n<!-- wp:newspack-blocks/homepage-articles {\"className\":\"is-style-borders\",\"showExcerpt\":false,\"showImage\":false,\"showAuthor\":false,\"showAvatar\":false,\"mediaPosition\":\"left\",\"categories\":[],\"typeScale\":2,\"imageScale\":1} /--></div>\n<!-- /wp:column -->\n\n<!-- wp:column -->\n<div class=\"wp-block-column\"><!-- wp:newspack-blocks/homepage-articles {\"className\":\"is-style-borders\",\"showExcerpt\":false,\"showAvatar\":false,\"postsToShow\":1,\"categories\":[],\"typeScale\":3,\"imageScale\":1,\"mobileStack\":true} /-->\n\n<!-- wp:newspack-blocks/homepage-articles {\"className\":\"is-style-borders\",\"showExcerpt\":false,\"showImage\":false,\"showAuthor\":false,\"showAvatar\":false,\"mediaPosition\":\"left\",\"categories\":[],\"typeScale\":2,\"imageScale\":1} /--></div>\n<!-- /wp:column --></div>\n<!-- /wp:columns -->",
+	'viewportWidth' => 1000,
+	'categories'    => array( 'newspack-homepage-posts' ),
+);

package/src/block-patterns/homepage-posts-6.php

@@ -0,0 +1,13 @@
+<?php
+/**
+ * Content Loop Pattern 6.
+ *
+ * @package Newspack_Blocks
+ */
+
+return array(
+	'title'         => __( 'Content Loop Pattern 6', 'newspack-blocks' ),
+	'content'       => "<!-- wp:columns {\"className\":\"is-style-default\"} -->\n<div class=\"wp-block-columns is-style-default\"><!-- wp:column {\"width\":25} -->\n<div class=\"wp-block-column\" style=\"flex-basis:25%\"><!-- wp:newspack-blocks/homepage-articles {\"className\":\"is-style-borders\",\"showExcerpt\":false,\"showAvatar\":false,\"postsToShow\":1,\"categories\":[],\"typeScale\":3,\"imageScale\":1} /-->\n\n<!-- wp:newspack-blocks/homepage-articles {\"className\":\"is-style-borders\",\"showExcerpt\":false,\"showImage\":false,\"showAuthor\":false,\"showAvatar\":false,\"mediaPosition\":\"left\",\"categories\":[],\"typeScale\":2,\"imageScale\":1} /--></div>\n<!-- /wp:column -->\n\n<!-- wp:column {\"width\":25} -->\n<div class=\"wp-block-column\" style=\"flex-basis:25%\"><!-- wp:newspack-blocks/homepage-articles {\"className\":\"is-style-borders\",\"showExcerpt\":false,\"showAvatar\":false,\"postsToShow\":1,\"categories\":[],\"typeScale\":3,\"imageScale\":1} /-->\n\n<!-- wp:newspack-blocks/homepage-articles {\"className\":\"is-style-borders\",\"showExcerpt\":false,\"showImage\":false,\"showAuthor\":false,\"showAvatar\":false,\"mediaPosition\":\"left\",\"categories\":[],\"typeScale\":2,\"imageScale\":1} /--></div>\n<!-- /wp:column -->\n\n<!-- wp:column {\"width\":25} -->\n<div class=\"wp-block-column\" style=\"flex-basis:25%\"><!-- wp:newspack-blocks/homepage-articles {\"className\":\"is-style-borders\",\"showExcerpt\":false,\"showAvatar\":false,\"postsToShow\":1,\"categories\":[],\"typeScale\":3,\"imageScale\":1,\"mobileStack\":true} /-->\n\n<!-- wp:newspack-blocks/homepage-articles {\"className\":\"is-style-borders\",\"showExcerpt\":false,\"showImage\":false,\"showAuthor\":false,\"showAvatar\":false,\"mediaPosition\":\"left\",\"categories\":[],\"typeScale\":2,\"imageScale\":1} /--></div>\n<!-- /wp:column -->\n\n<!-- wp:column {\"width\":25} -->\n<div class=\"wp-block-column\" style=\"flex-basis:25%\"><!-- wp:newspack-blocks/homepage-articles {\"className\":\"is-style-borders\",\"showExcerpt\":false,\"showAvatar\":false,\"postsToShow\":1,\"categories\":[],\"typeScale\":3,\"imageScale\":1,\"mobileStack\":true} /-->\n\n<!-- wp:newspack-blocks/homepage-articles {\"className\":\"is-style-borders\",\"showExcerpt\":false,\"showImage\":false,\"showAuthor\":false,\"showAvatar\":false,\"mediaPosition\":\"left\",\"categories\":[],\"typeScale\":2,\"imageScale\":1} /--></div>\n<!-- /wp:column --></div>\n<!-- /wp:columns -->",
+	'viewportWidth' => 1000,
+	'categories'    => array( 'newspack-homepage-posts' ),
+);

package/src/block-patterns/homepage-posts-7.php

@@ -0,0 +1,13 @@
+<?php
+/**
+ * Content Loop Pattern 7.
+ *
+ * @package Newspack_Blocks
+ */
+
+return array(
+	'title'         => __( 'Content Loop Pattern 7', 'newspack-blocks' ),
+	'content'       => "<!-- wp:columns {\"className\":\"is-style-borders\"} -->\n<div class=\"wp-block-columns is-style-borders\"><!-- wp:column -->\n<div class=\"wp-block-column\"><!-- wp:newspack-blocks/homepage-articles {\"excerptLength\":26,\"imageShape\":\"square\",\"showAvatar\":false,\"postsToShow\":1,\"typeScale\":6} /--></div>\n<!-- /wp:column -->\n\n<!-- wp:column -->\n<div class=\"wp-block-column\"><!-- wp:newspack-ads/ad-unit /--><!-- wp:newspack-blocks/homepage-articles {\"className\":\"is-style-borders\",\"excerptLength\":28,\"showImage\":false,\"showAuthor\":false,\"showAvatar\":false,\"postsToShow\":5,\"mediaPosition\":\"left\",\"typeScale\":3,\"imageScale\":1} /--></div>\n<!-- /wp:column --></div>\n<!-- /wp:columns -->",
+	'viewportWidth' => 1000,
+	'categories'    => array( 'newspack-homepage-posts' ),
+);

package/src/block-patterns/homepage-posts-8.php

@@ -0,0 +1,13 @@
+<?php
+/**
+ * Content Loop Pattern 8.
+ *
+ * @package Newspack_Blocks
+ */
+
+return array(
+	'title'         => __( 'Content Loop Pattern 8', 'newspack-blocks' ),
+	'content'       => "<!-- wp:columns -->\n<div class=\"wp-block-columns\"><!-- wp:column {\"width\":50} -->\n<div class=\"wp-block-column\" style=\"flex-basis:50%\"><!-- wp:newspack-blocks/homepage-articles {\"showExcerpt\":false,\"showAvatar\":false,\"postsToShow\":4,\"mediaPosition\":\"left\",\"imageScale\":1} /--></div>\n<!-- /wp:column -->\n\n<!-- wp:column {\"width\":25} -->\n<div class=\"wp-block-column\" style=\"flex-basis:25%\"><!-- wp:newspack-blocks/homepage-articles {\"showExcerpt\":false,\"showImage\":false,\"showAvatar\":false,\"postsToShow\":6,\"typeScale\":2} /--></div>\n<!-- /wp:column -->\n\n<!-- wp:column {\"width\":25} -->\n<div class=\"wp-block-column\" style=\"flex-basis:25%\"><!-- wp:newspack-blocks/homepage-articles {\"showExcerpt\":false,\"showImage\":false,\"showAvatar\":false,\"postsToShow\":6,\"typeScale\":2} /--></div>\n<!-- /wp:column --></div>\n<!-- /wp:columns -->",
+	'viewportWidth' => 1280,
+	'categories'    => array( 'newspack-homepage-posts' ),
+);

package/src/block-patterns/homepage-posts-9.php

@@ -0,0 +1,13 @@
+<?php
+/**
+ * Content Loop Pattern 9.
+ *
+ * @package Newspack_Blocks
+ */
+
+return array(
+	'title'         => __( 'Content Loop Pattern 9', 'newspack-blocks' ),
+	'content'       => "<!-- wp:columns -->\n<div class=\"wp-block-columns\"><!-- wp:column {\"width\":\"75%\"} -->\n<div class=\"wp-block-column\" style=\"flex-basis:75%\"><!-- wp:newspack-blocks/homepage-articles {\"showExcerpt\":false,\"showAvatar\":false,\"postLayout\":\"grid\",\"typeScale\":3} /--></div>\n<!-- /wp:column -->\n\n<!-- wp:column -->\n<div class=\"wp-block-column\"><!-- wp:newspack-blocks/homepage-articles {\"showExcerpt\":false,\"showImage\":false,\"showAvatar\":false,\"postsToShow\":4,\"typeScale\":2} /--></div>\n<!-- /wp:column --></div>\n<!-- /wp:columns -->",
+	'viewportWidth' => 1280,
+	'categories'    => array( 'newspack-homepage-posts' ),
+);

package/src/block-patterns/subscribe-1.php

@@ -0,0 +1,13 @@
+<?php
+/**
+ * Subscribe Pattern 1.
+ *
+ * @package Newspack_Blocks
+ */
+
+return array(
+	'title'         => __( 'Subscribe Pattern 1', 'newspack-blocks' ),
+	'content'       => "<!-- wp:media-text {\"align\":\"wide\",\"mediaType\":\"image\",\"verticalAlignment\":\"center\",\"imageFill\":true,\"style\":{\"color\":{\"background\":\"#f0f0f0\"}}} -->\n<div class=\"wp-block-media-text alignwide is-stacked-on-mobile is-vertically-aligned-center is-image-fill has-background\" style=\"background-color:#f0f0f0\"><figure class=\"wp-block-media-text__media\" style=\"background-image:url(" . $subscribe_image . ');background-position:50% 50%"><img src="' . $subscribe_image . "\" alt=\"\"/></figure><div class=\"wp-block-media-text__content\"><!-- wp:group {\"metadata\":{\"name\":\"Text\"},\"style\":{\"spacing\":{\"blockGap\":\"var:preset|spacing|40\",\"padding\":{\"top\":\"var:preset|spacing|80\",\"bottom\":\"var:preset|spacing|80\"}}},\"layout\":{\"type\":\"flex\",\"orientation\":\"vertical\",\"justifyContent\":\"stretch\"}} -->\n<div class=\"wp-block-group\" style=\"padding-top:var(--wp--preset--spacing--80);padding-bottom:var(--wp--preset--spacing--80)\"><!-- wp:group {\"metadata\":{\"name\":\"Intro\"},\"style\":{\"spacing\":{\"blockGap\":\"var:preset|spacing|20\"}},\"layout\":{\"type\":\"flex\",\"orientation\":\"vertical\"}} -->\n<div class=\"wp-block-group\"><!-- wp:heading {\"level\":4,\"metadata\":{\"name\":\"Title\"}} -->\n<h4 class=\"wp-block-heading\">" . $subscribe_title . "</h4>\n<!-- /wp:heading -->\n\n<!-- wp:paragraph {\"metadata\":{\"name\":\"Description\"}} -->\n<p>" . $subscribe_desc . "</p>\n<!-- /wp:paragraph --></div>\n<!-- /wp:group -->\n\n<!-- wp:newspack-newsletters/subscribe {\"lists\":[],\"className\":\"is-style-modern\",\"backgroundColor\":\"#1e1e1e\"} /--></div>\n<!-- /wp:group --></div></div>\n<!-- /wp:media-text -->",
+	'viewportWidth' => 910,
+	'categories'    => array( 'newspack-subscribe' ),
+);

package/src/block-patterns/subscribe-2.php

@@ -0,0 +1,13 @@
+<?php
+/**
+ * Subscribe Pattern 2.
+ *
+ * @package Newspack_Blocks
+ */
+
+return array(
+	'title'         => __( 'Subscribe Pattern 2', 'newspack-blocks' ),
+	'content'       => "<!-- wp:group {\"metadata\":{\"name\":\"Subscribe\"},\"align\":\"full\",\"style\":{\"color\":{\"background\":\"#f0f0f0\"},\"spacing\":{\"padding\":{\"top\":\"var:preset|spacing|80\",\"bottom\":\"var:preset|spacing|80\",\"left\":\"var:preset|spacing|30\",\"right\":\"var:preset|spacing|30\"}}},\"layout\":{\"type\":\"constrained\"}} -->\n<div class=\"wp-block-group alignfull has-background\" style=\"background-color:#f0f0f0;padding-top:var(--wp--preset--spacing--80);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--80);padding-left:var(--wp--preset--spacing--30)\"><!-- wp:columns {\"verticalAlignment\":\"center\",\"align\":\"wide\",\"className\":\"newspack-grid\"} -->\n<div class=\"wp-block-columns alignwide are-vertically-aligned-center newspack-grid\"><!-- wp:column {\"verticalAlignment\":\"center\",\"width\":\"66.66%\",\"metadata\":{\"name\":\"Intro\"},\"style\":{\"spacing\":{\"blockGap\":\"var:preset|spacing|20\"}}} -->\n<div class=\"wp-block-column is-vertically-aligned-center\" style=\"flex-basis:66.66%\"><!-- wp:heading {\"level\":3,\"metadata\":{\"name\":\"Title\"}} -->\n<h3 class=\"wp-block-heading\">" . $subscribe_title . "</h3>\n<!-- /wp:heading -->\n\n<!-- wp:paragraph {\"metadata\":{\"name\":\"Description\"}} -->\n<p>" . $subscribe_desc . "</p>\n<!-- /wp:paragraph --></div>\n<!-- /wp:column -->\n\n<!-- wp:column {\"verticalAlignment\":\"center\",\"width\":\"33.33%\",\"metadata\":{\"name\":\"Form\"}} -->\n<div class=\"wp-block-column is-vertically-aligned-center\" style=\"flex-basis:33.33%\"><!-- wp:newspack-newsletters/subscribe {\"lists\":[],\"className\":\"is-style-modern\",\"backgroundColor\":\"#1e1e1e\"} /--></div>\n<!-- /wp:column --></div>\n<!-- /wp:columns --></div>\n<!-- /wp:group -->",
+	'viewportWidth' => 1280,
+	'categories'    => array( 'newspack-subscribe' ),
+);

package/src/block-patterns/subscribe-3.php

@@ -0,0 +1,13 @@
+<?php
+/**
+ * Subscribe Pattern 3.
+ *
+ * @package Newspack_Blocks
+ */
+
+return array(
+	'title'         => __( 'Subscribe Pattern 3', 'newspack-blocks' ),
+	'content'       => '<!-- wp:cover {"url":"' . $subscribe_cover . "\",\"dimRatio\":20,\"overlayColor\":\"black\",\"isUserOverlayColor\":true,\"minHeight\":85,\"minHeightUnit\":\"vh\",\"metadata\":{\"name\":\"Subscribe\"},\"align\":\"full\",\"style\":{\"spacing\":{\"padding\":{\"top\":\"var:preset|spacing|80\",\"bottom\":\"var:preset|spacing|80\"}}},\"layout\":{\"type\":\"constrained\"}} -->\n<div class=\"wp-block-cover alignfull\" style=\"padding-top:var(--wp--preset--spacing--80);padding-bottom:var(--wp--preset--spacing--80);min-height:85vh\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-black-background-color has-background-dim-20 has-background-dim\"></span><img class=\"wp-block-cover__image-background\" alt=\"\" src=\"" . $subscribe_cover . "\" data-object-fit=\"cover\"/><div class=\"wp-block-cover__inner-container\"><!-- wp:columns {\"verticalAlignment\":\"center\",\"align\":\"wide\",\"className\":\"newspack-grid\"} -->\n<div class=\"wp-block-columns alignwide are-vertically-aligned-center newspack-grid\"><!-- wp:column {\"verticalAlignment\":\"center\",\"width\":\"66.66%\",\"metadata\":{\"name\":\"Intro\"},\"style\":{\"spacing\":{\"blockGap\":\"var:preset|spacing|20\"}}} -->\n<div class=\"wp-block-column is-vertically-aligned-center\" style=\"flex-basis:66.66%\"><!-- wp:heading {\"level\":3,\"metadata\":{\"name\":\"Title\"}} -->\n<h3 class=\"wp-block-heading\">" . $subscribe_title . "</h3>\n<!-- /wp:heading -->\n\n<!-- wp:paragraph {\"metadata\":{\"name\":\"Description\"}} -->\n<p>" . $subscribe_desc . "</p>\n<!-- /wp:paragraph --></div>\n<!-- /wp:column -->\n\n<!-- wp:column {\"verticalAlignment\":\"center\",\"width\":\"33.33%\",\"metadata\":{\"name\":\"Form\"}} -->\n<div class=\"wp-block-column is-vertically-aligned-center\" style=\"flex-basis:33.33%\"><!-- wp:newspack-newsletters/subscribe {\"lists\":[],\"className\":\"is-style-modern\"} /--></div>\n<!-- /wp:column --></div>\n<!-- /wp:columns --></div></div>\n<!-- /wp:cover -->",
+	'viewportWidth' => 1280,
+	'categories'    => array( 'newspack-subscribe' ),
+);

package/src/block-patterns/subscribe-4.php

@@ -0,0 +1,13 @@
+<?php
+/**
+ * Subscribe Pattern 4.
+ *
+ * @package Newspack_Blocks
+ */
+
+return array(
+	'title'         => __( 'Subscribe Pattern 4', 'newspack-blocks' ),
+	'content'       => "<!-- wp:group {\"metadata\":{\"name\":\"Subscribe\"},\"align\":\"full\",\"layout\":{\"type\":\"constrained\"}} -->\n<div class=\"wp-block-group alignfull\"><!-- wp:group {\"metadata\":{\"name\":\"Intro\"},\"style\":{\"spacing\":{\"blockGap\":\"var:preset|spacing|40\"}},\"layout\":{\"type\":\"flex\",\"orientation\":\"vertical\",\"justifyContent\":\"center\"}} -->\n<div class=\"wp-block-group\"><!-- wp:image {\"width\":\"72px\",\"height\":\"72px\",\"scale\":\"cover\",\"sizeSlug\":\"large\",\"linkDestination\":\"none\",\"align\":\"center\",\"className\":\"is-style-rounded\"} -->\n<figure class=\"wp-block-image aligncenter size-large is-resized is-style-rounded\"><img src=\"" . $subscribe_image . "\" alt=\"\" style=\"object-fit:cover;width:72px;height:72px\"/></figure>\n<!-- /wp:image -->\n\n<!-- wp:group {\"metadata\":{\"name\":\"Title + Description\"},\"style\":{\"spacing\":{\"blockGap\":\"var:preset|spacing|20\"}},\"layout\":{\"type\":\"flex\",\"orientation\":\"vertical\",\"justifyContent\":\"stretch\"}} -->\n<div class=\"wp-block-group\"><!-- wp:heading {\"textAlign\":\"center\",\"metadata\":{\"name\":\"Title\"}} -->\n<h2 class=\"wp-block-heading has-text-align-center\">" . $subscribe_title . "</h2>\n<!-- /wp:heading -->\n\n<!-- wp:paragraph {\"align\":\"center\",\"metadata\":{\"name\":\"Description\"}} -->\n<p class=\"has-text-align-center\">" . $subscribe_desc . "</p>\n<!-- /wp:paragraph --></div>\n<!-- /wp:group --></div>\n<!-- /wp:group -->\n\n<!-- wp:newspack-newsletters/subscribe {\"lists\":[],\"className\":\"is-style-modern\",\"backgroundColor\":\"#1e1e1e\"} /--></div>\n<!-- /wp:group -->",
+	'viewportWidth' => 910,
+	'categories'    => array( 'newspack-subscribe' ),
+);

package/src/block-patterns/subscribe-5.php

@@ -0,0 +1,13 @@
+<?php
+/**
+ * Subscribe Pattern 5.
+ *
+ * @package Newspack_Blocks
+ */
+
+return array(
+	'title'         => __( 'Subscribe Pattern 5', 'newspack-blocks' ),
+	'content'       => '<!-- wp:cover {"url":"' . $subscribe_cover . "\",\"dimRatio\":20,\"overlayColor\":\"black\",\"isUserOverlayColor\":true,\"minHeight\":85,\"minHeightUnit\":\"vh\",\"metadata\":{\"name\":\"Subscribe\"},\"align\":\"full\",\"style\":{\"spacing\":{\"padding\":{\"top\":\"var:preset|spacing|80\",\"bottom\":\"var:preset|spacing|80\"}}},\"className\":\"newspack-pattern subscribe__style-5\",\"layout\":{\"type\":\"constrained\"}} -->\n<div class=\"wp-block-cover alignfull newspack-pattern subscribe__style-5\" style=\"padding-top:var(--wp--preset--spacing--80);padding-bottom:var(--wp--preset--spacing--80);min-height:85vh\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-black-background-color has-background-dim-20 has-background-dim\"></span><img class=\"wp-block-cover__image-background\" alt=\"\" src=\"" . $subscribe_cover . "\" data-object-fit=\"cover\"/><div class=\"wp-block-cover__inner-container\"><!-- wp:group {\"metadata\":{\"name\":\"Intro\"},\"style\":{\"spacing\":{\"blockGap\":\"var:preset|spacing|40\"}},\"layout\":{\"type\":\"flex\",\"orientation\":\"vertical\",\"justifyContent\":\"center\"}} -->\n<div class=\"wp-block-group\"><!-- wp:image {\"width\":\"72px\",\"height\":\"72px\",\"scale\":\"cover\",\"sizeSlug\":\"large\",\"linkDestination\":\"none\",\"align\":\"center\",\"className\":\"is-style-rounded\"} -->\n<figure class=\"wp-block-image aligncenter size-large is-resized is-style-rounded\"><img src=\"" . $subscribe_image . "\" alt=\"\" style=\"object-fit:cover;width:72px;height:72px\"/></figure>\n<!-- /wp:image -->\n\n<!-- wp:group {\"metadata\":{\"name\":\"Title + Description\"},\"style\":{\"spacing\":{\"blockGap\":\"var:preset|spacing|20\"}},\"layout\":{\"type\":\"flex\",\"orientation\":\"vertical\",\"justifyContent\":\"stretch\"}} -->\n<div class=\"wp-block-group\"><!-- wp:heading {\"textAlign\":\"center\",\"metadata\":{\"name\":\"Title\"}} -->\n<h2 class=\"wp-block-heading has-text-align-center\">" . $subscribe_title . "</h2>\n<!-- /wp:heading -->\n\n<!-- wp:paragraph {\"align\":\"center\",\"metadata\":{\"name\":\"Description\"}} -->\n<p class=\"has-text-align-center\">" . $subscribe_desc . "</p>\n<!-- /wp:paragraph --></div>\n<!-- /wp:group --></div>\n<!-- /wp:group -->\n\n<!-- wp:newspack-newsletters/subscribe {\"lists\":[],\"className\":\"is-style-modern\"} /--></div></div>\n<!-- /wp:cover -->",
+	'viewportWidth' => 910,
+	'categories'    => array( 'newspack-subscribe' ),
+);

package/src/block-patterns/subscribe-6.php

@@ -0,0 +1,13 @@
+<?php
+/**
+ * Subscribe Pattern 6.
+ *
+ * @package Newspack_Blocks
+ */
+
+return array(
+	'title'         => esc_html__( 'Subscribe Pattern 6', 'newspack-blocks' ),
+	'content'       => "<!-- wp:group {\"metadata\":{\"name\":\"Subscribe\"},\"style\":{\"spacing\":{\"blockGap\":\"0\"}},\"className\":\"newspack-pattern subscribe__style-6\",\"layout\":{\"type\":\"flex\",\"orientation\":\"vertical\",\"justifyContent\":\"stretch\"}} -->\n<div class=\"wp-block-group newspack-pattern subscribe__style-6\"><!-- wp:image {\"sizeSlug\":\"large\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-large\"><img src=\"" . $subscribe_image . "\" alt=\"\"/></figure>\n<!-- /wp:image -->\n\n<!-- wp:group {\"metadata\":{\"name\":\"Card\"},\"style\":{\"color\":{\"background\":\"#f0f0f0\"},\"spacing\":{\"padding\":{\"top\":\"var:preset|spacing|80\",\"bottom\":\"var:preset|spacing|80\",\"left\":\"var:preset|spacing|80\",\"right\":\"var:preset|spacing|80\"},\"blockGap\":\"var:preset|spacing|40\"}},\"layout\":{\"type\":\"constrained\"}} -->\n<div class=\"wp-block-group has-background\" style=\"background-color:#f0f0f0;padding-top:var(--wp--preset--spacing--80);padding-right:var(--wp--preset--spacing--80);padding-bottom:var(--wp--preset--spacing--80);padding-left:var(--wp--preset--spacing--80)\"><!-- wp:group {\"metadata\":{\"name\":\"Intro\"},\"style\":{\"spacing\":{\"blockGap\":\"var:preset|spacing|30\"}},\"layout\":{\"type\":\"flex\",\"orientation\":\"vertical\",\"justifyContent\":\"stretch\"}} -->\n<div class=\"wp-block-group\"><!-- wp:heading {\"level\":3,\"metadata\":{\"name\":\"Title\"}} -->\n<h3 class=\"wp-block-heading\">" . $subscribe_title . "</h3>\n<!-- /wp:heading -->\n\n<!-- wp:paragraph {\"metadata\":{\"name\":\"Description\"}} -->\n<p>" . $subscribe_desc . "</p>\n<!-- /wp:paragraph --></div>\n<!-- /wp:group -->\n\n<!-- wp:newspack-newsletters/subscribe {\"lists\":[],\"className\":\"is-style-modern\",\"backgroundColor\":\"#1e1e1e\"} /--></div>\n<!-- /wp:group --></div>\n<!-- /wp:group -->",
+	'viewportWidth' => 782,
+	'categories'    => array( 'newspack-subscribe' ),
+);

package/src/block-patterns/subscribe-7.php

@@ -0,0 +1,13 @@
+<?php
+/**
+ * Subscribe Pattern 7.
+ *
+ * @package Newspack_Blocks
+ */
+
+return array(
+	'title'         => esc_html__( 'Subscribe Pattern 7', 'newspack-blocks' ),
+	'content'       => "<!-- wp:media-text {\"align\":\"full\",\"mediaPosition\":\"right\",\"mediaType\":\"image\",\"verticalAlignment\":\"top\",\"imageFill\":true,\"className\":\"newspack-pattern subscribe__style-squeeze\"} -->\n<div class=\"wp-block-media-text alignfull has-media-on-the-right is-stacked-on-mobile is-vertically-aligned-top is-image-fill newspack-pattern subscribe__style-squeeze\"><div class=\"wp-block-media-text__content\"><!-- wp:group {\"metadata\":{\"name\":\"Text\"},\"style\":{\"dimensions\":{\"minHeight\":\"100vh\"}},\"layout\":{\"type\":\"flex\",\"orientation\":\"vertical\",\"verticalAlignment\":\"center\",\"justifyContent\":\"stretch\"}} -->\n<div class=\"wp-block-group\" style=\"min-height:100vh\"><!-- wp:group {\"metadata\":{\"name\":\"Subscribe\"},\"align\":\"full\",\"style\":{\"spacing\":{\"padding\":{\"top\":\"var:preset|spacing|80\",\"bottom\":\"var:preset|spacing|80\",\"left\":\"var:preset|spacing|80\",\"right\":\"var:preset|spacing|80\"}}},\"layout\":{\"type\":\"constrained\"}} -->\n<div class=\"wp-block-group alignfull\" style=\"padding-top:var(--wp--preset--spacing--80);padding-right:var(--wp--preset--spacing--80);padding-bottom:var(--wp--preset--spacing--80);padding-left:var(--wp--preset--spacing--80)\"><!-- wp:group {\"metadata\":{\"name\":\"Intro\"},\"style\":{\"spacing\":{\"blockGap\":\"var:preset|spacing|40\"}},\"layout\":{\"type\":\"flex\",\"orientation\":\"vertical\",\"justifyContent\":\"left\"}} -->\n<div class=\"wp-block-group\"><!-- wp:image {\"width\":\"72px\",\"height\":\"72px\",\"scale\":\"cover\",\"sizeSlug\":\"large\",\"linkDestination\":\"none\",\"align\":\"center\",\"className\":\"is-style-rounded\"} -->\n<figure class=\"wp-block-image aligncenter size-large is-resized is-style-rounded\"><img src=\"" . $subscribe_image . "\" alt=\"\" style=\"object-fit:cover;width:72px;height:72px\"/></figure>\n<!-- /wp:image -->\n\n<!-- wp:group {\"metadata\":{\"name\":\"Title + Description\"},\"style\":{\"spacing\":{\"blockGap\":\"var:preset|spacing|20\"}},\"layout\":{\"type\":\"flex\",\"orientation\":\"vertical\",\"justifyContent\":\"stretch\"}} -->\n<div class=\"wp-block-group\"><!-- wp:heading {\"metadata\":{\"name\":\"Title\"}} -->\n<h2 class=\"wp-block-heading\">" . $subscribe_title . "</h2>\n<!-- /wp:heading -->\n\n<!-- wp:paragraph {\"metadata\":{\"name\":\"Description\"}} -->\n<p>" . $subscribe_desc . "</p>\n<!-- /wp:paragraph --></div>\n<!-- /wp:group --></div>\n<!-- /wp:group -->\n\n<!-- wp:newspack-newsletters/subscribe {\"lists\":[],\"className\":\"is-style-modern\",\"backgroundColor\":\"#1e1e1e\"} /--></div>\n<!-- /wp:group --></div>\n<!-- /wp:group --></div><figure class=\"wp-block-media-text__media\" style=\"background-image:url(" . $subscribe_cover . ');background-position:50% 50%"><img src="' . $subscribe_cover . "\" alt=\"\"/></figure></div>\n<!-- /wp:media-text -->",
+	'viewportWidth' => 910,
+	'categories'    => array( 'newspack-subscribe' ),
+);

package/src/block-styles/core/columns/editor.scss

@@ -0,0 +1,90 @@
+@use "newspack-colors" as np-colors;
+@use "../../../shared/sass/variables";
+@use "../../../shared/sass/mixins";
+
+body:not(.is-block-theme) .editor-styles-wrapper div.wp-block-columns {
+	gap: 32px;
+
+	&.is-style-borders {
+		gap: 64px;
+	}
+}
+
+.wp-block-columns {
+	@include mixins.media( tablet ) {
+		&.is-style-first-col-to-second > [data-type="core/column"]:nth-child(2),
+		&.is-style-first-col-to-third > [data-type="core/column"]:nth-child(2),
+		&.is-style-first-col-to-third > [data-type="core/column"]:nth-child(3) {
+			order: -1;
+		}
+	}
+
+	&.is-style-borders {
+		> [data-type="core/column"] {
+			border-bottom: 1px solid np-colors.$neutral-300;
+			position: relative;
+
+			&:last-child,
+			[data-type="core/column"] {
+				border-bottom: 0;
+			}
+
+			@include mixins.media( tablet ) {
+				border-bottom: 0;
+
+				&::after {
+					border-right: 1px solid np-colors.$neutral-300;
+					bottom: 0;
+					content: "";
+					position: absolute;
+					right: -32px;
+					top: 0;
+				}
+
+				&:nth-child(odd)::after {
+					border-color: np-colors.$neutral-300;
+				}
+
+				&:last-child::after,
+				[data-type="core/column"]::after {
+					display: none;
+				}
+			}
+
+			@include mixins.media( tablet ) {
+				&::after {
+					border-color: np-colors.$neutral-300;
+				}
+			}
+		}
+
+		@include mixins.media( tablet ) {
+			&.is-style-first-col-to-second,
+			&.is-style-first-col-to-third {
+				> [data-type="core/column"]:first-child::after {
+					display: none;
+				}
+			}
+
+			&.is-style-first-col-to-second > [data-type="core/column"]:nth-child(2)::after,
+			&.is-style-first-col-to-third > [data-type="core/column"]:nth-child(3)::after {
+				display: block;
+			}
+		}
+	}
+}
+
+/**
+ * Temporary WP<6.0 styles
+ * TODO: These styles can be removed once WP 6.0 is released.
+ */
+.editor-styles-wrapper {
+	.wp-block-columns {
+		&.is-not-stacked-on-mobile,
+		&:not(.is-not-stacked-on-mobile) {
+			> .wp-block-column:not(:first-child) {
+				margin-left: 0;
+			}
+		}
+	}
+}

package/src/block-styles/core/columns/index.js

@@ -0,0 +1,20 @@
+/**
+ * External dependencies
+ */
+import { registerBlockStyle } from '@wordpress/blocks';
+import './editor.scss';
+
+registerBlockStyle( 'core/columns', {
+	name: 'borders',
+	label: 'Borders',
+} );
+
+registerBlockStyle( 'core/columns', {
+	name: 'first-col-to-second',
+	label: 'Move first column to second',
+} );
+
+registerBlockStyle( 'core/columns', {
+	name: 'first-col-to-third',
+	label: 'Move first column to third',
+} );

package/src/block-styles/core/columns/view.scss

@@ -0,0 +1,131 @@
+@use "newspack-colors" as np-colors;
+@use "../../../shared/sass/variables";
+@use "../../../shared/sass/mixins";
+
+body:not(.is-block-theme) div.wp-block-columns {
+	gap: 32px;
+
+	&.is-style-borders {
+		gap: 64px;
+	}
+
+	@include mixins.media( tabletonly ) {
+		&.is-not-stacked-on-mobile {
+			gap: 20px;
+
+			&.is-style-borders {
+				gap: 40px;
+			}
+		}
+	}
+}
+
+.wp-block-columns {
+	@include mixins.media( tablet ) {
+		&.is-style-first-col-to-second > .wp-block-column:nth-child(2) {
+			order: -1;
+		}
+
+		&.is-style-first-col-to-third {
+			> .wp-block-column:nth-child(2),
+			> .wp-block-column:nth-child(3) {
+				order: -1;
+			}
+		}
+	}
+
+	&.is-style-borders {
+		> .wp-block-column {
+			position: relative;
+
+			&::after {
+				border: 0 solid np-colors.$neutral-300;
+				border-top-width: 1px;
+				bottom: -32px;
+				content: "";
+				left: 0;
+				position: absolute;
+				right: 0;
+			}
+
+			&:last-child::after {
+				display: none;
+			}
+
+			@include mixins.media( tablet ) {
+				margin-bottom: 0;
+
+				&::after {
+					border-right-width: 1px;
+					border-top-width: 0;
+					inset: 0 -32px 0 auto;
+				}
+			}
+		}
+
+		@include mixins.media( tablet ) {
+			&.is-style-first-col-to-second,
+			&.is-style-first-col-to-third {
+				> .wp-block-column:first-child::after {
+					display: none;
+				}
+			}
+
+			&.is-style-first-col-to-second > .wp-block-column:nth-child(2)::after,
+			&.is-style-first-col-to-third > .wp-block-column:nth-child(3)::after {
+				display: block;
+			}
+		}
+	}
+
+	&.is-not-stacked-on-mobile {
+		&.is-style-borders {
+			> .wp-block-column {
+				&::after {
+					border-right-width: 1px;
+					border-top-width: 0;
+					inset: 0 -20px 0 auto;
+
+					@include mixins.media( tablet ) {
+						right: -32px;
+					}
+				}
+			}
+
+			&.is-style-first-col-to-second,
+			&.is-style-first-col-to-third {
+				> .wp-block-column:first-child::after {
+					display: none;
+				}
+			}
+
+			&.is-style-first-col-to-second > .wp-block-column:nth-child(2)::after,
+			&.is-style-first-col-to-third > .wp-block-column:nth-child(3)::after {
+				display: block;
+			}
+		}
+	}
+}
+
+/**
+ * Temporary WP<6.0 styles
+ * TODO: These styles can be removed once WP 6.0 is released.
+ */
+
+/* stylelint-disable no-duplicate-selectors  */
+.wp-block-columns {
+	&.is-not-stacked-on-mobile,
+	&:not(.is-not-stacked-on-mobile) {
+		> .wp-block-column:not(:first-child) {
+			margin-left: 0;
+		}
+	}
+}
+/* stylelint-enable */
+
+@media ( min-width: 600px ) and ( max-width: 781px ) {
+	.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:only-child) {
+		flex-basis: unset !important;
+		flex-grow: 1;
+	}
+}

package/src/block-styles/core/group/editor.scss

@@ -0,0 +1,24 @@
+@use "newspack-colors" as np-colors;
+@use "../../../shared/sass/variables";
+@use "../../../shared/sass/mixins";
+
+.block-editor-block-list__layout
+.block-editor-block-list__block[data-align="left"]
+.block-editor-block-list__block-edit
+.block-editor-block-list__block-edit,
+.block-editor-block-list__layout
+.block-editor-block-list__block[data-align="right"]
+.block-editor-block-list__block-edit
+.block-editor-block-list__block-edit {
+	float: none;
+}
+
+.wp-block-group {
+	&.is-style-border {
+		border: 1px solid np-colors.$neutral-300;
+
+		&:not(.has-background) {
+			padding: 20px 30px;
+		}
+	}
+}