@automattic/newspack-blocks 3.0.4-alpha.1 → 3.0.4

package/dist/homepage-articles/view.asset.php

@@ -1 +1 @@
-<?php return array('dependencies' => array('wp-polyfill'), 'version' => '98fe1ccb8e90ec2ca3b4644b173d66ad');
+<?php return array('dependencies' => array('wp-polyfill'), 'version' => '0f6eebe13cb7a074b004dc5b8a85d42c');

package/dist/homepage-articles/view.css

@@ -1 +1 @@
-.newspack-preview-label{position:absolute;top:5px;left:5px;z-index:1;font-family:sans-serif;font-size:10px;text-transform:uppercase;background:#ffc000;padding:0 4px;border-radius:2px}:root{--wpnbha-col-gap:1em}@media only screen and (min-width:600px){:root{--wpnbha-col-gap:16px}}@media only screen and (min-width:782px){:root{--wpnbha-col-gap:32px}}@media only screen and (min-width:600px){.colgap-2{--wpnbha-col-gap:16px}}@media only screen and (min-width:600px){.colgap-1{--wpnbha-col-gap:8px}}.wpnbha{margin-bottom:1em}.wpnbha article{min-width:0;margin-bottom:1.5em;word-break:break-word;overflow-wrap:break-word;position:relative}.wpnbha article:last-of-type{margin-bottom:0}.wpnbha .article-section-title{font-size:.8em;margin-bottom:.5em;width:100%}.wpnbha .article-section-title mark{background-color:transparent}.wpnbha.is-grid>div{display:flex;flex-flow:row wrap;justify-content:flex-start;gap:var(--wpnbha-col-gap);padding:0;list-style:none}.wpnbha.is-grid article{flex-basis:100%;margin-bottom:0}.wpnbha.is-grid .article-section-title{margin-bottom:calc(1em - var(--wpnbha-col-gap))}@media only screen and (min-width:600px){.wpnbha.columns-3 article,.wpnbha.columns-6 article{flex-basis:calc(33.33% - var(--wpnbha-col-gap)/3*2)}.wpnbha.is-style-borders.columns-3 article,.wpnbha.is-style-borders.columns-6 article{flex-basis:calc(33.33% - var(--wpnbha-col-gap)*2/3*2 - 1px)}.wpnbha.columns-2 article,.wpnbha.columns-4 article,.wpnbha.columns-5 article{flex-basis:calc(50% - var(--wpnbha-col-gap)/2)}.wpnbha.is-style-borders.columns-2 article,.wpnbha.is-style-borders.columns-4 article,.wpnbha.is-style-borders.columns-5 article{flex-basis:calc(50% - var(--wpnbha-col-gap)*2/2 - 1px)}.wpnbha.columns-5 article:last-of-type,.wpnbha.is-style-borders.columns-5 article:last-of-type{flex-basis:100%}}@media only screen and (min-width:782px){.wpnbha.columns-4 article{flex-basis:calc(25% - var(--wpnbha-col-gap)/4*3)}.wpnbha.is-style-borders.columns-4 article{flex-basis:calc(25% - var(--wpnbha-col-gap)*2/4*3 - 1px)}.wpnbha.columns-5 article,.wpnbha.columns-5 article:last-of-type{flex-basis:calc(20% - var(--wpnbha-col-gap)/5*4)}.wpnbha.is-style-borders.columns-5 article,.wpnbha.is-style-borders.columns-5 article:last-of-type{flex-basis:calc(20% - var(--wpnbha-col-gap)*2/5*4 - 1px)}.wpnbha.columns-6 article{flex-basis:calc(16.6666% - var(--wpnbha-col-gap)/6*5)}.wpnbha.is-style-borders.columns-6 article{flex-basis:calc(16.6666% - var(--wpnbha-col-gap)*2/6*5 - 1px)}}.wpnbha figcaption{font-size:.6em}.wpnbha.image-alignleft .post-has-image,.wpnbha.image-alignright .post-has-image{display:flex}.wpnbha.image-alignleft .post-has-image .post-thumbnail,.wpnbha.image-alignright .post-has-image .post-thumbnail{flex-basis:33%}.wpnbha.image-alignleft .post-has-image .entry-wrapper,.wpnbha.image-alignright .post-has-image .entry-wrapper{flex-basis:67%}.wpnbha.image-alignleft.mobile-stack .post-has-image,.wpnbha.image-alignright.mobile-stack .post-has-image{display:block}@media only screen and (min-width:600px){.wpnbha.image-alignleft.mobile-stack .post-has-image,.wpnbha.image-alignright.mobile-stack .post-has-image{display:flex}}@media only screen and (min-width:600px){.wpnbha.image-alignleft.is-4 .post-thumbnail,.wpnbha.image-alignright.is-4 .post-thumbnail{flex-basis:75%}.wpnbha.image-alignleft.is-4 .entry-wrapper,.wpnbha.image-alignright.is-4 .entry-wrapper{flex-basis:25%}.wpnbha.image-alignleft.is-3 .entry-wrapper,.wpnbha.image-alignleft.is-3 .post-thumbnail,.wpnbha.image-alignright.is-3 .entry-wrapper,.wpnbha.image-alignright.is-3 .post-thumbnail{flex-basis:50%}}.wpnbha.image-alignleft.is-1 .post-thumbnail,.wpnbha.image-alignright.is-1 .post-thumbnail{flex-basis:25%}.wpnbha.image-alignleft.is-1 .entry-wrapper,.wpnbha.image-alignright.is-1 .entry-wrapper{flex-basis:75%}.wpnbha.image-alignleft .post-thumbnail{margin-right:1em}.wpnbha.image-alignright .post-thumbnail{margin-left:1em}.wpnbha.image-alignright .entry-wrapper{order:-1}.wpnbha.mobile-stack.image-alignleft .post-thumbnail,.wpnbha.mobile-stack.image-alignright .post-thumbnail{margin-left:0;margin-right:0}@media only screen and (min-width:600px){.wpnbha.mobile-stack.image-alignleft .post-thumbnail{margin-right:1em}.wpnbha.mobile-stack.image-alignright .post-thumbnail{margin-left:1em}}.wpnbha .entry-title{margin:0 0 .25em}.wpnbha .entry-title a{color:inherit;text-decoration:none}.wpnbha .entry-meta .byline:not(:last-child){margin-right:1.5em}.wpnbha .entry-meta .updated{display:none}.wpnbha .entry-meta .updated.published{display:block}.wpnbha .avatar{border-radius:100%;display:block;margin-right:.5em}.wpnbha.has-text-color .article-section-title,.wpnbha.has-text-color .cat-links,.wpnbha.has-text-color .cat-links a,.wpnbha.has-text-color .cat-links a:visited,.wpnbha.has-text-color .entry-meta,.wpnbha.has-text-color .entry-meta .byline a,.wpnbha.has-text-color .entry-meta .byline a:visited,.wpnbha.has-text-color .entry-meta a,.wpnbha.has-text-color .entry-title,.wpnbha.has-text-color .entry-title a,.wpnbha.has-text-color .entry-title a:visited,.wpnbha.has-text-color figcaption{color:inherit}.wpnbha.has-text-color .entry-meta span:not(.avatar){opacity:.8}.wpnbha.image-alignbehind .post-has-image{display:flex;align-items:flex-end;position:relative}.wpnbha.image-alignbehind .post-has-image .post-thumbnail{inset:0;margin:0;overflow:hidden;position:absolute}.wpnbha.image-alignbehind .post-has-image .post-thumbnail img{height:100%!important;-o-object-fit:cover!important;object-fit:cover!important;margin:0!important;max-width:1000%!important;width:100%!important}.wpnbha.image-alignbehind .post-has-image .post-thumbnail:after{background:rgba(0,0,0,.5);content:"";inset:0;position:absolute;z-index:1}.wpnbha.image-alignbehind .post-has-image .entry-wrapper{padding:2rem 1rem;position:relative;width:100%;z-index:2}@media only screen and (min-width:1168px){.wpnbha.image-alignbehind .post-has-image .entry-wrapper{padding:2rem 1.5rem}}.wpnbha.image-alignbehind .post-has-image .cat-links a,.wpnbha.image-alignbehind .post-has-image .entry-meta,.wpnbha.image-alignbehind .post-has-image .entry-meta .byline a,.wpnbha.image-alignbehind .post-has-image .entry-title a,.wpnbha.image-alignbehind .post-has-image .entry-wrapper{color:#fff}.wpnbha.image-alignbehind figcaption{bottom:1em;-webkit-box-orient:vertical;color:hsla(0,0%,100%,.9);display:-webkit-box;font-style:italic;left:0;-webkit-line-clamp:1;margin:0;max-height:1.6em;overflow:hidden;padding:0 1rem;position:absolute;right:0;text-align:right;text-overflow:ellipsis;z-index:2}@media only screen and (min-width:1168px){.wpnbha.image-alignbehind figcaption{padding:0 1.5rem}}.wpnbha .error,.wpnbha .loading,.wpnbha button{display:none}.wpnbha>button{margin-top:1em}.wpnbha.has-more-button button{display:block}.wpnbha.has-more-button.is-loading button{display:none}.wpnbha.has-more-button.is-error .error,.wpnbha.has-more-button.is-error button,.wpnbha.has-more-button.is-loading .loading{display:block}.wpnbha .author-avatar,.wpnbha .byline,.wpnbha .cat-links,.wpnbha .posted-on,.wpnbha .tags-links{clip:auto;height:auto;position:relative;width:auto}.wpnbha.has-text-align-center .cat-links,.wpnbha.has-text-align-center .entry-meta,.wpnbha.has-text-align-center .entry-sponsors{justify-content:center}.wpnbha.has-text-align-center.image-alignbehind figcaption,.wpnbha.has-text-align-center figcaption{text-align:inherit}.wpnbha.has-text-align-right .cat-links,.wpnbha.has-text-align-right .entry-meta,.wpnbha.has-text-align-right .entry-sponsors,.wpnbha.has-text-align-right .sponsor-logos{justify-content:flex-end;text-align:right}.wpnbha.has-text-align-right figcaption{text-align:inherit}.wpnbha.has-text-align-right .entry-date:not(:first-child){margin-left:1.5em}.wpnbha.has-text-align-right .entry-meta .byline:not(:last-child){margin:0}.wpnbha .cat-links{display:flex;flex-wrap:wrap;font-size:.6em;font-weight:700;margin:0 0 .5em}.wpnbha .cat-links.sponsor-label{align-items:center;display:flex;gap:.5em}.wpnbha .cat-links a{text-decoration:none}.wpnbha .cat-links a:hover{text-decoration:underline}.wpnbha .entry-sponsors{align-items:center;display:inline-flex;flex-wrap:wrap;gap:.25em;width:100%}.wpnbha .entry-sponsors.plus-author{font-size:.9em}.wpnbha .entry-sponsors.plus-author:not(:last-child){margin-bottom:.5rem}.wpnbha .sponsor-logos{align-items:center;display:inline-flex;flex-wrap:wrap;gap:.5em;line-height:1}@media only screen and (min-width:782px){.wpnbha article .entry-title{font-size:1.6em}.wpnbha article .avatar{height:40px;width:40px}}@media only screen and (min-width:782px){.wpnbha.ts-8 article .avatar,.wpnbha.ts-9 article .avatar,.wpnbha.ts-10 article .avatar{height:2.4em;width:2.4em}}@media only screen and (min-width:782px){.wpnbha.ts-10 article .entry-title{font-size:3.6em}}@media only screen and (min-width:1168px){.wpnbha.ts-10 article .entry-title{font-size:4.8em}}@media only screen and (min-width:782px){.wpnbha.ts-9 article .entry-title{font-size:3.4em}}@media only screen and (min-width:1168px){.wpnbha.ts-9 article .entry-title{font-size:4.2em}}@media only screen and (min-width:782px){.wpnbha.ts-8 article .entry-title{font-size:3em}}@media only screen and (min-width:1168px){.wpnbha.ts-8 article .entry-title{font-size:3.6em}}@media only screen and (min-width:782px){.wpnbha.ts-7 article .entry-title{font-size:2.4em}.wpnbha.ts-7 article .avatar{height:48px;width:48px}}@media only screen and (min-width:1168px){.wpnbha.ts-7 article .entry-title{font-size:3em}}@media only screen and (min-width:782px){.wpnbha.ts-6 article .entry-title{font-size:2em}.wpnbha.ts-6 article .avatar{height:44px;width:44px}}@media only screen and (min-width:1168px){.wpnbha.ts-6 article .entry-title{font-size:2.4em}}@media only screen and (min-width:782px){.wpnbha.ts-5 article .entry-title{font-size:1.8em}.wpnbha.ts-5 article .avatar{height:40px;width:40px}}@media only screen and (min-width:1168px){.wpnbha.ts-5 article .entry-title{font-size:2em}}@media only screen and (min-width:782px){.wpnbha.ts-3 article .entry-title{font-size:1.2em}.wpnbha.ts-3 article .entry-meta{font-size:.7em}.wpnbha.ts-3 article .avatar{height:32px;width:32px}}@media only screen and (min-width:782px){.wpnbha.ts-1 article .entry-meta,.wpnbha.ts-1 article .entry-wrapper .more-link,.wpnbha.ts-1 article .entry-wrapper p,.wpnbha.ts-1 article .newspack-post-subtitle,.wpnbha.ts-2 article .entry-meta,.wpnbha.ts-2 article .entry-wrapper .more-link,.wpnbha.ts-2 article .entry-wrapper p,.wpnbha.ts-2 article .newspack-post-subtitle{font-size:.7em}}@media only screen and (min-width:782px){.wpnbha.ts-2 article .entry-title{font-size:.9em}.wpnbha.ts-2 article .avatar{height:28px;width:28px}}@media only screen and (min-width:782px){.wpnbha.ts-1 article .entry-title{font-size:.7em}.wpnbha.ts-1 article .avatar{height:24px;width:24px}}.wpnbha.is-style-borders article{border:solid rgba(0,0,0,.2);border-width:0 0 1px;box-sizing:content-box;padding-bottom:1em}.wpnbha.is-style-borders article:last-of-type:not(:first-of-type){border-bottom:0;padding-right:0}@media only screen and (min-width:600px){.wpnbha.is-style-borders.is-grid article{border-width:0;padding-right:0}.wpnbha.is-style-borders.columns-2 article:nth-of-type(odd):not(:last-of-type),.wpnbha.is-style-borders.columns-3 article:nth-of-type(3n+1):not(:last-of-type),.wpnbha.is-style-borders.columns-3 article:nth-of-type(3n+2):not(:last-of-type),.wpnbha.is-style-borders.columns-4 article:nth-of-type(odd):not(:last-of-type),.wpnbha.is-style-borders.columns-5 article:nth-of-type(odd):not(:last-of-type),.wpnbha.is-style-borders.columns-6 article:nth-of-type(3n+1):not(:last-of-type),.wpnbha.is-style-borders.columns-6 article:nth-of-type(3n+2):not(:last-of-type){border-width:0 1px 0 0;padding-right:var(--wpnbha-col-gap)}}@media only screen and (min-width:782px){.wpnbha.is-style-borders.is-grid article{border-width:0 1px 0 0;padding-right:var(--wpnbha-col-gap)}.wpnbha.is-style-borders.columns-1 article,.wpnbha.is-style-borders.columns-2 article:nth-of-type(2n),.wpnbha.is-style-borders.columns-3 article:nth-of-type(3n),.wpnbha.is-style-borders.columns-4 article:nth-of-type(4n),.wpnbha.is-style-borders.columns-5 article:nth-of-type(5n),.wpnbha.is-style-borders.columns-6 article:nth-of-type(6n),.wpnbha.is-style-borders.is-grid article:last-of-type{border:0;padding-right:0}}
+.newspack-preview-label{position:absolute;top:5px;left:5px;z-index:1;font-family:sans-serif;font-size:10px;text-transform:uppercase;background:#ffc000;padding:0 4px;border-radius:2px}:root{--wpnbha-col-gap:1em}@media only screen and (min-width:600px){:root{--wpnbha-col-gap:16px}}@media only screen and (min-width:782px){:root{--wpnbha-col-gap:32px}}@media only screen and (min-width:600px){.colgap-2{--wpnbha-col-gap:16px}}@media only screen and (min-width:600px){.colgap-1{--wpnbha-col-gap:8px}}.wpnbha{margin-bottom:1em}.wpnbha article{min-width:0;margin-bottom:1.5em;word-break:break-word;overflow-wrap:break-word;position:relative}.wpnbha article:last-of-type{margin-bottom:0}.wpnbha .article-section-title{font-size:.8em;margin-bottom:.5em;width:100%}.wpnbha .article-section-title mark{background-color:transparent}.wpnbha.is-grid>div{display:flex;flex-flow:row wrap;justify-content:flex-start;gap:var(--wpnbha-col-gap);padding:0;list-style:none}.wpnbha.is-grid article{flex-basis:100%;margin-bottom:0}.wpnbha.is-grid .article-section-title{margin-bottom:calc(1em - var(--wpnbha-col-gap))}@media only screen and (min-width:600px){.wpnbha.columns-3 article,.wpnbha.columns-6 article{flex-basis:calc(33.33% - var(--wpnbha-col-gap)/3*2)}.wpnbha.is-style-borders.columns-3 article,.wpnbha.is-style-borders.columns-6 article{flex-basis:calc(33.33% - var(--wpnbha-col-gap)*2/3*2 - 1px)}.wpnbha.columns-2 article,.wpnbha.columns-4 article,.wpnbha.columns-5 article{flex-basis:calc(50% - var(--wpnbha-col-gap)/2)}.wpnbha.is-style-borders.columns-2 article,.wpnbha.is-style-borders.columns-4 article,.wpnbha.is-style-borders.columns-5 article{flex-basis:calc(50% - var(--wpnbha-col-gap)*2/2 - 1px)}.wpnbha.columns-5 article:last-of-type,.wpnbha.is-style-borders.columns-5 article:last-of-type{flex-basis:100%}}@media only screen and (min-width:782px){.wpnbha.columns-4 article{flex-basis:calc(25% - var(--wpnbha-col-gap)/4*3)}.wpnbha.is-style-borders.columns-4 article{flex-basis:calc(25% - var(--wpnbha-col-gap)*2/4*3 - 1px)}.wpnbha.columns-5 article,.wpnbha.columns-5 article:last-of-type{flex-basis:calc(20% - var(--wpnbha-col-gap)/5*4)}.wpnbha.is-style-borders.columns-5 article,.wpnbha.is-style-borders.columns-5 article:last-of-type{flex-basis:calc(20% - var(--wpnbha-col-gap)*2/5*4 - 1px)}.wpnbha.columns-6 article{flex-basis:calc(16.6666% - var(--wpnbha-col-gap)/6*5)}.wpnbha.is-style-borders.columns-6 article{flex-basis:calc(16.6666% - var(--wpnbha-col-gap)*2/6*5 - 1px)}}.wpnbha figcaption{font-size:.6em}.wpnbha.image-alignleft .post-has-image,.wpnbha.image-alignright .post-has-image{display:flex}.wpnbha.image-alignleft .post-has-image .post-thumbnail,.wpnbha.image-alignright .post-has-image .post-thumbnail{flex-basis:33%}.wpnbha.image-alignleft .post-has-image .entry-wrapper,.wpnbha.image-alignright .post-has-image .entry-wrapper{flex-basis:67%}.wpnbha.image-alignleft.mobile-stack .post-has-image,.wpnbha.image-alignright.mobile-stack .post-has-image{display:block}@media only screen and (min-width:600px){.wpnbha.image-alignleft.mobile-stack .post-has-image,.wpnbha.image-alignright.mobile-stack .post-has-image{display:flex}}@media only screen and (min-width:600px){.wpnbha.image-alignleft.is-4 .post-thumbnail,.wpnbha.image-alignright.is-4 .post-thumbnail{flex-basis:75%}.wpnbha.image-alignleft.is-4 .entry-wrapper,.wpnbha.image-alignright.is-4 .entry-wrapper{flex-basis:25%}.wpnbha.image-alignleft.is-3 .entry-wrapper,.wpnbha.image-alignleft.is-3 .post-thumbnail,.wpnbha.image-alignright.is-3 .entry-wrapper,.wpnbha.image-alignright.is-3 .post-thumbnail{flex-basis:50%}}.wpnbha.image-alignleft.is-1 .post-thumbnail,.wpnbha.image-alignright.is-1 .post-thumbnail{flex-basis:25%}.wpnbha.image-alignleft.is-1 .entry-wrapper,.wpnbha.image-alignright.is-1 .entry-wrapper{flex-basis:75%}.wpnbha.image-alignleft .post-thumbnail{margin-right:1em}.wpnbha.image-alignright .post-thumbnail{margin-left:1em}.wpnbha.image-alignright .entry-wrapper{order:-1}.wpnbha.mobile-stack.image-alignleft .post-thumbnail,.wpnbha.mobile-stack.image-alignright .post-thumbnail{margin-left:0;margin-right:0}@media only screen and (min-width:600px){.wpnbha.mobile-stack.image-alignleft .post-thumbnail{margin-right:1em}.wpnbha.mobile-stack.image-alignright .post-thumbnail{margin-left:1em}}.wpnbha .entry-title{margin:0 0 .25em}.wpnbha .entry-title a{color:inherit;text-decoration:none}.wpnbha .entry-meta .byline:not(:last-child){margin-right:1.5em}.wpnbha .entry-meta .updated{display:none}.wpnbha .entry-meta .updated.published{display:block}.wpnbha .avatar{border-radius:100%;display:block;margin-right:.5em}.wpnbha.has-text-color .article-section-title,.wpnbha.has-text-color .cat-links,.wpnbha.has-text-color .cat-links a,.wpnbha.has-text-color .cat-links a:visited,.wpnbha.has-text-color .entry-meta,.wpnbha.has-text-color .entry-meta .byline a,.wpnbha.has-text-color .entry-meta .byline a:visited,.wpnbha.has-text-color .entry-meta a,.wpnbha.has-text-color .entry-title,.wpnbha.has-text-color .entry-title a,.wpnbha.has-text-color .entry-title a:visited,.wpnbha.has-text-color figcaption{color:inherit}.wpnbha.has-text-color .entry-meta span:not(.avatar){opacity:.8}.wpnbha.image-alignbehind .post-has-image{display:flex;align-items:flex-end;position:relative}.wpnbha.image-alignbehind .post-has-image .post-thumbnail{inset:0;margin:0;overflow:hidden;position:absolute}.wpnbha.image-alignbehind .post-has-image .post-thumbnail img{height:100%!important;-o-object-fit:cover!important;object-fit:cover!important;margin:0!important;max-width:1000%!important;width:100%!important}.wpnbha.image-alignbehind .post-has-image .post-thumbnail:after{background:rgba(0,0,0,.5);content:"";inset:0;position:absolute;z-index:1}.wpnbha.image-alignbehind .post-has-image .entry-wrapper{padding:2rem 1rem;position:relative;width:100%;z-index:2}@media only screen and (min-width:1168px){.wpnbha.image-alignbehind .post-has-image .entry-wrapper{padding:2rem 1.5rem}}.wpnbha.image-alignbehind .post-has-image .cat-links a,.wpnbha.image-alignbehind .post-has-image .entry-meta,.wpnbha.image-alignbehind .post-has-image .entry-meta .byline a,.wpnbha.image-alignbehind .post-has-image .entry-title a,.wpnbha.image-alignbehind .post-has-image .entry-wrapper{color:#fff}.wpnbha.image-alignbehind figcaption{bottom:1em;-webkit-box-orient:vertical;color:hsla(0,0%,100%,.9);display:-webkit-box;font-style:italic;left:0;-webkit-line-clamp:1;margin:0;max-height:1.6em;overflow:hidden;padding:0 1rem;position:absolute;right:0;text-align:right;text-overflow:ellipsis;z-index:3}.wpnbha.image-alignbehind figcaption a,.wpnbha.image-alignbehind figcaption a:visited{color:#fff}@media only screen and (min-width:1168px){.wpnbha.image-alignbehind figcaption{padding:0 1.5rem}}.wpnbha .error,.wpnbha .loading,.wpnbha button{display:none}.wpnbha>button{margin-top:1em}.wpnbha.has-more-button button{display:block}.wpnbha.has-more-button.is-loading button{display:none}.wpnbha.has-more-button.is-error .error,.wpnbha.has-more-button.is-error button,.wpnbha.has-more-button.is-loading .loading{display:block}.wpnbha .author-avatar,.wpnbha .byline,.wpnbha .cat-links,.wpnbha .posted-on,.wpnbha .tags-links{clip:auto;height:auto;position:relative;width:auto}.wpnbha.has-text-align-center .cat-links,.wpnbha.has-text-align-center .entry-meta,.wpnbha.has-text-align-center .entry-sponsors{justify-content:center}.wpnbha.has-text-align-center.image-alignbehind figcaption,.wpnbha.has-text-align-center figcaption{text-align:inherit}.wpnbha.has-text-align-right .cat-links,.wpnbha.has-text-align-right .entry-meta,.wpnbha.has-text-align-right .entry-sponsors,.wpnbha.has-text-align-right .sponsor-logos{justify-content:flex-end;text-align:right}.wpnbha.has-text-align-right figcaption{text-align:inherit}.wpnbha.has-text-align-right .entry-date:not(:first-child){margin-left:1.5em}.wpnbha.has-text-align-right .entry-meta .byline:not(:last-child){margin:0}.wpnbha .cat-links{display:flex;flex-wrap:wrap;font-size:.6em;font-weight:700;margin:0 0 .5em}.wpnbha .cat-links.sponsor-label{align-items:center;display:flex;gap:.5em}.wpnbha .cat-links a{text-decoration:none}.wpnbha .cat-links a:hover{text-decoration:underline}.wpnbha .entry-sponsors{align-items:center;display:inline-flex;flex-wrap:wrap;gap:.25em;width:100%}.wpnbha .entry-sponsors.plus-author{font-size:.9em}.wpnbha .entry-sponsors.plus-author:not(:last-child){margin-bottom:.5rem}.wpnbha .sponsor-logos{align-items:center;display:inline-flex;flex-wrap:wrap;gap:.5em;line-height:1}@media only screen and (min-width:782px){.wpnbha article .entry-title{font-size:1.6em}.wpnbha article .avatar{height:40px;width:40px}}@media only screen and (min-width:782px){.wpnbha.ts-8 article .avatar,.wpnbha.ts-9 article .avatar,.wpnbha.ts-10 article .avatar{height:2.4em;width:2.4em}}@media only screen and (min-width:782px){.wpnbha.ts-10 article .entry-title{font-size:3.6em}}@media only screen and (min-width:1168px){.wpnbha.ts-10 article .entry-title{font-size:4.8em}}@media only screen and (min-width:782px){.wpnbha.ts-9 article .entry-title{font-size:3.4em}}@media only screen and (min-width:1168px){.wpnbha.ts-9 article .entry-title{font-size:4.2em}}@media only screen and (min-width:782px){.wpnbha.ts-8 article .entry-title{font-size:3em}}@media only screen and (min-width:1168px){.wpnbha.ts-8 article .entry-title{font-size:3.6em}}@media only screen and (min-width:782px){.wpnbha.ts-7 article .entry-title{font-size:2.4em}.wpnbha.ts-7 article .avatar{height:48px;width:48px}}@media only screen and (min-width:1168px){.wpnbha.ts-7 article .entry-title{font-size:3em}}@media only screen and (min-width:782px){.wpnbha.ts-6 article .entry-title{font-size:2em}.wpnbha.ts-6 article .avatar{height:44px;width:44px}}@media only screen and (min-width:1168px){.wpnbha.ts-6 article .entry-title{font-size:2.4em}}@media only screen and (min-width:782px){.wpnbha.ts-5 article .entry-title{font-size:1.8em}.wpnbha.ts-5 article .avatar{height:40px;width:40px}}@media only screen and (min-width:1168px){.wpnbha.ts-5 article .entry-title{font-size:2em}}@media only screen and (min-width:782px){.wpnbha.ts-3 article .entry-title{font-size:1.2em}.wpnbha.ts-3 article .entry-meta{font-size:.7em}.wpnbha.ts-3 article .avatar{height:32px;width:32px}}@media only screen and (min-width:782px){.wpnbha.ts-1 article .entry-meta,.wpnbha.ts-1 article .entry-wrapper .more-link,.wpnbha.ts-1 article .entry-wrapper p,.wpnbha.ts-1 article .newspack-post-subtitle,.wpnbha.ts-2 article .entry-meta,.wpnbha.ts-2 article .entry-wrapper .more-link,.wpnbha.ts-2 article .entry-wrapper p,.wpnbha.ts-2 article .newspack-post-subtitle{font-size:.7em}}@media only screen and (min-width:782px){.wpnbha.ts-2 article .entry-title{font-size:.9em}.wpnbha.ts-2 article .avatar{height:28px;width:28px}}@media only screen and (min-width:782px){.wpnbha.ts-1 article .entry-title{font-size:.7em}.wpnbha.ts-1 article .avatar{height:24px;width:24px}}.wpnbha.is-style-borders article{border:solid rgba(0,0,0,.2);border-width:0 0 1px;box-sizing:content-box;padding-bottom:1em}.wpnbha.is-style-borders article:last-of-type:not(:first-of-type){border-bottom:0;padding-right:0}@media only screen and (min-width:600px){.wpnbha.is-style-borders.is-grid article{border-width:0;padding-right:0}.wpnbha.is-style-borders.columns-2 article:nth-of-type(odd):not(:last-of-type),.wpnbha.is-style-borders.columns-3 article:nth-of-type(3n+1):not(:last-of-type),.wpnbha.is-style-borders.columns-3 article:nth-of-type(3n+2):not(:last-of-type),.wpnbha.is-style-borders.columns-4 article:nth-of-type(odd):not(:last-of-type),.wpnbha.is-style-borders.columns-5 article:nth-of-type(odd):not(:last-of-type),.wpnbha.is-style-borders.columns-6 article:nth-of-type(3n+1):not(:last-of-type),.wpnbha.is-style-borders.columns-6 article:nth-of-type(3n+2):not(:last-of-type){border-width:0 1px 0 0;padding-right:var(--wpnbha-col-gap)}}@media only screen and (min-width:782px){.wpnbha.is-style-borders.is-grid article{border-width:0 1px 0 0;padding-right:var(--wpnbha-col-gap)}.wpnbha.is-style-borders.columns-1 article,.wpnbha.is-style-borders.columns-2 article:nth-of-type(2n),.wpnbha.is-style-borders.columns-3 article:nth-of-type(3n),.wpnbha.is-style-borders.columns-4 article:nth-of-type(4n),.wpnbha.is-style-borders.columns-5 article:nth-of-type(5n),.wpnbha.is-style-borders.columns-6 article:nth-of-type(6n),.wpnbha.is-style-borders.is-grid article:last-of-type{border:0;padding-right:0}}

package/dist/homepage-articles/view.rtl.css

@@ -1 +1 @@
-.newspack-preview-label{position:absolute;top:5px;right:5px;z-index:1;font-family:sans-serif;font-size:10px;text-transform:uppercase;background:#ffc000;padding:0 4px;border-radius:2px}:root{--wpnbha-col-gap:1em}@media only screen and (min-width:600px){:root{--wpnbha-col-gap:16px}}@media only screen and (min-width:782px){:root{--wpnbha-col-gap:32px}}@media only screen and (min-width:600px){.colgap-2{--wpnbha-col-gap:16px}}@media only screen and (min-width:600px){.colgap-1{--wpnbha-col-gap:8px}}.wpnbha{margin-bottom:1em}.wpnbha article{min-width:0;margin-bottom:1.5em;word-break:break-word;overflow-wrap:break-word;position:relative}.wpnbha article:last-of-type{margin-bottom:0}.wpnbha .article-section-title{font-size:.8em;margin-bottom:.5em;width:100%}.wpnbha .article-section-title mark{background-color:transparent}.wpnbha.is-grid>div{display:flex;flex-flow:row wrap;justify-content:flex-start;gap:var(--wpnbha-col-gap);padding:0;list-style:none}.wpnbha.is-grid article{flex-basis:100%;margin-bottom:0}.wpnbha.is-grid .article-section-title{margin-bottom:calc(1em - var(--wpnbha-col-gap))}@media only screen and (min-width:600px){.wpnbha.columns-3 article,.wpnbha.columns-6 article{flex-basis:calc(33.33% - var(--wpnbha-col-gap)/3*2)}.wpnbha.is-style-borders.columns-3 article,.wpnbha.is-style-borders.columns-6 article{flex-basis:calc(33.33% - var(--wpnbha-col-gap)*2/3*2 - 1px)}.wpnbha.columns-2 article,.wpnbha.columns-4 article,.wpnbha.columns-5 article{flex-basis:calc(50% - var(--wpnbha-col-gap)/2)}.wpnbha.is-style-borders.columns-2 article,.wpnbha.is-style-borders.columns-4 article,.wpnbha.is-style-borders.columns-5 article{flex-basis:calc(50% - var(--wpnbha-col-gap)*2/2 - 1px)}.wpnbha.columns-5 article:last-of-type,.wpnbha.is-style-borders.columns-5 article:last-of-type{flex-basis:100%}}@media only screen and (min-width:782px){.wpnbha.columns-4 article{flex-basis:calc(25% - var(--wpnbha-col-gap)/4*3)}.wpnbha.is-style-borders.columns-4 article{flex-basis:calc(25% - var(--wpnbha-col-gap)*2/4*3 - 1px)}.wpnbha.columns-5 article,.wpnbha.columns-5 article:last-of-type{flex-basis:calc(20% - var(--wpnbha-col-gap)/5*4)}.wpnbha.is-style-borders.columns-5 article,.wpnbha.is-style-borders.columns-5 article:last-of-type{flex-basis:calc(20% - var(--wpnbha-col-gap)*2/5*4 - 1px)}.wpnbha.columns-6 article{flex-basis:calc(16.6666% - var(--wpnbha-col-gap)/6*5)}.wpnbha.is-style-borders.columns-6 article{flex-basis:calc(16.6666% - var(--wpnbha-col-gap)*2/6*5 - 1px)}}.wpnbha figcaption{font-size:.6em}.wpnbha.image-alignleft .post-has-image,.wpnbha.image-alignright .post-has-image{display:flex}.wpnbha.image-alignleft .post-has-image .post-thumbnail,.wpnbha.image-alignright .post-has-image .post-thumbnail{flex-basis:33%}.wpnbha.image-alignleft .post-has-image .entry-wrapper,.wpnbha.image-alignright .post-has-image .entry-wrapper{flex-basis:67%}.wpnbha.image-alignleft.mobile-stack .post-has-image,.wpnbha.image-alignright.mobile-stack .post-has-image{display:block}@media only screen and (min-width:600px){.wpnbha.image-alignleft.mobile-stack .post-has-image,.wpnbha.image-alignright.mobile-stack .post-has-image{display:flex}}@media only screen and (min-width:600px){.wpnbha.image-alignleft.is-4 .post-thumbnail,.wpnbha.image-alignright.is-4 .post-thumbnail{flex-basis:75%}.wpnbha.image-alignleft.is-4 .entry-wrapper,.wpnbha.image-alignright.is-4 .entry-wrapper{flex-basis:25%}.wpnbha.image-alignleft.is-3 .entry-wrapper,.wpnbha.image-alignleft.is-3 .post-thumbnail,.wpnbha.image-alignright.is-3 .entry-wrapper,.wpnbha.image-alignright.is-3 .post-thumbnail{flex-basis:50%}}.wpnbha.image-alignleft.is-1 .post-thumbnail,.wpnbha.image-alignright.is-1 .post-thumbnail{flex-basis:25%}.wpnbha.image-alignleft.is-1 .entry-wrapper,.wpnbha.image-alignright.is-1 .entry-wrapper{flex-basis:75%}.wpnbha.image-alignleft .post-thumbnail{margin-left:1em}.wpnbha.image-alignright .post-thumbnail{margin-right:1em}.wpnbha.image-alignright .entry-wrapper{order:-1}.wpnbha.mobile-stack.image-alignleft .post-thumbnail,.wpnbha.mobile-stack.image-alignright .post-thumbnail{margin-right:0;margin-left:0}@media only screen and (min-width:600px){.wpnbha.mobile-stack.image-alignleft .post-thumbnail{margin-left:1em}.wpnbha.mobile-stack.image-alignright .post-thumbnail{margin-right:1em}}.wpnbha .entry-title{margin:0 0 .25em}.wpnbha .entry-title a{color:inherit;text-decoration:none}.wpnbha .entry-meta .byline:not(:last-child){margin-left:1.5em}.wpnbha .entry-meta .updated{display:none}.wpnbha .entry-meta .updated.published{display:block}.wpnbha .avatar{border-radius:100%;display:block;margin-left:.5em}.wpnbha.has-text-color .article-section-title,.wpnbha.has-text-color .cat-links,.wpnbha.has-text-color .cat-links a,.wpnbha.has-text-color .cat-links a:visited,.wpnbha.has-text-color .entry-meta,.wpnbha.has-text-color .entry-meta .byline a,.wpnbha.has-text-color .entry-meta .byline a:visited,.wpnbha.has-text-color .entry-meta a,.wpnbha.has-text-color .entry-title,.wpnbha.has-text-color .entry-title a,.wpnbha.has-text-color .entry-title a:visited,.wpnbha.has-text-color figcaption{color:inherit}.wpnbha.has-text-color .entry-meta span:not(.avatar){opacity:.8}.wpnbha.image-alignbehind .post-has-image{display:flex;align-items:flex-end;position:relative}.wpnbha.image-alignbehind .post-has-image .post-thumbnail{inset:0;margin:0;overflow:hidden;position:absolute}.wpnbha.image-alignbehind .post-has-image .post-thumbnail img{height:100%!important;-o-object-fit:cover!important;object-fit:cover!important;margin:0!important;max-width:1000%!important;width:100%!important}.wpnbha.image-alignbehind .post-has-image .post-thumbnail:after{background:rgba(0,0,0,.5);content:"";inset:0;position:absolute;z-index:1}.wpnbha.image-alignbehind .post-has-image .entry-wrapper{padding:2rem 1rem;position:relative;width:100%;z-index:2}@media only screen and (min-width:1168px){.wpnbha.image-alignbehind .post-has-image .entry-wrapper{padding:2rem 1.5rem}}.wpnbha.image-alignbehind .post-has-image .cat-links a,.wpnbha.image-alignbehind .post-has-image .entry-meta,.wpnbha.image-alignbehind .post-has-image .entry-meta .byline a,.wpnbha.image-alignbehind .post-has-image .entry-title a,.wpnbha.image-alignbehind .post-has-image .entry-wrapper{color:#fff}.wpnbha.image-alignbehind figcaption{bottom:1em;-webkit-box-orient:vertical;color:hsla(0,0%,100%,.9);display:-webkit-box;font-style:italic;right:0;-webkit-line-clamp:1;margin:0;max-height:1.6em;overflow:hidden;padding:0 1rem;position:absolute;left:0;text-align:left;text-overflow:ellipsis;z-index:2}@media only screen and (min-width:1168px){.wpnbha.image-alignbehind figcaption{padding:0 1.5rem}}.wpnbha .error,.wpnbha .loading,.wpnbha button{display:none}.wpnbha>button{margin-top:1em}.wpnbha.has-more-button button{display:block}.wpnbha.has-more-button.is-loading button{display:none}.wpnbha.has-more-button.is-error .error,.wpnbha.has-more-button.is-error button,.wpnbha.has-more-button.is-loading .loading{display:block}.wpnbha .author-avatar,.wpnbha .byline,.wpnbha .cat-links,.wpnbha .posted-on,.wpnbha .tags-links{clip:auto;height:auto;position:relative;width:auto}.wpnbha.has-text-align-center .cat-links,.wpnbha.has-text-align-center .entry-meta,.wpnbha.has-text-align-center .entry-sponsors{justify-content:center}.wpnbha.has-text-align-center.image-alignbehind figcaption,.wpnbha.has-text-align-center figcaption{text-align:inherit}.wpnbha.has-text-align-right .cat-links,.wpnbha.has-text-align-right .entry-meta,.wpnbha.has-text-align-right .entry-sponsors,.wpnbha.has-text-align-right .sponsor-logos{justify-content:flex-end;text-align:left}.wpnbha.has-text-align-right figcaption{text-align:inherit}.wpnbha.has-text-align-right .entry-date:not(:first-child){margin-right:1.5em}.wpnbha.has-text-align-right .entry-meta .byline:not(:last-child){margin:0}.wpnbha .cat-links{display:flex;flex-wrap:wrap;font-size:.6em;font-weight:700;margin:0 0 .5em}.wpnbha .cat-links.sponsor-label{align-items:center;display:flex;gap:.5em}.wpnbha .cat-links a{text-decoration:none}.wpnbha .cat-links a:hover{text-decoration:underline}.wpnbha .entry-sponsors{align-items:center;display:inline-flex;flex-wrap:wrap;gap:.25em;width:100%}.wpnbha .entry-sponsors.plus-author{font-size:.9em}.wpnbha .entry-sponsors.plus-author:not(:last-child){margin-bottom:.5rem}.wpnbha .sponsor-logos{align-items:center;display:inline-flex;flex-wrap:wrap;gap:.5em;line-height:1}@media only screen and (min-width:782px){.wpnbha article .entry-title{font-size:1.6em}.wpnbha article .avatar{height:40px;width:40px}}@media only screen and (min-width:782px){.wpnbha.ts-8 article .avatar,.wpnbha.ts-9 article .avatar,.wpnbha.ts-10 article .avatar{height:2.4em;width:2.4em}}@media only screen and (min-width:782px){.wpnbha.ts-10 article .entry-title{font-size:3.6em}}@media only screen and (min-width:1168px){.wpnbha.ts-10 article .entry-title{font-size:4.8em}}@media only screen and (min-width:782px){.wpnbha.ts-9 article .entry-title{font-size:3.4em}}@media only screen and (min-width:1168px){.wpnbha.ts-9 article .entry-title{font-size:4.2em}}@media only screen and (min-width:782px){.wpnbha.ts-8 article .entry-title{font-size:3em}}@media only screen and (min-width:1168px){.wpnbha.ts-8 article .entry-title{font-size:3.6em}}@media only screen and (min-width:782px){.wpnbha.ts-7 article .entry-title{font-size:2.4em}.wpnbha.ts-7 article .avatar{height:48px;width:48px}}@media only screen and (min-width:1168px){.wpnbha.ts-7 article .entry-title{font-size:3em}}@media only screen and (min-width:782px){.wpnbha.ts-6 article .entry-title{font-size:2em}.wpnbha.ts-6 article .avatar{height:44px;width:44px}}@media only screen and (min-width:1168px){.wpnbha.ts-6 article .entry-title{font-size:2.4em}}@media only screen and (min-width:782px){.wpnbha.ts-5 article .entry-title{font-size:1.8em}.wpnbha.ts-5 article .avatar{height:40px;width:40px}}@media only screen and (min-width:1168px){.wpnbha.ts-5 article .entry-title{font-size:2em}}@media only screen and (min-width:782px){.wpnbha.ts-3 article .entry-title{font-size:1.2em}.wpnbha.ts-3 article .entry-meta{font-size:.7em}.wpnbha.ts-3 article .avatar{height:32px;width:32px}}@media only screen and (min-width:782px){.wpnbha.ts-1 article .entry-meta,.wpnbha.ts-1 article .entry-wrapper .more-link,.wpnbha.ts-1 article .entry-wrapper p,.wpnbha.ts-1 article .newspack-post-subtitle,.wpnbha.ts-2 article .entry-meta,.wpnbha.ts-2 article .entry-wrapper .more-link,.wpnbha.ts-2 article .entry-wrapper p,.wpnbha.ts-2 article .newspack-post-subtitle{font-size:.7em}}@media only screen and (min-width:782px){.wpnbha.ts-2 article .entry-title{font-size:.9em}.wpnbha.ts-2 article .avatar{height:28px;width:28px}}@media only screen and (min-width:782px){.wpnbha.ts-1 article .entry-title{font-size:.7em}.wpnbha.ts-1 article .avatar{height:24px;width:24px}}.wpnbha.is-style-borders article{border:solid rgba(0,0,0,.2);border-width:0 0 1px;box-sizing:content-box;padding-bottom:1em}.wpnbha.is-style-borders article:last-of-type:not(:first-of-type){border-bottom:0;padding-left:0}@media only screen and (min-width:600px){.wpnbha.is-style-borders.is-grid article{border-width:0;padding-left:0}.wpnbha.is-style-borders.columns-2 article:nth-of-type(odd):not(:last-of-type),.wpnbha.is-style-borders.columns-3 article:nth-of-type(3n+1):not(:last-of-type),.wpnbha.is-style-borders.columns-3 article:nth-of-type(3n+2):not(:last-of-type),.wpnbha.is-style-borders.columns-4 article:nth-of-type(odd):not(:last-of-type),.wpnbha.is-style-borders.columns-5 article:nth-of-type(odd):not(:last-of-type),.wpnbha.is-style-borders.columns-6 article:nth-of-type(3n+1):not(:last-of-type),.wpnbha.is-style-borders.columns-6 article:nth-of-type(3n+2):not(:last-of-type){border-width:0 0 0 1px;padding-left:var(--wpnbha-col-gap)}}@media only screen and (min-width:782px){.wpnbha.is-style-borders.is-grid article{border-width:0 0 0 1px;padding-left:var(--wpnbha-col-gap)}.wpnbha.is-style-borders.columns-1 article,.wpnbha.is-style-borders.columns-2 article:nth-of-type(2n),.wpnbha.is-style-borders.columns-3 article:nth-of-type(3n),.wpnbha.is-style-borders.columns-4 article:nth-of-type(4n),.wpnbha.is-style-borders.columns-5 article:nth-of-type(5n),.wpnbha.is-style-borders.columns-6 article:nth-of-type(6n),.wpnbha.is-style-borders.is-grid article:last-of-type{border:0;padding-left:0}}
+.newspack-preview-label{position:absolute;top:5px;right:5px;z-index:1;font-family:sans-serif;font-size:10px;text-transform:uppercase;background:#ffc000;padding:0 4px;border-radius:2px}:root{--wpnbha-col-gap:1em}@media only screen and (min-width:600px){:root{--wpnbha-col-gap:16px}}@media only screen and (min-width:782px){:root{--wpnbha-col-gap:32px}}@media only screen and (min-width:600px){.colgap-2{--wpnbha-col-gap:16px}}@media only screen and (min-width:600px){.colgap-1{--wpnbha-col-gap:8px}}.wpnbha{margin-bottom:1em}.wpnbha article{min-width:0;margin-bottom:1.5em;word-break:break-word;overflow-wrap:break-word;position:relative}.wpnbha article:last-of-type{margin-bottom:0}.wpnbha .article-section-title{font-size:.8em;margin-bottom:.5em;width:100%}.wpnbha .article-section-title mark{background-color:transparent}.wpnbha.is-grid>div{display:flex;flex-flow:row wrap;justify-content:flex-start;gap:var(--wpnbha-col-gap);padding:0;list-style:none}.wpnbha.is-grid article{flex-basis:100%;margin-bottom:0}.wpnbha.is-grid .article-section-title{margin-bottom:calc(1em - var(--wpnbha-col-gap))}@media only screen and (min-width:600px){.wpnbha.columns-3 article,.wpnbha.columns-6 article{flex-basis:calc(33.33% - var(--wpnbha-col-gap)/3*2)}.wpnbha.is-style-borders.columns-3 article,.wpnbha.is-style-borders.columns-6 article{flex-basis:calc(33.33% - var(--wpnbha-col-gap)*2/3*2 - 1px)}.wpnbha.columns-2 article,.wpnbha.columns-4 article,.wpnbha.columns-5 article{flex-basis:calc(50% - var(--wpnbha-col-gap)/2)}.wpnbha.is-style-borders.columns-2 article,.wpnbha.is-style-borders.columns-4 article,.wpnbha.is-style-borders.columns-5 article{flex-basis:calc(50% - var(--wpnbha-col-gap)*2/2 - 1px)}.wpnbha.columns-5 article:last-of-type,.wpnbha.is-style-borders.columns-5 article:last-of-type{flex-basis:100%}}@media only screen and (min-width:782px){.wpnbha.columns-4 article{flex-basis:calc(25% - var(--wpnbha-col-gap)/4*3)}.wpnbha.is-style-borders.columns-4 article{flex-basis:calc(25% - var(--wpnbha-col-gap)*2/4*3 - 1px)}.wpnbha.columns-5 article,.wpnbha.columns-5 article:last-of-type{flex-basis:calc(20% - var(--wpnbha-col-gap)/5*4)}.wpnbha.is-style-borders.columns-5 article,.wpnbha.is-style-borders.columns-5 article:last-of-type{flex-basis:calc(20% - var(--wpnbha-col-gap)*2/5*4 - 1px)}.wpnbha.columns-6 article{flex-basis:calc(16.6666% - var(--wpnbha-col-gap)/6*5)}.wpnbha.is-style-borders.columns-6 article{flex-basis:calc(16.6666% - var(--wpnbha-col-gap)*2/6*5 - 1px)}}.wpnbha figcaption{font-size:.6em}.wpnbha.image-alignleft .post-has-image,.wpnbha.image-alignright .post-has-image{display:flex}.wpnbha.image-alignleft .post-has-image .post-thumbnail,.wpnbha.image-alignright .post-has-image .post-thumbnail{flex-basis:33%}.wpnbha.image-alignleft .post-has-image .entry-wrapper,.wpnbha.image-alignright .post-has-image .entry-wrapper{flex-basis:67%}.wpnbha.image-alignleft.mobile-stack .post-has-image,.wpnbha.image-alignright.mobile-stack .post-has-image{display:block}@media only screen and (min-width:600px){.wpnbha.image-alignleft.mobile-stack .post-has-image,.wpnbha.image-alignright.mobile-stack .post-has-image{display:flex}}@media only screen and (min-width:600px){.wpnbha.image-alignleft.is-4 .post-thumbnail,.wpnbha.image-alignright.is-4 .post-thumbnail{flex-basis:75%}.wpnbha.image-alignleft.is-4 .entry-wrapper,.wpnbha.image-alignright.is-4 .entry-wrapper{flex-basis:25%}.wpnbha.image-alignleft.is-3 .entry-wrapper,.wpnbha.image-alignleft.is-3 .post-thumbnail,.wpnbha.image-alignright.is-3 .entry-wrapper,.wpnbha.image-alignright.is-3 .post-thumbnail{flex-basis:50%}}.wpnbha.image-alignleft.is-1 .post-thumbnail,.wpnbha.image-alignright.is-1 .post-thumbnail{flex-basis:25%}.wpnbha.image-alignleft.is-1 .entry-wrapper,.wpnbha.image-alignright.is-1 .entry-wrapper{flex-basis:75%}.wpnbha.image-alignleft .post-thumbnail{margin-left:1em}.wpnbha.image-alignright .post-thumbnail{margin-right:1em}.wpnbha.image-alignright .entry-wrapper{order:-1}.wpnbha.mobile-stack.image-alignleft .post-thumbnail,.wpnbha.mobile-stack.image-alignright .post-thumbnail{margin-right:0;margin-left:0}@media only screen and (min-width:600px){.wpnbha.mobile-stack.image-alignleft .post-thumbnail{margin-left:1em}.wpnbha.mobile-stack.image-alignright .post-thumbnail{margin-right:1em}}.wpnbha .entry-title{margin:0 0 .25em}.wpnbha .entry-title a{color:inherit;text-decoration:none}.wpnbha .entry-meta .byline:not(:last-child){margin-left:1.5em}.wpnbha .entry-meta .updated{display:none}.wpnbha .entry-meta .updated.published{display:block}.wpnbha .avatar{border-radius:100%;display:block;margin-left:.5em}.wpnbha.has-text-color .article-section-title,.wpnbha.has-text-color .cat-links,.wpnbha.has-text-color .cat-links a,.wpnbha.has-text-color .cat-links a:visited,.wpnbha.has-text-color .entry-meta,.wpnbha.has-text-color .entry-meta .byline a,.wpnbha.has-text-color .entry-meta .byline a:visited,.wpnbha.has-text-color .entry-meta a,.wpnbha.has-text-color .entry-title,.wpnbha.has-text-color .entry-title a,.wpnbha.has-text-color .entry-title a:visited,.wpnbha.has-text-color figcaption{color:inherit}.wpnbha.has-text-color .entry-meta span:not(.avatar){opacity:.8}.wpnbha.image-alignbehind .post-has-image{display:flex;align-items:flex-end;position:relative}.wpnbha.image-alignbehind .post-has-image .post-thumbnail{inset:0;margin:0;overflow:hidden;position:absolute}.wpnbha.image-alignbehind .post-has-image .post-thumbnail img{height:100%!important;-o-object-fit:cover!important;object-fit:cover!important;margin:0!important;max-width:1000%!important;width:100%!important}.wpnbha.image-alignbehind .post-has-image .post-thumbnail:after{background:rgba(0,0,0,.5);content:"";inset:0;position:absolute;z-index:1}.wpnbha.image-alignbehind .post-has-image .entry-wrapper{padding:2rem 1rem;position:relative;width:100%;z-index:2}@media only screen and (min-width:1168px){.wpnbha.image-alignbehind .post-has-image .entry-wrapper{padding:2rem 1.5rem}}.wpnbha.image-alignbehind .post-has-image .cat-links a,.wpnbha.image-alignbehind .post-has-image .entry-meta,.wpnbha.image-alignbehind .post-has-image .entry-meta .byline a,.wpnbha.image-alignbehind .post-has-image .entry-title a,.wpnbha.image-alignbehind .post-has-image .entry-wrapper{color:#fff}.wpnbha.image-alignbehind figcaption{bottom:1em;-webkit-box-orient:vertical;color:hsla(0,0%,100%,.9);display:-webkit-box;font-style:italic;right:0;-webkit-line-clamp:1;margin:0;max-height:1.6em;overflow:hidden;padding:0 1rem;position:absolute;left:0;text-align:left;text-overflow:ellipsis;z-index:3}.wpnbha.image-alignbehind figcaption a,.wpnbha.image-alignbehind figcaption a:visited{color:#fff}@media only screen and (min-width:1168px){.wpnbha.image-alignbehind figcaption{padding:0 1.5rem}}.wpnbha .error,.wpnbha .loading,.wpnbha button{display:none}.wpnbha>button{margin-top:1em}.wpnbha.has-more-button button{display:block}.wpnbha.has-more-button.is-loading button{display:none}.wpnbha.has-more-button.is-error .error,.wpnbha.has-more-button.is-error button,.wpnbha.has-more-button.is-loading .loading{display:block}.wpnbha .author-avatar,.wpnbha .byline,.wpnbha .cat-links,.wpnbha .posted-on,.wpnbha .tags-links{clip:auto;height:auto;position:relative;width:auto}.wpnbha.has-text-align-center .cat-links,.wpnbha.has-text-align-center .entry-meta,.wpnbha.has-text-align-center .entry-sponsors{justify-content:center}.wpnbha.has-text-align-center.image-alignbehind figcaption,.wpnbha.has-text-align-center figcaption{text-align:inherit}.wpnbha.has-text-align-right .cat-links,.wpnbha.has-text-align-right .entry-meta,.wpnbha.has-text-align-right .entry-sponsors,.wpnbha.has-text-align-right .sponsor-logos{justify-content:flex-end;text-align:left}.wpnbha.has-text-align-right figcaption{text-align:inherit}.wpnbha.has-text-align-right .entry-date:not(:first-child){margin-right:1.5em}.wpnbha.has-text-align-right .entry-meta .byline:not(:last-child){margin:0}.wpnbha .cat-links{display:flex;flex-wrap:wrap;font-size:.6em;font-weight:700;margin:0 0 .5em}.wpnbha .cat-links.sponsor-label{align-items:center;display:flex;gap:.5em}.wpnbha .cat-links a{text-decoration:none}.wpnbha .cat-links a:hover{text-decoration:underline}.wpnbha .entry-sponsors{align-items:center;display:inline-flex;flex-wrap:wrap;gap:.25em;width:100%}.wpnbha .entry-sponsors.plus-author{font-size:.9em}.wpnbha .entry-sponsors.plus-author:not(:last-child){margin-bottom:.5rem}.wpnbha .sponsor-logos{align-items:center;display:inline-flex;flex-wrap:wrap;gap:.5em;line-height:1}@media only screen and (min-width:782px){.wpnbha article .entry-title{font-size:1.6em}.wpnbha article .avatar{height:40px;width:40px}}@media only screen and (min-width:782px){.wpnbha.ts-8 article .avatar,.wpnbha.ts-9 article .avatar,.wpnbha.ts-10 article .avatar{height:2.4em;width:2.4em}}@media only screen and (min-width:782px){.wpnbha.ts-10 article .entry-title{font-size:3.6em}}@media only screen and (min-width:1168px){.wpnbha.ts-10 article .entry-title{font-size:4.8em}}@media only screen and (min-width:782px){.wpnbha.ts-9 article .entry-title{font-size:3.4em}}@media only screen and (min-width:1168px){.wpnbha.ts-9 article .entry-title{font-size:4.2em}}@media only screen and (min-width:782px){.wpnbha.ts-8 article .entry-title{font-size:3em}}@media only screen and (min-width:1168px){.wpnbha.ts-8 article .entry-title{font-size:3.6em}}@media only screen and (min-width:782px){.wpnbha.ts-7 article .entry-title{font-size:2.4em}.wpnbha.ts-7 article .avatar{height:48px;width:48px}}@media only screen and (min-width:1168px){.wpnbha.ts-7 article .entry-title{font-size:3em}}@media only screen and (min-width:782px){.wpnbha.ts-6 article .entry-title{font-size:2em}.wpnbha.ts-6 article .avatar{height:44px;width:44px}}@media only screen and (min-width:1168px){.wpnbha.ts-6 article .entry-title{font-size:2.4em}}@media only screen and (min-width:782px){.wpnbha.ts-5 article .entry-title{font-size:1.8em}.wpnbha.ts-5 article .avatar{height:40px;width:40px}}@media only screen and (min-width:1168px){.wpnbha.ts-5 article .entry-title{font-size:2em}}@media only screen and (min-width:782px){.wpnbha.ts-3 article .entry-title{font-size:1.2em}.wpnbha.ts-3 article .entry-meta{font-size:.7em}.wpnbha.ts-3 article .avatar{height:32px;width:32px}}@media only screen and (min-width:782px){.wpnbha.ts-1 article .entry-meta,.wpnbha.ts-1 article .entry-wrapper .more-link,.wpnbha.ts-1 article .entry-wrapper p,.wpnbha.ts-1 article .newspack-post-subtitle,.wpnbha.ts-2 article .entry-meta,.wpnbha.ts-2 article .entry-wrapper .more-link,.wpnbha.ts-2 article .entry-wrapper p,.wpnbha.ts-2 article .newspack-post-subtitle{font-size:.7em}}@media only screen and (min-width:782px){.wpnbha.ts-2 article .entry-title{font-size:.9em}.wpnbha.ts-2 article .avatar{height:28px;width:28px}}@media only screen and (min-width:782px){.wpnbha.ts-1 article .entry-title{font-size:.7em}.wpnbha.ts-1 article .avatar{height:24px;width:24px}}.wpnbha.is-style-borders article{border:solid rgba(0,0,0,.2);border-width:0 0 1px;box-sizing:content-box;padding-bottom:1em}.wpnbha.is-style-borders article:last-of-type:not(:first-of-type){border-bottom:0;padding-left:0}@media only screen and (min-width:600px){.wpnbha.is-style-borders.is-grid article{border-width:0;padding-left:0}.wpnbha.is-style-borders.columns-2 article:nth-of-type(odd):not(:last-of-type),.wpnbha.is-style-borders.columns-3 article:nth-of-type(3n+1):not(:last-of-type),.wpnbha.is-style-borders.columns-3 article:nth-of-type(3n+2):not(:last-of-type),.wpnbha.is-style-borders.columns-4 article:nth-of-type(odd):not(:last-of-type),.wpnbha.is-style-borders.columns-5 article:nth-of-type(odd):not(:last-of-type),.wpnbha.is-style-borders.columns-6 article:nth-of-type(3n+1):not(:last-of-type),.wpnbha.is-style-borders.columns-6 article:nth-of-type(3n+2):not(:last-of-type){border-width:0 0 0 1px;padding-left:var(--wpnbha-col-gap)}}@media only screen and (min-width:782px){.wpnbha.is-style-borders.is-grid article{border-width:0 0 0 1px;padding-left:var(--wpnbha-col-gap)}.wpnbha.is-style-borders.columns-1 article,.wpnbha.is-style-borders.columns-2 article:nth-of-type(2n),.wpnbha.is-style-borders.columns-3 article:nth-of-type(3n),.wpnbha.is-style-borders.columns-4 article:nth-of-type(4n),.wpnbha.is-style-borders.columns-5 article:nth-of-type(5n),.wpnbha.is-style-borders.columns-6 article:nth-of-type(6n),.wpnbha.is-style-borders.is-grid article:last-of-type{border:0;padding-left:0}}

package/includes/class-modal-checkout.php

@@ -51,8 +51,6 @@ final class Modal_Checkout {
 		add_filter( 'wcs_place_subscription_order_text', [ __CLASS__, 'order_button_text' ], 1 );
 		add_filter( 'woocommerce_order_button_text', [ __CLASS__, 'order_button_text' ] );
 		add_filter( 'option_woocommerce_subscriptions_order_button_text', [ __CLASS__, 'order_button_text' ] );
-		add_action( 'option_woocommerce_default_customer_address', [ __CLASS__, 'ensure_base_default_customer_address' ] );
-		add_action( 'default_option_woocommerce_default_customer_address', [ __CLASS__, 'ensure_base_default_customer_address' ] );
 
 		/** Custom handling for registered users. */
 		add_filter( 'woocommerce_checkout_customer_id', [ __CLASS__, 'associate_existing_user' ] );
@@ -998,46 +996,6 @@ final class Modal_Checkout {
 		return $text;
 	}
 
-	/**
-	 * Force option for base country for new customers if unset and billing country optional while state is required
-	 * unless the NEWSPACK_PREVENT_FORCE_BASE_DEFAULT_CUSTOMER_ADDRESS constant is set.
-	 *
-	 * If this option is empty AND billing state is set as a required field AND billing country is not,
-	 * validation of the state value will fail during modal checkout.
-	 *
-	 * See Default Customer Location in: https://woo.com/document/configuring-woocommerce-settings/#general-options
-	 *
-	 * @param string $option_value The value of the default customer address option.
-	 *
-	 * @return string Option value.
-	 */
-	public static function ensure_base_default_customer_address( $option_value ) {
-		// If the option is set, we're good.
-		if ( ! empty( $option_value ) ) {
-			return $option_value;
-		}
-
-		// Only in modal checkout.
-		if ( ! self::is_modal_checkout() ) {
-			return $option_value;
-		}
-
-		// Escape hatch in case we want the standard behavior even in modal checkout.
-		if ( defined( 'NEWSPACK_PREVENT_FORCE_BASE_DEFAULT_CUSTOMER_ADDRESS' ) && NEWSPACK_PREVENT_FORCE_BASE_DEFAULT_CUSTOMER_ADDRESS ) {
-			return $option_value;
-		}
-
-		// If billing state is required but billing country is not, we need to ensure a default location is set.
-		if ( defined( '\Newspack\Donations::DONATION_BILLING_FIELDS_OPTION' ) ) {
-			$billing_fields = get_option( \Newspack\Donations::DONATION_BILLING_FIELDS_OPTION, [] );
-			if ( ! in_array( 'billing_country', $billing_fields, true ) && in_array( 'billing_state', $billing_fields, true ) ) {
-				return 'base';
-			}
-		}
-
-		return $option_value;
-	}
-
 	/**
 	 * If a reader tries to make a purchase with an email address that
 	 * has been previously registered, automatically associate the transaction

package/includes/class-newspack-blocks-api.php

@@ -73,16 +73,6 @@ class Newspack_Blocks_API {
 		return $featured_image_set;
 	}
 
-	/**
-	 * Get thumbnail featured image captions for the rest field.
-	 *
-	 * @param array $object_info The object info.
-	 * @return string|null Image caption on success, null on failure.
-	 */
-	public static function newspack_blocks_get_image_caption( $object_info ) {
-		return (int) $object_info['featured_media'] > 0 ? trim( wp_get_attachment_caption( $object_info['featured_media'] ) ) : null;
-	}
-
 	/**
 	 * Get author info for the rest field.
 	 *
@@ -320,7 +310,7 @@ class Newspack_Blocks_API {
 				'newspack_article_classes'          => Newspack_Blocks::get_term_classes( $data['id'] ),
 				'newspack_author_info'              => self::newspack_blocks_get_author_info( $data ),
 				'newspack_category_info'            => self::newspack_blocks_get_primary_category( $data ),
-				'newspack_featured_image_caption'   => self::newspack_blocks_get_image_caption( $data ),
+				'newspack_featured_image_caption'   => Newspack_Blocks::get_image_caption( $data['featured_media'], $attributes['showCaption'], $attributes['showCredit'] ),
 				'newspack_featured_image_src'       => self::newspack_blocks_get_image_src( $data ),
 				'newspack_has_custom_excerpt'       => self::newspack_blocks_has_custom_excerpt( $data ),
 				'newspack_post_sponsors'            => self::newspack_blocks_sponsor_info( $data ),

package/includes/class-newspack-blocks.php

@@ -1593,5 +1593,40 @@ class Newspack_Blocks {
 
 		return '<span class="wpbnbd__tiers__amount__value">' . $wc_formatted_amount . '</span>';
 	}
+
+	/**
+	 * Get an image caption, optionally with credit appended.
+	 *
+	 * @param int  $attachment_id Attachment ID of the image.
+	 * @param bool $include_caption Whether to include the caption.
+	 * @param bool $include_credit Whether to include the credit.
+	 *
+	 * @return string
+	 */
+	public static function get_image_caption( $attachment_id = null, $include_caption = true, $include_credit = false ) {
+		if ( ! $attachment_id || ( ! $include_caption && ! $include_credit ) ) {
+			return '';
+		}
+
+		$caption = $include_caption ? wp_get_attachment_caption( $attachment_id ) : '';
+		$credit  = '';
+
+		if ( $include_credit && method_exists( 'Newspack\Newspack_Image_Credits', 'get_media_credit_string' ) ) {
+			$credit = \Newspack\Newspack_Image_Credits::get_media_credit_string( $attachment_id );
+		}
+
+		$full_caption = trim( $caption . ' ' . $credit );
+		if ( empty( $full_caption ) ) {
+			return '';
+		}
+
+		$combined_caption = sprintf(
+			'<figcaption%1$s>%2$s</figcaption>',
+			! empty( $credit ) ? ' class="has-credit"' : '',
+			$full_caption
+		);
+
+		return $combined_caption;
+	}
 }
 Newspack_Blocks::init();

package/newspack-blocks.php

@@ -7,7 +7,7 @@
  * Author URI:      https://newspack.com/
  * Text Domain:     newspack-blocks
  * Domain Path:     /languages
- * Version:         3.0.4-alpha.1
+ * Version:         3.0.4
  *
  * @package         Newspack_Blocks
  */
@@ -15,7 +15,7 @@
 define( 'NEWSPACK_BLOCKS__PLUGIN_FILE', __FILE__ );
 define( 'NEWSPACK_BLOCKS__BLOCKS_DIRECTORY', 'dist/' );
 define( 'NEWSPACK_BLOCKS__PLUGIN_DIR', plugin_dir_path( NEWSPACK_BLOCKS__PLUGIN_FILE ) );
-define( 'NEWSPACK_BLOCKS__VERSION', '3.0.4-alpha.1' );
+define( 'NEWSPACK_BLOCKS__VERSION', '3.0.4' );
 
 require_once NEWSPACK_BLOCKS__PLUGIN_DIR . 'includes/class-newspack-blocks.php';
 require_once NEWSPACK_BLOCKS__PLUGIN_DIR . 'includes/class-newspack-blocks-api.php';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@automattic/newspack-blocks",
-	"version": "3.0.4-alpha.1",
+	"version": "3.0.4",
 	"author": "Automattic",
 	"devDependencies": {
 		"@rushstack/eslint-patch": "^1.7.2",
@@ -10,7 +10,7 @@
 		"@types/lodash.debounce": "^4.0.9",
 		"eslint": "^7.32.0",
 		"fetch-mock-jest": "^1.5.1",
-		"html-entities": "^2.5.2",
+		"html-entities": "^2.4.0",
 		"identity-obj-proxy": "^3.0.0",
 		"lint-staged": "^15.2.2",
 		"newspack-scripts": "^5.3.0",

package/src/blocks/carousel/edit.js

@@ -161,6 +161,8 @@ class Edit extends Component {
 			showDate,
 			showAuthor,
 			showAvatar,
+			showCaption,
+			showCredit,
 			showTitle,
 			slidesPerView,
 			specificMode,
@@ -250,8 +252,8 @@ class Edit extends Component {
 						<Fragment>
 							{ autoplay && (
 								<Fragment>
-									<button className="swiper-button swiper-button-pause" ref={ this.btnPauseRef } />
-									<button className="swiper-button swiper-button-play" ref={ this.btnPlayRef } />
+									<button ref={ this.btnPauseRef } />
+									<button ref={ this.btnPlayRef } />
 								</Fragment>
 							) }
 							<div className="swiper-wrapper">
@@ -280,7 +282,9 @@ class Edit extends Component {
 											showCategory ||
 											showTitle ||
 											showAuthor ||
-											showDate ) && (
+											showDate ||
+											showCaption ||
+											showCredit ) && (
 											<div className="entry-wrapper">
 												{ ( post.newspack_post_sponsors ||
 													( showCategory && 0 < post.newspack_category_info.length ) ) && (
@@ -331,6 +335,14 @@ class Edit extends Component {
 															{ dateI18n( dateFormat, post.date ) }
 														</time>
 													) }
+													{ ( showCaption || showCredit ) && post.newspack_featured_image_caption && (
+														<div
+															className="entry-caption"
+															dangerouslySetInnerHTML={ {
+																__html: post.newspack_featured_image_caption,
+															} }
+														/>
+													) }
 												</div>
 											</div>
 										) }
@@ -339,8 +351,8 @@ class Edit extends Component {
 							</div>
 							{ ! hasNoPosts && ! hasOnePost && (
 								<>
-									<button className="swiper-button-prev swiper-button" ref={ this.btnPrevRef } />
-									<button className="swiper-button-next swiper-button" ref={ this.btnNextRef } />
+									<button className="swiper-button swiper-button-prev" ref={ this.btnPrevRef } />
+									<button className="swiper-button swiper-button-next" ref={ this.btnNextRef } />
 									<div
 										className="swiper-pagination swiper-pagination-bullets"
 										ref={ this.paginationRef }
@@ -534,6 +546,20 @@ class Edit extends Component {
 								/>
 							</PanelRow>
 						) }
+						<PanelRow>
+							<ToggleControl
+								label={ __( 'Show Featured Image Caption', 'newspack-blocks' ) }
+								checked={ showCaption }
+								onChange={ () => setAttributes( { showCaption: ! showCaption } ) }
+							/>
+						</PanelRow>
+						<PanelRow>
+							<ToggleControl
+								label={ __( 'Show Featured Image Credit', 'newspack-blocks' ) }
+								checked={ showCredit }
+								onChange={ () => setAttributes( { showCredit: ! showCredit } ) }
+							/>
+						</PanelRow>
 					</PanelBody>
 					<PostTypesPanel attributes={ attributes } setAttributes={ setAttributes } />
 					<PostStatusesPanel attributes={ attributes } setAttributes={ setAttributes } />

package/src/blocks/carousel/index.js

@@ -86,6 +86,14 @@ export const settings = {
 			type: 'boolean',
 			default: true,
 		},
+		showCaption: {
+			type: 'boolean',
+			default: false,
+		},
+		showCredit: {
+			type: 'boolean',
+			default: false,
+		},
 		showCategory: {
 			type: 'boolean',
 			default: false,

package/src/blocks/carousel/view.php

@@ -68,6 +68,8 @@ function newspack_blocks_render_block_carousel( $attributes ) {
 			$hide_publish_date = apply_filters( 'newspack_listings_hide_publish_date', false ); // phpcs:ignore WordPress.NamingConventions.PrefixAllGlobals.NonPrefixedHooknameFound
 			$show_author       = $attributes['showAuthor'] && ! $hide_author;
 			$show_date         = $attributes['showDate'] && ! $hide_publish_date;
+			$show_caption      = $attributes['showCaption'];
+			$show_credit       = $attributes['showCredit'];
 
 			// Validate the value of the "image fit" attribute.
 			$image_fits = [ 'cover', 'contain' ];
@@ -100,7 +102,7 @@ function newspack_blocks_render_block_carousel( $attributes ) {
 					<?php endif; ?>
 				</figure>
 
-				<?php if ( ! empty( $sponsors ) || $attributes['showCategory'] || $attributes['showTitle'] || $show_author || $show_date ) : ?>
+				<?php if ( ! empty( $sponsors ) || $attributes['showCategory'] || $attributes['showTitle'] || $show_author || $show_date || $show_caption || $show_credit ) : ?>
 					<div class="entry-wrapper">
 						<?php if ( ! empty( $sponsors ) || $attributes['showCategory'] ) : ?>
 							<div class="cat-links <?php if ( ! empty( $sponsors ) ) : ?>sponsor-label<?php endif; // phpcs:ignore Squiz.ControlStructures.ControlSignature.NewlineAfterOpenBrace ?>">
@@ -193,6 +195,15 @@ function newspack_blocks_render_block_carousel( $attributes ) {
 									esc_html( get_the_date() )
 								);
 							endif;
+							if ( $show_caption || $show_credit ) :
+								$full_caption = Newspack_Blocks::get_image_caption( get_post_thumbnail_id(), $show_caption, $show_credit );
+								if ( $full_caption ) :
+									?>
+									<div class="entry-caption">
+										<?php echo wp_kses_post( $full_caption ); ?>
+									<?php
+								endif;
+							endif;
 							?>
 						</div><!-- .entry-meta -->
 					</div><!-- .entry-wrapper -->
@@ -350,6 +361,14 @@ function newspack_blocks_register_carousel() {
 						'type'    => 'boolean',
 						'default' => true,
 					),
+					'showCaption'      => array(
+						'type'    => 'boolean',
+						'default' => false,
+					),
+					'showCredit'       => array(
+						'type'    => 'boolean',
+						'default' => false,
+					),
 					'showCategory'     => array(
 						'type'    => 'boolean',
 						'default' => false,

package/src/blocks/carousel/view.scss

@@ -77,6 +77,22 @@
 				}
 			}
 		}
+
+		.entry-caption {
+			margin-top: var( --wp--preset--spacing--00, var( --wp--preset--spacing--20, 0.5rem ) );
+			width: 100%;
+
+			figcaption {
+				color: #fff;
+				font-size: var( --wp--preset--font-size--x-small, var( --newspack-theme-font-size-sm, 0.8em ) );
+				line-height: var( --wp--custom--line-height--x-small, var( --newspack-theme-font-line-height-body, 1.6 ) );
+
+				a {
+					font-weight: 400;
+					text-decoration: underline;
+				}
+			}
+		}
 	}
 	.post-thumbnail {
 		margin: 0;

package/src/blocks/homepage-articles/block.json

@@ -34,6 +34,10 @@
 			"type": "boolean",
 			"default": false
 		},
+		"showCredit": {
+			"type": "boolean",
+			"default": false
+		},
 		"disableImageLazyLoad": {
 			"type": "boolean",
 			"default": false
@@ -93,12 +97,16 @@
 		"authors": {
 			"type": "array",
 			"default": [],
-			"items": { "type": "integer" }
+			"items": {
+				"type": "integer"
+			}
 		},
 		"categories": {
 			"type": "array",
 			"default": [],
-			"items": { "type": "integer" }
+			"items": {
+				"type": "integer"
+			}
 		},
 		"includeSubcategories": {
 			"type": "boolean",
@@ -107,7 +115,9 @@
 		"tags": {
 			"type": "array",
 			"default": [],
-			"items": { "type": "integer" }
+			"items": {
+				"type": "integer"
+			}
 		},
 		"customTaxonomies": {
 			"type": "array",
@@ -130,12 +140,16 @@
 		"tagExclusions": {
 			"type": "array",
 			"default": [],
-			"items": { "type": "integer" }
+			"items": {
+				"type": "integer"
+			}
 		},
 		"categoryExclusions": {
 			"type": "array",
 			"default": [],
-			"items": { "type": "integer" }
+			"items": {
+				"type": "integer"
+			}
 		},
 		"customTaxonomyExclusions": {
 			"type": "array",
@@ -158,7 +172,9 @@
 		"specificPosts": {
 			"type": "array",
 			"default": [],
-			"items": { "type": "integer" }
+			"items": {
+				"type": "integer"
+			}
 		},
 		"typeScale": {
 			"type": "integer",
@@ -198,8 +214,12 @@
 		},
 		"postType": {
 			"type": "array",
-			"default": [ "post" ],
-			"items": { "type": "string" }
+			"default": [
+				"post"
+			],
+			"items": {
+				"type": "string"
+			}
 		},
 		"textAlign": {
 			"type": "string",
@@ -207,12 +227,16 @@
 		},
 		"includedPostStatuses": {
 			"type": "array",
-			"default": [ "publish" ],
-			"items": { "type": "string" }
+			"default": [
+				"publish"
+			],
+			"items": {
+				"type": "string"
+			}
 		},
 		"deduplicate": {
 			"type": "boolean",
 			"default": true
 		}
 	}
-}
+}

package/src/blocks/homepage-articles/edit.js

@@ -111,6 +111,7 @@ class Edit extends Component {
 			mediaPosition,
 			minHeight,
 			showCaption,
+			showCredit,
 			showExcerpt,
 			showReadMore,
 			readMoreLabel,
@@ -164,8 +165,12 @@ class Edit extends Component {
 								<img src={ post.newspack_featured_image_src.uncropped } alt="" />
 							) }
 						</a>
-						{ showCaption && '' !== post.newspack_featured_image_caption && (
-							<figcaption>{ post.newspack_featured_image_caption }</figcaption>
+						{ ( showCaption || showCredit ) && (
+							<div
+								dangerouslySetInnerHTML={ {
+									__html: post.newspack_featured_image_caption,
+								} }
+							/>
 						) }
 					</figure>
 				) }
@@ -273,6 +278,7 @@ class Edit extends Component {
 			postType,
 			showImage,
 			showCaption,
+			showCredit,
 			imageScale,
 			mobileStack,
 			minHeight,
@@ -458,13 +464,22 @@ class Edit extends Component {
 					</PanelRow>
 
 					{ showImage && (
-						<PanelRow>
-							<ToggleControl
-								label={ __( 'Show Featured Image Caption', 'newspack-blocks' ) }
-								checked={ showCaption }
-								onChange={ () => setAttributes( { showCaption: ! showCaption } ) }
-							/>
-						</PanelRow>
+						<>
+							<PanelRow>
+								<ToggleControl
+									label={ __( 'Show Featured Image Caption', 'newspack-blocks' ) }
+									checked={ showCaption }
+									onChange={ () => setAttributes( { showCaption: ! showCaption } ) }
+								/>
+							</PanelRow>
+							<PanelRow>
+								<ToggleControl
+									label={ __( 'Show Featured Image Credit', 'newspack-blocks' ) }
+									checked={ showCredit }
+									onChange={ () => setAttributes( { showCredit: ! showCredit } ) }
+								/>
+							</PanelRow>
+						</>
 					) }
 
 					{ showImage && mediaPosition !== 'top' && mediaPosition !== 'behind' && (

package/src/blocks/homepage-articles/templates/article.php

@@ -79,8 +79,8 @@ call_user_func(
 				</a>
 				<?php endif; ?>
 
-				<?php if ( $attributes['showCaption'] && '' !== get_the_post_thumbnail_caption() ) : ?>
-					<figcaption><?php the_post_thumbnail_caption(); ?></figcaption>
+				<?php if ( $attributes['showCaption'] || $attributes['showCredit'] ) : ?>
+					<?php echo wp_kses_post( Newspack_Blocks::get_image_caption( get_post_thumbnail_id(), $attributes['showCaption'], $attributes['showCredit'] ) ); ?>
 				<?php endif; ?>
 			</figure><!-- .featured-image -->
 		<?php endif; ?>