@penskemediacorp/larva-patterns 0.5.3 → 0.5.6

package/__tests__/hub/hub.html

@@ -16,4 +16,8 @@
 	{% include "modules/story-grid/story-grid.twig" with story_grid %}
 
 	{% include "modules/story-grid/story-grid.twig" with story_grid %}
+
+	{% include "modules/story-grid/story-grid.twig" with story_grid_river %}
+
+	{% include "modules/injected-related-content/injected-related-content.twig" with injected_related_content %}
 </div>

package/__tests__/hub/hub.prototype.js

@@ -4,12 +4,14 @@ const { __experimentalCloneWithFallback } = require( '@penskemediacorp/larva' );
 const carousel_grid = __experimentalCloneWithFallback( 'modules/carousel-grid/carousel-grid.prototype' );
 const carousel_slider = __experimentalCloneWithFallback( 'modules/carousel-slider/carousel-slider.prototype' );
 const story_grid = __experimentalCloneWithFallback( 'modules/story-grid/story-grid.prototype' );
+const story_grid_river = __experimentalCloneWithFallback( 'modules/story-grid/story-grid.river' );
 const heading_h1 = __experimentalCloneWithFallback( 'modules/heading/heading.h1' );
 const heading_h3 = __experimentalCloneWithFallback( 'modules/heading/heading.h3' );
 const story = __experimentalCloneWithFallback( 'modules/story/story.prototype' );
 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' );
 
 module.exports = {
 	carousel_grid,
@@ -20,5 +22,7 @@ module.exports = {
 	paragraph,
 	story,
 	button,
-	separator
+	separator,
+	injected_related_content,
+	story_grid_river
 };

package/modules/article-excerpt/article-excerpt.prototype.js

@@ -0,0 +1,4 @@
+module.exports = {
+	article_excerpt_classes: '',
+	article_excerpt_markup: 'The former President cautioned young activists against using the slogan “defund the police” to achieve changes in policing practices, instead urging them to have a more inclusive discussion to enact changes.',
+};

package/modules/article-excerpt/article-excerpt.twig

@@ -0,0 +1 @@
+<div class="article-excerpt larva // {{ article_excerpt_classes }}">{{ article_excerpt_markup|raw }}</div>

package/modules/article-kicker/article-kicker.prototype.js

@@ -0,0 +1,6 @@
+module.exports = {
+	article_kicker_classes: '',
+	article_kicker_text: 'Article Kicker',
+	article_kicker_url: '#',
+	article_kicker_link_classes: '',
+};

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

@@ -0,0 +1,9 @@
+<div class="article-kicker larva // {{ article_kicker_classes }}">
+	{% if article_kicker_url %}
+		<a href="{{ article_kicker_url }}" class="article-kicker-link {{ article_kicker_link_classes }}">
+	{% endif %}
+		{{ article_kicker_text }}
+	{% if article_kicker_url %}
+		</a>
+	{% endif %}
+</div>

package/modules/article-title/article-title.prototype.js

@@ -0,0 +1,4 @@
+module.exports = {
+	article_title_classes: '',
+	article_title_markup: 'Frieze Editorial Director to Step Down, and More from September 6, 2019',
+};

package/modules/article-title/article-title.twig

@@ -0,0 +1 @@
+<h1 class="article-title larva // {{ article_title_classes }}">{{ article_title_markup|raw }}</h1>

package/modules/author/author.prototype.js

@@ -0,0 +1,43 @@
+const clonedeep = require('lodash.clonedeep');
+
+const c_link_prototype = require('../../components/c-link/c-link.prototype');
+const c_tagline_prototype = require('../../components/c-tagline/c-tagline.prototype');
+const c_timestamp_prototype = require('../../components/c-timestamp/c-timestamp.prototype');
+
+const c_timestamp = clonedeep(c_timestamp_prototype);
+c_timestamp.c_timestamp_classes = 'lrv-u-color-black lrv-u-margin-l-auto';
+c_timestamp.c_timestamp_text = 'September 3, 2019 7:51pm';
+c_timestamp.c_timestamp_datetime_attr = '2019-09-03';
+
+const author_details_prototype = require('../author-details/author-details.prototype');
+const author_details = clonedeep(author_details_prototype);
+
+c_link_author = clonedeep(c_link_prototype);
+c_link_author.c_link_text = 'David Robb';
+c_link_author.c_link_classes = 'lrv-u-color-black lrv-u-color-brand-primary:hover lrv-u-text-decoration-underline:hover';
+c_link_author.c_link_url = '#';
+
+
+const c_tagline_multiple_authors = clonedeep(c_tagline_prototype);
+c_tagline_multiple_authors.c_tagline_classes = 'lrv-u-display-inline lrv-a-children-link-color-black lrv-a-children-link-color-brand-primary:hover lrv-a-children-link-decoration-underline:hover lrv-u-margin-r-050 lrv-u-text-transform-uppercase lrv-u-letter-spacing-015 lrv-u-letter-spacing-012@mobile-max';
+c_tagline_multiple_authors.c_tagline_markup = "<a href='#'>Link 1</a>, <a href='#'>Link 2</a>";
+c_tagline_multiple_authors.c_tagline_text = false;
+
+module.exports = {
+	author_classes: 'lrv-u-font-size-16 lrv-u-font-family-body lrv-u-font-size-13@mobile-max',
+	author_multiple_inner_classes: 'lrv-u-flex@desktop',
+	author_single_inner_classes: ' lrv-u-flex lrv-u-align-items-center',
+	author_name_classes: 'lrv-u-margin-tb-00 lrv-u-text-transform-uppercase lrv-u-letter-spacing-015 lrv-u-letter-spacing-012@mobile-max',
+	author_content_classes: 'lrv-u-flex@tablet lrv-u-width-100p lrv-u-justify-content-space-between',
+	author_content_inner_classes: 'lrv-u-flex lrv-u-align-items-center lrv-a-glue-parent',
+	author_timestamp_outer_classes: 'lrv-u-margin-l-1@tablet',
+	author_tagline_classes: 'lrv-u-margin-tb-00 lrv-u-text-transform-uppercase lrv-u-letter-spacing-015 lrv-u-letter-spacing-012@mobile-max',
+	author_button_classes: 'lrv-a-unstyle-button lrv-u-display-contents lrv-u-flex lrv-u-align-items-center js-PopOver',
+	author_detail_outer_classes: 'lrv-a-hidden@desktop-max lrv-a-glue lrv-a-glue--l-0 lrv-a-glue--t-100p js-PopOver-target',
+	is_multiple_author: false,
+	c_tagline_multiple_authors: c_tagline_multiple_authors,
+	c_timestamp: c_timestamp,
+	c_link: c_link_author,
+	c_icon: false,
+	author_details: author_details
+};

package/modules/author/author.twig

@@ -0,0 +1,38 @@
+<div class="author // {{ author_classes }}">
+	{% if is_multiple_author %}
+		<div class="author-multiple-inner // {{ author_multiple_inner_classes }} ">
+			<div class="author-tagline // {{ author_tagline_classes }} ">
+				By {% include "@larva/components/c-tagline/c-tagline.twig" with c_tagline_multiple_authors %}
+			</div>
+			{% if c_timestamp %}
+				{% include "@larva/components/c-timestamp/c-timestamp.twig" with c_timestamp %}
+			{% endif %} 
+		</div>
+	{% else %}
+		<div class="author-single-inner // {{ author_single_inner_classes }} ">
+			<div class="author-content // {{ author_content_classes }} ">
+				<div class="author-content-inner // {{ author_content_inner_classes }} ">
+					<button class="author-button // {{ author_button_classes }} ">
+						<p class="author-name // {{ author_name_classes }} ">
+							By {% include "@larva/components/c-link/c-link.twig" with c_link %}
+						</p>
+
+						{% if c_icon %}
+							{% include "@larva/components/c-icon/c-icon.twig" with c_icon %}
+						{% endif %}
+
+						<div class="author-detail-outer // {{ author_detail_outer_classes }} ">
+							{% include "@larva/modules/author-details/author-details.twig" with author_details %}
+						</div>
+					</button>
+				</div>
+
+				{% if c_timestamp %}
+					<div class="author-timestamp-outer // {{ author_timestamp_outer_classes }}">
+						{% include "@larva/components/c-timestamp/c-timestamp.twig" with c_timestamp %}
+					</div>
+				{% endif %}
+			</div>
+		</div>
+	{% endif %}
+</div>

package/modules/author-details/author-details.prototype.js

@@ -0,0 +1,70 @@
+const clonedeep = require('lodash.clonedeep');
+
+const o_nav_prototype = require('../../objects/o-nav/o-nav.prototype');
+const o_nav = clonedeep(o_nav_prototype);
+
+const c_title_prototype = require('../../components/c-title/c-title.prototype');
+const c_title = clonedeep(c_title_prototype);
+
+const c_icon_prototype = require('../../components/c-icon/c-icon.prototype');
+const c_icon_twitter = clonedeep(c_icon_prototype);
+const c_icon_mail = clonedeep(c_icon_prototype);
+
+const c_link_prototype = require('../../components/c-link/c-link.prototype');
+const storyTitles = [
+	'No Doubt’s Tony Kanal on Robbie Shakespeare: ‘You Can’t Overstate How Great He Was’',
+	'From ‘Downpressor Man’ to ‘Jokerman’: 10 Essential Robbie Shakespeare Tracks'
+];
+
+// Overwrite default items
+o_nav.o_nav_list_items = [];
+
+for (let i = 0; i < storyTitles.length; i++) {
+	let c_link = clonedeep(c_link_prototype);
+
+	c_link.c_link_text = storyTitles[i];
+	c_link.c_link_classes = 'lrv-u-color-black';
+
+	o_nav.o_nav_list_items.push(c_link);
+};
+
+c_title.c_title_classes = 'lrv-u-font-size-13 lrv-u-font-weight-bold lrv-u-margin-r-auto lrv-u-text-transform-uppercase lrv-u-width-100';
+c_title.c_title_url = '#';
+c_title.c_title_text = 'PATRICIA MESCHINO';
+c_title.c_title_link_classes = 'lrv-u-color-black';
+
+o_nav.o_nav_classes = 'lrv-u-border-t-1 lrv-u-width-100p lrv-u-margin-t-075 lrv-u-padding-t-025 ';
+o_nav.o_nav_title_text = '';
+o_nav.o_nav_title_classes = 'lrv-u-padding-t-050 lrv-u-padding-b-025 lrv-u-font-family-primary lrv-u-font-size-20';
+o_nav.o_nav_list_classes = ' lrv-u-font-size-13 lrv-u-border-t-1 lrv-u-border-b-1 lrv-u-padding-l-1 lrv-u-padding-t-075  lrv-u-list-style-type-disclosure-closed';
+o_nav.o_nav_list_item_classes = 'lrv-u-padding-b-075';
+
+c_icon_twitter.c_icon_name = 'twitter';
+c_icon_twitter.c_icon_classes = 'lrv-u-width-16 lrv-u-height-16 lrv-u-color-black';
+c_icon_twitter.c_icon_url = "#";
+c_icon_twitter.c_icon_screen_reader_text = 'Twitter Icon';
+c_icon_twitter.c_icon_screen_reader_title_attr = 'Twitter Icon';
+c_icon_twitter.c_icon_link_classes = 'lrv-u-flex';
+
+c_icon_mail.c_icon_name = 'envelope';
+c_icon_mail.c_icon_classes = 'lrv-u-margin-l-075 lrv-u-width-16 lrv-u-height-16 lrv-u-color-black';
+c_icon_mail.c_icon_url = "#";
+c_icon_mail.c_icon_screen_reader_text = 'Email Icon';
+c_icon_mail.c_icon_screen_reader_title_attr = 'Email Icon';
+c_icon_mail.c_icon_link_classes = 'lrv-u-flex';
+
+c_link_view_all = clonedeep(c_link_prototype);
+c_link_view_all.c_link_classes = 'lrv-a-unstyle-link lrv-u-font-size-10 lrv-u-text-transform-uppercase';
+c_link_view_all.c_link_text = 'View All Stories ▶';
+c_link_view_all.c_link_url = '#';
+
+module.exports = {
+	author_details_classes: 'lrv-u-padding-lr-125 lrv-u-padding-t-125 lrv-u-padding-b-1 lrv-u-width-215 lrv-u-flex lrv-u-flex-wrap-wrap lrv-u-background-color-white lrv-u-border-a-2 lrv-a-glue-parent lrv-a-icon-after-arrow-top-left lrv-u-margin-t-1',
+	author_details_icons_classes: 'lrv-u-flex lrv-u-align-items-center lrv-u-margin-l-auto',
+	author_details_view_link_classes: ' lrv-u-flex lrv-u-margin-l-auto',
+	c_title: c_title,
+	c_icon_twitter: c_icon_twitter,
+	c_icon_mail: c_icon_mail,
+	o_nav: o_nav,
+	c_link_view_all: c_link_view_all
+};

package/modules/author-details/author-details.twig

@@ -0,0 +1,25 @@
+<section class="author-details // {{ author_details_classes }} ">
+
+	{% include "@larva/components/c-title/c-title.twig" with c_title %}
+
+	<div class="author-details-icons // {{ author_details_icons_classes }} ">
+		{% if c_icon_twitter %}
+			{% include "@larva/components/c-icon/c-icon.twig" with c_icon_twitter %} 
+		{% endif %}
+		{% if c_icon_mail %}
+			{% include "@larva/components/c-icon/c-icon.twig" with c_icon_mail %} 
+		{% endif %}
+	</div>
+
+	{% if o_nav %}
+
+		{% include "@larva/objects/o-nav/o-nav.twig" with o_nav %}
+
+		{% if c_link_view_all %}
+			<div class="author-details-view-link // {{ author_details_view_link_classes }} ">
+				{% include "@larva/components/c-link/c-link.twig" with c_link_view_all %}
+			</div>
+		{% endif %}
+
+	{% endif %}
+</section>

package/modules/injected-related-content/injected-related-content.prototype.js

@@ -0,0 +1,59 @@
+const clonedeep = require('lodash.clonedeep');
+
+const c_title_prototype = require('../../components/c-title/c-title.prototype');
+const c_heading = clonedeep(c_title_prototype);
+
+c_heading.c_title_text = 'Related';
+c_heading.c_title_classes = 'lrv-a-font-primary-xxxs lrv-u-font-weight-bold lrv-u-color-black lrv-u-text-transform-uppercase lrv-u-border-b-1 lrv-u-padding-b-050 ';
+c_heading.c_title_url = false;
+
+const c_title = clonedeep(c_title_prototype);
+
+c_title.c_title_text = 'Chronixx Says Some Dancehall Lyrics Are ‘Embarrassing’, Artists Should Stop Calling Him For Features';
+c_title.c_title_classes = 'lrv-a-font-primary-xs lrv-u-color-black lrv-u-padding-t-125';
+c_title.c_title_link_classes = 'lrv-a-font-primary-xs lrv-u-color-black lrv-a-truncate-ellipsis-5line@desktop-xl-max lrv-a-truncate-ellipsis-3line@desktop-xl';
+c_title.c_title_url = '#';
+
+const c_lazy_image_prototype = require('../../components/c-lazy-image/c-lazy-image.prototype.js');
+const c_lazy_image = clonedeep(c_lazy_image_prototype);
+
+c_lazy_image.c_lazy_image_classes = 'lrv-a-floated-right@tablet lrv-u-width-154@desktop-xl lrv-u-width-177@tablet-and-desktop-only lrv-u-margin-l-125 lrv-u-margin-t-150@mobile-max lrv-u-margin-l-00@mobile-max';
+c_lazy_image.c_lazy_image_crop_class = 'lrv-a-crop-1x1@tablet';
+
+const o_card_prototype = require('../../objects/o-card/o-card.prototype');
+const o_card_first = clonedeep(o_card_prototype);
+
+o_card_first.o_card_classes = '';
+o_card_first.c_title.c_title_text = 'Chronixx Draws Inspiration From These Capleton Lyrics';
+o_card_first.c_title.c_title_classes = 'lrv-a-font-primary-xxxs lrv-u-color-black lrv-u-border-b-1 lrv-u-border-t-1@desktop-xl-max lrv-u-padding-b-1 lrv-u-padding-t-00@desktop-xl lrv-u-padding-t-1 ';
+o_card_first.c_title.c_title_link_classes = 'lrv-a-font-primary-xxxs lrv-u-color-black lrv-a-truncate-ellipsis-3line@desktop-xl lrv-a-truncate-ellipsis-1line@tablet-desktop-only lrv-a-truncate-ellipsis-2line@mobile-max';
+o_card_first.c_title.c_title_url = '#';
+o_card_first.c_lazy_image = false;
+o_card_first.c_span = false;
+o_card_first.c_timestamp = false;
+
+const o_card_last = clonedeep(o_card_prototype);
+
+o_card_last.o_card_classes = '';
+o_card_last.c_title.c_title_text = 'Chronixx calls for change in new video “Safe N Sound”';
+o_card_last.c_title.c_title_classes = 'lrv-a-font-primary-xxxs lrv-u-color-black lrv-u-padding-b-00@desktop-xl lrv-u-padding-b-1 lrv-u-padding-t-1';
+o_card_last.c_title.c_title_link_classes = 'lrv-a-font-primary-xxxs lrv-u-color-black lrv-a-truncate-ellipsis-3line@desktop-xl lrv-a-truncate-ellipsis-1line@tablet-desktop-only lrv-a-truncate-ellipsis-2line@mobile-max';
+o_card_last.c_title.c_title_url = '#';
+o_card_last.c_lazy_image = false;
+o_card_last.c_span = false;
+o_card_last.c_timestamp = false;
+
+module.exports = {
+    injected_related_content_classes: 'lrv-u-border-t-1 lrv-u-padding-t-025',
+    injected_related_content_inner_classes: 'lrv-u-flex lrv-u-flex-direction-column@desktop-xl-max lrv-u-border-b-1 lrv-u-border-t-1 lrv-u-padding-b-150@desktop-xl lrv-u-padding-t-150',
+    injected_related_content_primary_classes: 'lrv-u-padding-b-1@mobile-max lrv-u-padding-b-150 lrv-u-padding-b-00@desktop-xl lrv-u-width-64p@desktop-xl',
+    injected_related_content_heading_classes: 'lrv-u-padding-b-00@desktop-xl lrv-u-display-inline-block',
+    injected_related_content_secondary_classes: 'lrv-u-padding-l-125@desktop-xl lrv-u-width-36p@desktop-xl lrv-u-flex lrv-u-flex-direction-column lrv-u-justify-content-center',
+    c_heading,
+    c_title,
+    c_lazy_image,
+    o_card_items: [
+        o_card_first,
+        o_card_last
+    ]
+};

package/modules/injected-related-content/injected-related-content.twig

@@ -0,0 +1,23 @@
+<div class="injected-related-content // {{injected_related_content_classes}}" >
+	<div class="injected-related-content-inner // {{injected_related_content_inner_classes}}">
+		<div class="injected-related-content-primary // {{injected_related_content_primary_classes}}">
+			<div class="injected-related-content-heading // {{injected_related_content_heading_classes}}">
+				{% include "@larva/components/c-title/c-title.twig" with c_heading %}
+			</div>
+			{% if c_lazy_image %}
+				{% include "@larva/components/c-lazy-image/c-lazy-image.twig" with c_lazy_image %}
+			{% endif %}
+
+			{% if c_title %}
+				{% include "@larva/components/c-title/c-title.twig" with c_title %}
+			{% endif %}
+
+		</div>
+		<div class="injected-related-content-secondary // {{injected_related_content_secondary_classes}}">
+			{% for item in o_card_items %}
+				{% include "@larva/objects/o-card/o-card.twig" with item %}
+			{% endfor %}
+		</div>
+	</div>
+</div>
+

package/modules/newsletter/newsletter.prototype.js

@@ -0,0 +1,46 @@
+const clonedeep = require( 'lodash.clonedeep' );
+
+const c_title_prototype = require( '../../components/c-title/c-title.prototype' );
+const c_title = clonedeep( c_title_prototype );
+
+const c_logo_prototype = require( '../../components/c-logo/c-logo.prototype' );
+const c_logo = clonedeep( c_logo_prototype );
+
+const o_email_capture_form_prototype = require( '../../objects/o-email-capture-form/o-email-capture-form.prototype' );
+const o_email_capture_form = clonedeep( o_email_capture_form_prototype );
+
+const c_tagline_prototype = require( '../../components/c-tagline/c-tagline.prototype' );
+const c_tagline = clonedeep( c_tagline_prototype );
+
+const c_tagline_terms = clonedeep( c_tagline_prototype );
+
+c_tagline.c_tagline_classes = 'lrv-u-margin-t-1 lrv-u-margin-b-00 lrv-u-text-align-center lrv-u-font-size-20 lrv-u-line-height-small lrv-u-margin-b-2';
+c_tagline.c_tagline_text = 'Sign Up for our Newsletters';
+
+c_logo.c_logo_classes = 'lrv-a-unstyle-link lrv-u-display-contents lrv-u-width-100p lrv-u-color-black';
+
+o_email_capture_form.c_email_field.c_email_field_input_placeholder_attr = 'Email';
+o_email_capture_form.c_email_field.c_email_field_input_classes += ' lrv-u-border-a-0 lrv-u-font-size-14 lrv-u-width-100p lrv-u-margin-b-1 lrv-u-padding-lr-1 lrv-u-padding-tb-050 lrv-u-border-radius-5';
+o_email_capture_form.c_email_field.c_email_field_label_for_attr = 'EmailAddress';
+o_email_capture_form.c_email_field.c_email_field_input_name_attr = 'EmailAddress';
+o_email_capture_form.c_button.c_button_text = 'Subscribe Today';
+o_email_capture_form.c_button.c_button_classes += ' lrv-u-background-color-black lrv-u-color-white lrv-u-border-radius-5 lrv-u-width-100p lrv-u-text-align-center lrv-u-padding-a-050 lrv-u-font-weight-bold';
+o_email_capture_form.c_email_field.c_email_field_label_classes = 'lrv-a-screen-reader-only';
+o_email_capture_form.c_email_field.c_email_field_label_text = 'Email Address';
+
+c_tagline_terms.c_tagline_classes = 'lrv-u-margin-t-1';
+c_tagline_terms.c_tagline_text = false;
+c_tagline_terms.c_tagline_markup = 'By subscribing, I agree to the <a href="#">Terms of Use</a> and <a href="#">Privacy Policy</a>.';
+
+module.exports = {
+	newsletter_classes: 'lrv-u-padding-tb-2 lrv-u-padding-lr-2 lrv-u-flex lrv-u-flex-direction-column lrv-u-align-items-center',
+	newsletter_typography_class: '',
+	newsletter_text_align_class: '',
+	newsletter_color_class: '',
+	newsletter_background_color_class: '',
+	c_title: c_title,
+	c_logo: c_logo,
+	c_tagline: c_tagline,
+	o_email_capture_form: o_email_capture_form,
+	c_tagline_terms: c_tagline_terms,
+};

package/modules/newsletter/newsletter.twig

@@ -0,0 +1,21 @@
+<div class="newsletter // {{ newsletter_classes }} {{ newsletter_typography_class }} {{ newsletter_text_align_class }} {{ newsletter_color_class }} {{ newsletter_background_color_class }}">
+	{% if c_title %}
+		{% include "@larva/components/c-title/c-title.twig" with c_title %}
+	{% endif %}
+
+	{% if c_logo %}
+		{% include "@larva/components/c-logo/c-logo.twig" with c_logo %}
+	{% endif %}
+
+	{% if c_tagline %}
+		{% include "@larva/components/c-tagline/c-tagline.twig" with c_tagline %}
+	{% endif %}
+
+	{% if o_email_capture_form %}
+		{% include "@larva/objects/o-email-capture-form/o-email-capture-form.twig" with o_email_capture_form %}
+	{% endif %}
+
+	{% if c_tagline_terms %}
+		{% include "@larva/components/c-tagline/c-tagline.twig" with c_tagline_terms %}
+	{% endif %}
+</div>

package/modules/story-grid/story-grid.river.js

@@ -0,0 +1,11 @@
+const { __experimentalCloneWithFallback } = require( '@penskemediacorp/larva' );
+const clonedeep = require( 'lodash.clonedeep' );
+
+const story_grid = __experimentalCloneWithFallback( 'modules/story-grid/story-grid.prototype' );
+const story_prototype = __experimentalCloneWithFallback( 'modules/story/story.prototype' );
+
+story_grid.story_grid_story_cards = story_grid.story_grid_story_cards.map( () => clonedeep( story_prototype ) );
+
+story_grid.story_grid_grid_classes = '';
+
+module.exports = story_grid;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@penskemediacorp/larva-patterns",
-  "version": "0.5.3",
+  "version": "0.5.6",
   "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": "^0.5.3",
-    "@penskemediacorp/larva-js": "^0.5.0",
+    "@penskemediacorp/larva-css": "^0.5.6",
+    "@penskemediacorp/larva-js": "^0.5.6",
     "@penskemediacorp/larva-svg": "^0.5.0",
     "lodash.clonedeep": "^4.5.0"
   },
-  "gitHead": "ffa3c39da9e77e2a2b50512d34b4d4f3c390210e"
+  "gitHead": "f0661517971a0dc3daee771ef16fbc676609bd78"
 }