@penskemediacorp/larva-patterns 1.1.0 → 1.1.3

package/__tests__/hub/hub.html

@@ -20,4 +20,6 @@
 	{% include "modules/story-grid/story-grid.twig" with story_grid_river %}
 
 	{% include "modules/injected-related-content/injected-related-content.twig" with injected_related_content %}
+
+	{% include "modules/secondary-stories/secondary-stories.twig" with secondary_stories %}
 </div>

package/__tests__/hub/hub.prototype.js

@@ -12,6 +12,7 @@ const button = __experimentalCloneWithFallback( 'modules/button/button.prototype
 const paragraph = __experimentalCloneWithFallback( 'modules/paragraph/paragraph.prototype' );
 const separator = __experimentalCloneWithFallback( 'modules/separator/separator.prototype' );
 const injected_related_content = __experimentalCloneWithFallback( 'modules/injected-related-content/injected-related-content.prototype' );
+const secondary_stories = __experimentalCloneWithFallback( 'modules/secondary-stories/secondary-stories.prototype' );
 
 module.exports = {
 	carousel_grid,
@@ -24,5 +25,6 @@ module.exports = {
 	button,
 	separator,
 	injected_related_content,
-	story_grid_river
+	story_grid_river,
+	secondary_stories
 };

package/modules/article-kicker/article-kicker.twig

@@ -2,7 +2,11 @@
 	{% if article_kicker_url %}
 		<a href="{{ article_kicker_url }}" class="article-kicker-link {{ article_kicker_link_classes }}">
 	{% endif %}
-		{{ article_kicker_text }}
+		{% if c_svg %}
+			{% include "@larva/components/c-svg/c-svg.twig" with c_svg %}
+		{% else %}
+			{{ article_kicker_text }}
+		{% endif %} 
 	{% if article_kicker_url %}
 		</a>
 	{% endif %}

package/modules/breaking-news/breaking-news.prototype.js

@@ -0,0 +1,29 @@
+const clonedeep = require( 'lodash.clonedeep' );
+
+const c_heading = clonedeep( require( '@penskemediacorp/larva-patterns/components/c-heading/c-heading.prototype' ) );
+const c_title = clonedeep( require( '@penskemediacorp/larva-patterns/components/c-title/c-title.prototype' ) );
+const c_icon = clonedeep( require( '@penskemediacorp/larva-patterns/components/c-icon/c-icon.prototype' ) );
+
+
+c_heading.c_heading_text = 'Breaking News';
+c_heading.c_heading_classes = 'lrv-a-font-secondary-bold-l lrv-u-margin-r-1 lrv-u-text-transform-uppercase lrv-u-margin-b-050@mobile-max';
+
+c_title.c_title_text = 'US Stadiums Partnership, Inc. Files for Bankruptcy Amid Historic Cancellations';
+c_title.c_title_classes = 'lrv-u-font-size-18 lrv-u-line-height-copy lrv-u-font-weight-normal lrv-u-font-family-basic';
+c_title.c_title_link_classes = 'lrv-a-unstyle-link ';
+
+c_icon.c_icon_link_classes = 'dismiss-news-banner lrv-u-color-white lrv-u-cursor-pointer lrv-u-width-16 lrv-u-height-16 lrv-u-color-white:hover lrv-u-margin-l-auto';
+c_icon.c_icon_url = '#';
+c_icon.c_icon_target_attr = false;
+c_icon.c_icon_name = 'close';
+c_icon.c_icon_link_screen_reader_text = false;
+c_icon.c_icon_screen_reader_text = 'close';
+c_icon.c_icon_screen_reader_title_attr = 'close';
+
+module.exports = {
+	breaking_news_classes: 'lrv-u-background-color-brand-primary lrv-u-color-white',
+	breaking_news_inner_classes: 'lrv-a-wrapper lrv-u-flex lrv-u-flex-direction-column@mobile-max lrv-u-align-items-center lrv-u-padding-tb-1',
+	c_heading: c_heading,
+	c_title: c_title,
+	c_icon: c_icon
+};

package/modules/breaking-news/breaking-news.twig

@@ -0,0 +1,18 @@
+<section class="breaking-news // pmc-breaking-news {{ breaking_news_classes }} ">
+
+	<div class="{{breaking_news_inner_classes}}">
+
+		{% if c_heading %}
+			{% include "@larva/components/c-heading/c-heading.twig" with c_heading %}
+		{% endif %}
+
+		{% if c_title %}
+			{% include "@larva/components/c-title/c-title.twig" with c_title %}
+		{% endif %}
+
+		{% if c_icon %}
+			{% include "@larva/components/c-icon/c-icon.twig" with c_icon %}
+		{% endif %}
+	</div>
+
+</section>

package/modules/buy-now/buy-now.prototype.js

@@ -0,0 +1,36 @@
+const clonedeep = require( 'lodash.clonedeep' );
+
+// Image
+const c_lazy_image_prototype = require( '@penskemediacorp/larva-patterns/components/c-lazy-image/c-lazy-image.prototype' );
+
+const c_lazy_image = clonedeep( c_lazy_image_prototype );
+
+c_lazy_image.c_lazy_image_srcset_attr = false;
+c_lazy_image.c_lazy_image_sizes_attr = false;
+c_lazy_image.c_lazy_image_crop_class = 'lrv-a-crop-1x1';
+
+// Icon Button
+const c_icon_button = clonedeep( require( '../../objects/o-icon-button/o-icon-button.prototype' ) );
+
+c_icon_button.o_icon_button_url = true;
+c_icon_button.o_button_url = '#';
+c_icon_button.o_icon_button_classes += ' lrv-a-buy-now__button lrv-u-font-size-14 lrv-u-font-weight-bold lrv-u-text-transform-uppercase lrv-u-border-t-3 lrv-u-border-r-1 lrv-u-border-b-3 lrv-u-border-l-1 lrv-u-padding-tb-050 lrv-u-padding-lr-1 lrv-u-background-color-white lrv-u-color-black lrv-u-border-color-currentColor';
+c_icon_button.o_icon_button_target_attr = '_blank';
+c_icon_button.o_icon_button_rel_attr = 'nofollow';
+
+c_icon_button.c_icon.c_icon_name = 'triangle-right';
+c_icon_button.c_icon.c_icon_screen_reader_text = '';
+c_icon_button.c_span.c_span_text = 'Buy Now';
+
+// Export
+module.exports = {
+	buy_now_div_classes: 'lrv-a-buy-now lrv-u-font-family-basic',
+	buy_now_hr_top_classes: 'lrv-a-buy-now__hr lrv-a-buy-now__hr--top',
+	buy_now_img_classes: 'lrv-a-buy-now__image',
+	buy_now_hr_bottom_classes: 'lrv-a-buy-now__hr lrv-a-buy-now__hr--bottom',
+	buy_now_p_classes: 'lrv-a-buy-now__p lrv-u-font-family-basic lrv-u-font-size-14',
+	buy_now_span_classes: 'lrv-a-buy-now__span lrv-u-font-weight-bold lrv-u-text-transform-uppercase lrv-u-color-grey lrv-u-font-size-10',
+	buy_now_store_credit_text: '', // 'Amazon' for example
+	c_lazy_image,
+	c_icon_button,
+};

package/modules/buy-now/buy-now.twig

@@ -0,0 +1,23 @@
+{% if c_lazy_image %}
+	<div class="{{ buy_now_div_classes }}">
+		<hr class="{{ buy_now_hr_top_classes }}">
+
+		<div class="{{ buy_now_img_classes }}">
+			{% include "@larva/components/c-lazy-image/c-lazy-image.twig" with c_lazy_image %}
+		</div>
+
+		{% include "@larva/objects/o-icon-button/o-icon-button.twig" with c_icon_button %}
+
+		<hr class="{{ buy_now_hr_bottom_classes }}">
+
+		{% if buy_now_store_credit_text %}
+			<span class="{{ buy_now_span_classes }}">
+				{{ buy_now_store_credit_text }}
+			</span>
+		{% endif %}
+	</div>
+{% else %}
+	<p class="{{ buy_now_p_classes }}">
+		{% include "@larva/objects/o-icon-button/o-icon-button.twig" with c_icon_button %}
+	</p>
+{% endif %}

package/modules/secondary-stories/secondary-stories.prototype.js

@@ -0,0 +1,119 @@
+const clonedeep = require('lodash.clonedeep');
+
+const o_card_prototype = require('@penskemediacorp/larva-patterns/objects/o-card/o-card.prototype.js')
+
+const o_author = clonedeep(require('@penskemediacorp/larva-patterns/objects/o-author/o-author.prototype'));
+o_author.c_span.c_span_classes = '';
+o_author.o_author_classes = 'lrv-u-text-transform-uppercase'; 
+o_author.o_author_text= 'By ';
+o_author.c_timestamp= false;
+o_author.c_span.c_span_link_classes = 'lrv-a-unstyle-link';
+o_card_prototype.o_author = o_author;
+
+const c_dek = clonedeep(require('@penskemediacorp/larva-patterns/components/c-dek/c-dek.prototype.js'));
+o_card_prototype.c_dek = c_dek;
+
+o_card_prototype.c_span = false;
+o_card_prototype.c_title.c_title_text = ' For Sahbabii, Recording His Debut Album Was Part of The Grieving Process';
+o_card_prototype.c_timestamp = false;
+o_card_prototype.o_card_content_classes ='lrv-u-align-items-start lrv-u-flex lrv-u-flex-direction-column';
+o_card_prototype.c_title.c_title_link_classes = 'lrv-a-unstyle-link lrv-u-color-brand-primary:hover';
+
+const article_kicker = clonedeep(require('@penskemediacorp/larva-patterns/modules/article-kicker/article-kicker.prototype.js'));
+article_kicker.article_kicker_classes = 'lrv-u-padding-b-050 lrv-u-border-b-1 lrv-u-text-transform-uppercase';
+article_kicker.article_kicker_link_classes = 'lrv-a-unstyle-link';
+o_card_prototype.article_kicker_outer_classes = 'lrv-u-padding-tb-1@desktop-xl';
+o_card_prototype.article_kicker = article_kicker;
+
+const o_card_1 = clonedeep(o_card_prototype);
+o_card_1.c_dek = false;
+o_card_1.article_kicker.article_kicker_text = 'Exclusive';
+o_card_1.c_title.c_title_text = ' It Started With Thirst Traps on TikTok. Now, She’s Accused of Running a BDSM Cult';
+o_card_1.article_kicker_outer_classes = 'lrv-a-font-basic-l lrv-a-glue-parent lrv-u-background-color-white lrv-u-flex lrv-u-padding-b-1 lrv-u-padding-l-1@mobile-max lrv-u-padding-r-1 lrv-u-padding-t-1@desktop-xl lrv-u-padding-t-1@mobile-max lrv-u-text-transform-uppercase u-margin-t-n187@desktop-xl u-margin-t-n187@mobile-max u-z-index-middle-bottom';
+o_card_1.article_kicker.article_kicker_classes += ' lrv-a-font-basic-l';
+o_card_1.c_title.c_title_classes = 'lrv-a-font-primary-xl lrv-u-padding-t-150@mobile-max lrv-u-padding-b-1@mobile-max lrv-u-padding-t-050@tablet lrv-u-padding-b-075@tablet';
+o_card_1.o_author.o_author_classes = 'lrv-a-font-body-s lrv-u-text-transform-uppercase lrv-u-color-black';
+o_card_1.o_card_classes = 'lrv-u-flex@tablet lrv-u-flex-direction-column@desktop-xl';
+o_card_1.o_card_image_wrap_classes = 'lrv-u-flex-basis-100p@desktop-xl-max lrv-u-margin-r-175@tablet lrv-u-margin-r-00@desktop-xl';
+o_card_1.o_card_content_classes = 'lrv-u-align-items-start lrv-u-flex lrv-u-flex-basis-100p@desktop-xl-max lrv-u-flex-direction-column lrv-u-padding-l-150@mobile-max lrv-u-padding-r-150@mobile-max';
+o_card_1.c_lazy_image.c_lazy_image_crop_class = 'lrv-a-crop-3x2';
+
+const o_card_2 = clonedeep(o_card_prototype);
+ 
+o_card_2.article_kicker.article_kicker_text = 'AMERICAN MILITIA';
+o_card_2.c_title.c_title_text = 'Meet the Oath Keeper on the NRA’s Board of Directors';
+o_card_2.c_dek.c_dek_text = ' Links between the notorious militia and the gun lobby run deep';
+o_card_2.c_dek.c_dek_classes = 'lrv-u-margin-tb-075@desktop-xl lrv-a-hidden@desktop-xl-max lrv-a-font-body-l lrv-a-truncate-ellipsis-5line';
+o_card_2.article_kicker.article_kicker_classes += ' lrv-a-font-basic-xs ';
+o_card_2.article_kicker_outer_classes = 'lrv-u-padding-b-075 lrv-u-padding-b-125@desktop-xl lrv-u-padding-t-1@desktop-xl';
+o_card_2.c_title.c_title_classes = 'lrv-u-padding-b-075@mobile-max lrv-a-font-primary-m lrv-u-padding-t-125@mobile-max';
+o_card_2.o_author.o_author_classes = 'lrv-a-font-body-xs lrv-u-text-transform-uppercase lrv-u-color-black';
+o_card_2.c_lazy_image.c_lazy_image_crop_class = 'lrv-a-crop-1x1@desktop-xl-max lrv-a-crop-3x2@desktop-xl lrv-a-crop-3x2@mobile-max';
+o_card_2.c_lazy_image.c_lazy_image_classes = 'lrv-u-width-100p';
+o_card_2.o_card_classes ='lrv-u-margin-l-00@desktop-xl lrv-u-flex-basis-100p lrv-u-flex-direction-column@desktop-xl lrv-a-space-children--1 lrv-a-space-children--0@desktop-xl lrv-u-border-t-1@mobile-max lrv-u-padding-t-2@mobile-max lrv-a-space-children-horizontal@tablet lrv-u-flex@tablet';
+o_card_2.o_card_content_classes = 'lrv-u-align-items-start lrv-u-flex lrv-u-flex-direction-column lrv-u-padding-b-150@mobile-max lrv-u-padding-t-1@mobile-max';
+
+const o_card_3 = clonedeep(o_card_prototype);
+ 
+o_card_3.article_kicker.article_kicker_text = 'YACHT ROCK';
+o_card_3.c_title.c_title_text = 'Welcome to Jenny Lewis’ Yacht-Rock Era. It’s Nice Here';
+o_card_3.c_dek.c_dek_text = '“Puppy and a Truck” is all about the unconditional love that only a dog and a vehicle can provide';
+o_card_3.c_dek.c_dek_classes = 'lrv-u-margin-tb-075@desktop-xl lrv-a-hidden@desktop-xl-max lrv-a-font-body-l lrv-a-truncate-ellipsis-5line';
+o_card_3.article_kicker.article_kicker_classes += ' lrv-a-font-basic-xs ';
+o_card_3.article_kicker_outer_classes = 'lrv-u-padding-b-075 lrv-u-padding-b-125@desktop-xl lrv-u-padding-t-1@desktop-xl';
+o_card_3.c_title.c_title_classes = 'lrv-u-padding-b-075@mobile-max lrv-a-font-primary-m lrv-u-padding-t-125@mobile-max';
+o_card_3.o_author.o_author_classes = 'lrv-a-font-body-xs lrv-u-text-transform-uppercase lrv-u-color-black';
+o_card_3.c_lazy_image.c_lazy_image_crop_class = 'lrv-a-crop-1x1@desktop-xl-max lrv-a-crop-3x2@desktop-xl lrv-a-crop-3x2@mobile-max';
+o_card_3.c_lazy_image.c_lazy_image_classes = 'lrv-u-width-100p';
+o_card_3.o_card_classes = 'lrv-a-space-children--1@desktop-xl-max lrv-a-space-children--2@desktop-xl lrv-a-space-children-horizontal  lrv-u-flex-basis-100p lrv-u-border-t-0@desktop-xl lrv-u-border-t-1@tablet lrv-u-flex-direction-column@desktop-xl lrv-u-flex@tablet lrv-u-margin-t-00@desktop-xl lrv-u-margin-t-150@tablet lrv-u-padding-t-00@desktop-xl lrv-u-padding-t-150@tablet';
+o_card_3.o_card_content_classes = 'lrv-u-margin-l-00@mobile-max lrv-u-margin-l-00@desktop-xl lrv-u-align-items-start lrv-u-flex lrv-u-flex-direction-column lrv-u-padding-b-150@mobile-max lrv-u-padding-t-1@mobile-max';
+ 
+const o_card_4 = clonedeep(o_card_prototype);
+
+o_card_4.c_dek = false;
+o_card_4.c_lazy_image = false;
+o_card_4.article_kicker_outer_classes = ' lrv-u-color-brand-primary lrv-u-display-inline';
+o_card_4.article_kicker.article_kicker_classes = ' lrv-a-font-primary-m article-kicker lrv-u-display-inline';
+o_card_4.c_title.c_title_classes = 'lrv-a-font-primary-m lrv-u-display-inline';
+o_card_4.c_title.c_title_link_classes = 'lrv-a-unstyle-link lrv-u-color-brand-primary:hover';
+o_card_4.o_author.o_author_classes = ' lrv-u-display-inline lrv-a-font-primary-m lrv-u-color-grey-light'; 
+o_card_4.o_card_content_classes ='';
+o_card_4.o_card_classes = ' lrv-u-flex-basis-40p lrv-u-margin-r-2@tablet lrv-u-border-t-1@mobile-max lrv-u-padding-t-2@mobile-max lrv-u-margin-t-175@desktop-xl lrv-u-padding-t-175@desktop-xl lrv-u-border-t-1@desktop-xl lrv-u-margin-r-00@desktop-xl lrv-u-border-t-1@desktop-xl';
+o_card_4.c_lazy_image.c_lazy_image_crop_class = 'lrv-a-crop-3x2';
+
+const o_card_5 = clonedeep(o_card_1);
+
+o_card_5.article_kicker.article_kicker_text = 'INSIDE LOOK';
+o_card_5.c_title.c_title_text = '40 Watt Sun Raise the Emotional Stakes While Turning Down the Volume on New Chamber-Folk Epic';
+o_card_5.o_card_classes = 'lrv-u-padding-r-2@tablet lrv-u-padding-b-150@mobile-max lrv-u-flex-basis-50p lrv-u-border-r-1@tablet ';
+o_card_5.article_kicker_outer_classes = ' lrv-a-glue-parent lrv-u-background-color-white lrv-u-padding-b-1 lrv-u-padding-r-1 lrv-u-padding-t-1';
+o_card_5.article_kicker.article_kicker_classes += 'lrv-a-font-basic-xs ';
+o_card_5.o_card_content_classes = ' lrv-u-align-items-start lrv-u-flex lrv-u-flex-basis-100p@desktop-xl-max lrv-u-flex-direction-column lrv-u-padding-l-150@mobile-max lrv-u-padding-r-150@mobile-max';
+o_card_5.c_title.c_title_classes = 'lrv-u-padding-t-00@desktop-xl lrv-u-padding-b-075 lrv-u-padding-t-00@mobile-max lrv-a-font-primary-xl lrv-u-padding-t-025';
+o_card_5.o_card_image_wrap_classes = 'lrv-u-flex-basis-100p@desktop-xl-max  ';
+
+const o_card_6 = clonedeep(o_card_prototype);
+
+o_card_6.article_kicker.article_kicker_text = 'EXCLUSIVE';
+o_card_6.c_title.c_title_text = 'Marilyn Manson: The Monster Hiding in Plain Sight';
+o_card_6.c_dek.c_dek_text = 'He was a provocative media darling for decades. Offstage, exes allege, he was an abuser who made their lives hell. A Rolling Stone investigation based on court documents and more than 55 new interviews';
+o_card_6.c_lazy_image = false;
+o_card_6.c_dek.c_dek_classes = 'lrv-a-font-body-l lrv-a-truncate-ellipsis-5line lrv-u-margin-b-1@desktop-xl lrv-u-margin-t-075@desktop-xl lrv-u-margin-tb-075@mobile-max';
+o_card_6.article_kicker.article_kicker_classes += ' lrv-a-font-basic-l'; 
+o_card_6.article_kicker_outer_classes = 'lrv-u-padding-b-125@desktop-xl';
+o_card_6.c_title.c_title_classes = 'lrv-u-padding-t-1 lrv-a-font-primary-l lrv-u-padding-t-00@desktop-xl';
+o_card_6.o_author.o_author_classes = 'lrv-a-font-body-xs lrv-u-text-transform-uppercase lrv-u-color-black';
+o_card_6.o_card_classes = 'lrv-u-padding-l-2@tablet lrv-u-padding-l-150@mobile-max lrv-u-padding-r-150@mobile-max lrv-u-flex-basis-50p';
+o_card_6.o_card_content_classes = 'lrv-u-align-items-start lrv-u-border-b-1@mobile-max lrv-u-border-t-1@mobile-max lrv-u-flex lrv-u-flex-direction-column lrv-u-margin-b-2@mobile-max lrv-u-padding-b-2@mobile-max lrv-u-padding-t-2@mobile-max';
+
+module.exports = {
+	stories: [o_card_1, o_card_2, o_card_3, o_card_4, o_card_5, o_card_6],
+	secondary_stories_classes:'',
+	stories_content_primary_classes:'lrv-u-border-t-6',
+	stories_content_primary_inner_classes:'lrv-u-padding-b-150@tablet lrv-u-padding-b-3@desktop-xl lrv-u-margin-b-250@mobile-max lrv-u-padding-t-150@mobile-max lrv-u-padding-t-150@desktop-xl-max lrv-u-border-t-2 lrv-u-flex lrv-u-margin-t-025 lrv-a-space-children--3@desktop-xl lrv-a-space-children-horizontal lrv-u-flex-direction-column@desktop-xl-max lrv-u-padding-t-250@desktop-xl',
+	stories_card_primary_classes:' lrv-u-flex-basis-45p lrv-u-padding-b-150@desktop-xl-max',
+	stories_card_secondary_classes:' lrv-u-flex lrv-u-padding-l-150@mobile-max lrv-u-padding-r-150@mobile-max lrv-u-border-t-1@tablet lrv-u-padding-t-00@mobile-max lrv-u-flex-direction-column@mobile-max lrv-u-flex-direction-row-reverse@desktop-xl-max lrv-u-flex-basis-55p lrv-u-flex-direction-column@desktop-xl  lrv-u-padding-t-150@desktop-xl-max lrv-u-border-t-0@desktop-xl',
+	stories_card_secondary_inner_classes:'  lrv-u-flex-basis-60p lrv-u-padding-t-00@desktop-xl lrv-u-border-t-0@desktop-xl lrv-a-space-children--2@desktop-xl lrv-a-space-children-horizontal@desktop-xl lrv-u-flex lrv-u-flex-direction-column@desktop-xl-max',
+	stories_content_secondary_classes:'lrv-u-border-t-6',
+	stories_content_secondary_inner_classes:' lrv-u-padding-t-150@tablet lrv-u-border-t-2 lrv-u-flex@tablet lrv-u-margin-t-025 lrv-u-padding-t-150@mobile-max lrv-u-padding-tb-250@desktop-xl',
+};

package/modules/secondary-stories/secondary-stories.twig

@@ -0,0 +1,22 @@
+<section class="secondary-stories {{ secondary_stories_classes }}">
+	<div class="stories-content-primary // {{ stories_content_primary_classes }} ">
+		<div class="stories-content-primary-inner // {{ stories_content_primary_inner_classes }} ">
+			<div class="stories-card-primary // {{ stories_card_primary_classes }}">
+				{% include "@larva/objects/o-card/o-card.twig" with stories[0] %} 
+			</div> 
+			<div class="stories-card-secondary // {{ stories_card_secondary_classes }} ">
+				<div class=" stories-card-secondary-inner // {{ stories_card_secondary_inner_classes }}">
+					{% include "@larva/objects/o-card/o-card.twig" with stories[1] %} 
+					{% include "@larva/objects/o-card/o-card.twig" with stories[2] %} 
+				</div> 
+				{% include "@larva/objects/o-card/o-card.twig" with stories[3] %} 
+			</div> 
+		</div> 
+	</div>
+	<div class="stories-content-secondary // {{ stories_content_secondary_classes }} "> 
+		<div class="stories-content-secondary-inner // {{ stories_content_secondary_inner_classes }} ">
+			{% include "@larva/objects/o-card/o-card.twig" with stories[4] %} 
+			{% include "@larva/objects/o-card/o-card.twig" with stories[5] %} 
+		</div>   
+	</div> 
+</section>

package/modules/special-coverage/special-coverage.prototype.js

@@ -0,0 +1,47 @@
+const clonedeep = require( 'lodash.clonedeep' );
+
+const story_card = clonedeep( require( '@penskemediacorp/larva-patterns/modules/story/story.vertical' ) );
+const c_heading    = clonedeep( require('@penskemediacorp/larva-patterns/components/c-heading/c-heading.prototype') );
+const c_lazy_image   = clonedeep( require( '@penskemediacorp/larva-patterns/components/c-lazy-image/c-lazy-image.prototype.js' ) );
+
+c_heading.c_heading_classes += ' a-font-theme-primary-s lrv-u-font-size-32@desktop lrv-u-font-size-28 lrv-u-line-height-small lrv-u-text-transform-uppercase lrv-u-line-height-small';
+
+heading_1 = clonedeep( c_heading );
+heading_2 = clonedeep( c_heading );
+
+heading_1.c_heading_text = 'Rolling Stone';
+heading_1.c_heading_classes += ' lrv-u-color-brand-primary';
+
+heading_2.c_heading_text = 'Reports';
+
+c_lazy_image.c_lazy_image_crop_class = 'lrv-a-crop-5x1';
+
+story_card.story_classes += ' lrv-u-padding-lr-2@desktop-xl lrv-u-padding-lr-1@desktop lrv-u-padding-tb-125@mobile-max lrv-u-flex-basis-100p';  
+story_card.c_dek.c_dek_classes = 'lrv-a-font-body-s lrv-a-hidden@mobile-max lrv-u-margin-a-00';
+story_card.c_title.c_title_classes = 'lrv-a-font-primary-xs lrv-u-display-block lrv-u-margin-b-050 ';
+story_card.c_title.c_title_link_classes += ' lrv-a-truncate-ellipsis-5line';
+story_card.story_grid_secondary_classes = 'lrv-a-span2';
+story_card.story_links_classes += ' lrv-u-margin-tb-00@desktop lrv-u-margin-tb-00@mobile-max lrv-u-margin-t-1@desktop';
+story_card.story_nav_classes = 'lrv-a-font-secondary-m';
+story_card.story_grid_classes = 'lrv-u-flex lrv-u-flex-direction-column@desktop';
+story_card.story_grid_primary_classes = 'lrv-u-flex-basis-50p@mobile-max lrv-u-margin-r-1@mobile-max';
+story_card.story_grid_secondary_classes = 'lrv-u-flex-basis-50p@mobile-max';
+story_card.c_span = false;
+story_card.c_dek = false;
+story_card.c_tagline_author = false;
+story_card.c_timestamp = false;
+story_card.c_link_bottom = false;
+
+const special_coverage_items = [ story_card, story_card, story_card, story_card ];
+
+module.exports = {
+    special_coverage_wrapper_classes: 'lrv-u-flex lrv-u-flex-direction-column@mobile-max lrv-u-padding-lr-150@mobile-max',
+    special_coverage_banner_classes: 'lrv-u-margin-r-2@desktop lrv-u-padding-tb-1 lrv-u-padding-tb-2@desktop lrv-u-flex-basis-15p@desktop',
+    special_coverage_items_classes: ' lrv-u-flex lrv-a-children-border-horizontal@desktop lrv-a-children-border-vertical@mobile-max lrv-u-flex-direction-column@mobile-max lrv-u-flex-basis-85p@desktop',
+    special_coverage_heading_classes: 'lrv-u-padding-b-150@desktop lrv-u-padding-b-125@mobile-max lrv-u-border-b-1',
+    special_coverage_logo_classes: 'lrv-u-padding-t-150@desktop lrv-u-padding-t-125@mobile-max',
+    heading_1,
+    heading_2,
+    c_lazy_image,
+    special_coverage_items,
+}

package/modules/special-coverage/special-coverage.twig

@@ -0,0 +1,29 @@
+<div class="special-coverage {{ special_coverage_classes }}">
+	<div class="{{ special_coverage_wrapper_classes }}">
+		<div class="{{ special_coverage_banner_classes }}">
+			{% if special_coverage_heading_classes %}
+				<div class="special-coverage-heading {{ special_coverage_heading_classes }}">
+					{% if heading_1 %} 
+						{% include "@larva/components/c-heading/c-heading.twig" with heading_1 %}
+					{% endif %}	
+					{% if heading_2 %}
+						{% include "@larva/components/c-heading/c-heading.twig" with heading_2 %}
+					{% endif %}	
+				</div>
+			{% endif %}	
+			{% if c_lazy_image %}
+				<div class="special-coverage-logo {{ special_coverage_logo_classes }}">
+					{% include "@larva/components/c-lazy-image/c-lazy-image.twig" with c_lazy_image %}
+				</div>  
+			{% endif %}			     
+		</div>
+		<div class="{{ special_coverage_items_classes }}">
+			{% for item in special_coverage_items %}
+				{% include "@larva/modules/story/story.twig" with item %}
+			{% endfor %}
+		</div>
+	</div>
+	{% if c_span %}
+		{% include "@larva/components/c-span/c-span.twig" with c_span %}
+	{% endif %}	
+<div>

package/objects/o-card/o-card.prototype.js

@@ -19,5 +19,7 @@ module.exports = {
 	c_tagline: false,
 	c_title: c_title,
 	c_timestamp: c_timestamp,
-	o_author: false
+	o_author: false,
+	article_kicker:false,
+	article_kicker_outer_classes:'',
 };

package/objects/o-card/o-card.twig

@@ -33,6 +33,12 @@
 			{% include "@larva/components/c-svg/c-svg.twig" with c_svg %}
 		{% endif %}
 
+		{% if article_kicker %}
+			<div class="article_kicker_outer // {{ article_kicker_outer_classes }}">
+				{% include "@larva/modules/article-kicker/article-kicker.twig" with article_kicker %}
+			</div>
+		{% endif %}
+
 		{% if c_span %}
 			{% include "@larva/components/c-span/c-span.twig" with c_span %}
 		{% endif %}

package/objects/o-icon-button/o-icon-button.prototype.js

@@ -12,7 +12,10 @@ c_span.c_span_url = false;
 
 module.exports = {
 	o_icon_button_classes: 'lrv-a-unstyle-button lrv-a-unstyle-link lrv-u-cursor-pointer lrv-u-flex',
+	o_icon_button_ga_tracking: {}, // by default we do not want to enable any ga tracking
+	o_icon_button_rel_attr: '',
 	o_icon_button_screen_reader_text: '',
+	o_icon_button_target_attr: '',
 	c_icon: c_icon,
 	c_span: c_span,
 };

package/objects/o-icon-button/o-icon-button.twig

@@ -1,5 +1,5 @@
 {% if o_icon_button_url %}
-	<a href="{{ o_button_url }}" class="{{ o_icon_button_classes }}">
+	<a href="{{ o_button_url }}" class="{{ o_icon_button_classes }}" target="{{ o_icon_button_target_attr }}" rel="{{ o_icon_button_rel_attr }}" data-pmc-sp-product="{{ o_icon_button_guid_attr }}" data-category-name="{{ o_icon_button_category_attr }}" {{ wp_action( 'pmc_do_render_custom_ga_tracking_attr', o_icon_button_ga_tracking ) }}>
 {% else %}
 	<button class="o-icon-button {{ o_icon_button_classes }}">
 {% endif %}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@penskemediacorp/larva-patterns",
-  "version": "1.1.0",
+  "version": "1.1.3",
   "description": "Larva markup patterns.",
   "author": "laras126 <laras126@gmail.com>",
   "homepage": "https://github.com/Penske-Media-Corp/pmc-larva/tree/master/packages/patterns#readme",
@@ -20,10 +20,10 @@
     "url": "https://github.com/Penske-Media-Corp/pmc-larva/issues"
   },
   "dependencies": {
-    "@penskemediacorp/larva-css": "^1.1.0",
+    "@penskemediacorp/larva-css": "^1.1.3",
     "@penskemediacorp/larva-js": "^1.0.0",
-    "@penskemediacorp/larva-svg": "^1.0.0",
+    "@penskemediacorp/larva-svg": "^1.1.3",
     "lodash.clonedeep": "^4.5.0"
   },
-  "gitHead": "acd1e381aded178fd5dc54e3e30623dbba96267a"
+  "gitHead": "0257235338f33438f86541cf6aa08ebf1176d139"
 }