@penskemediacorp/larva-patterns 1.25.0 → 1.28.0

package/modules/story/story.center-vertical.js

@@ -4,8 +4,10 @@ const story_center_vertical = clonedeep( require( './story.vertical' ) );
 
 story_center_vertical.story_nav_classes += ' lrv-u-justify-content-center';
 story_center_vertical.story_links_classes += ' lrv-u-justify-content-center';
-story_center_vertical.c_link_bottom_wrapper_classes += ' lrv-u-justify-content-center';
+story_center_vertical.c_link_bottom_wrapper_classes +=
+	' lrv-u-justify-content-center';
 
-story_center_vertical.story_grid_secondary_classes += ' lrv-u-text-align-center';
+story_center_vertical.story_grid_secondary_classes +=
+	' lrv-u-text-align-center';
 
 module.exports = story_center_vertical;

package/modules/story/story.prototype.js

@@ -1,21 +1,37 @@
 const { __experimentalCloneWithFallback } = require( '@penskemediacorp/larva' );
 const clonedeep = require( 'lodash.clonedeep' );
 
-const c_span = __experimentalCloneWithFallback( 'components/c-span/c-span.tag' );
-const c_title = __experimentalCloneWithFallback( 'components/c-title/c-title.prototype' );
-const c_dek = __experimentalCloneWithFallback( 'components/c-dek/c-dek.prototype' );
-const c_tagline = __experimentalCloneWithFallback( 'components/c-tagline/c-tagline.prototype' );
-const c_timestamp = __experimentalCloneWithFallback( 'components/c-timestamp/c-timestamp.prototype' );
+const c_span = __experimentalCloneWithFallback(
+	'components/c-span/c-span.tag'
+);
+const c_title = __experimentalCloneWithFallback(
+	'components/c-title/c-title.prototype'
+);
+const c_dek = __experimentalCloneWithFallback(
+	'components/c-dek/c-dek.prototype'
+);
+const c_tagline = __experimentalCloneWithFallback(
+	'components/c-tagline/c-tagline.prototype'
+);
+const c_timestamp = __experimentalCloneWithFallback(
+	'components/c-timestamp/c-timestamp.prototype'
+);
 
 const c_tagline_author = clonedeep( c_tagline );
-const c_lazy_image = clonedeep( require( '../../components/c-lazy-image/c-lazy-image.prototype' ) );
+const c_lazy_image = clonedeep(
+	require( '../../components/c-lazy-image/c-lazy-image.prototype' )
+);
 
-c_title.c_title_text = '‘A Momentous Weekend’: LACMA’s High-Stakes Collectors Committee Event Raises $2.4 M.';
-c_title.c_title_classes = 'lrv-u-font-size-14 lrv-u-font-size-26@tablet lrv-u-font-size-32@desktop lrv-u-font-family-primary lrv-u-display-block lrv-u-font-weight-normal lrv-u-font-weight-bold@desktop lrv-u-line-height-small lrv-u-margin-b-050';
-c_title.c_title_link_classes = 'lrv-a-unstyle-link lrv-u-color-brand-primary:hover';
+c_title.c_title_text =
+	'‘A Momentous Weekend’: LACMA’s High-Stakes Collectors Committee Event Raises $2.4 M.';
+c_title.c_title_classes =
+	'lrv-u-font-size-14 lrv-u-font-size-26@tablet lrv-u-font-size-32@desktop lrv-u-font-family-primary lrv-u-display-block lrv-u-font-weight-normal lrv-u-font-weight-bold@desktop lrv-u-line-height-small lrv-u-margin-b-050';
+c_title.c_title_link_classes =
+	'lrv-a-unstyle-link lrv-u-color-brand-primary:hover';
 
 c_dek.c_dek_text = false;
-c_dek.c_dek_markup = 'Lorem ipsum <i>dolor</i> sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.';
+c_dek.c_dek_markup =
+	'Lorem ipsum <i>dolor</i> sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.';
 
 c_tagline_author.c_tagline_classes = 'lrv-u-margin-l-050';
 c_tagline_author.c_tagline_markup = "<a href='#'>Staff Writer</a>";
@@ -25,19 +41,22 @@ c_lazy_image.c_lazy_image_crop_class = 'lrv-a-crop-3x2';
 
 module.exports = {
 	story_classes: '',
-	story_nav_classes: 'lrv-u-font-size-12 lrv-u-font-family-primary lrv-u-text-transform-uppercase lrv-u-font-weight-bold lrv-u-color-black ',
-	story_nav_layout_classes: 'lrv-u-flex lrv-u-align-items-center lrv-a-space-children-horizontal lrv-a-space-children--2 lrv-a-hidden@mobile-max lrv-u-margin-t-050',
+	story_nav_classes:
+		'lrv-u-font-size-12 lrv-u-font-family-primary lrv-u-text-transform-uppercase lrv-u-font-weight-bold lrv-u-color-black ',
+	story_nav_layout_classes:
+		'lrv-u-flex lrv-u-align-items-center lrv-a-space-children-horizontal lrv-a-space-children--2 lrv-a-hidden@mobile-max lrv-u-margin-t-050',
 	story_grid_classes: 'lrv-a-grid lrv-a-cols3',
-	story_grid_primary_classes: 'lrv-u-margin-r-2@desktop-xl lrv-u-margin-r-00 lrv-u-margin-r-1@desktop',
+	story_grid_primary_classes:
+		'lrv-u-margin-r-2@desktop-xl lrv-u-margin-r-00 lrv-u-margin-r-1@desktop',
 	story_grid_secondary_classes: 'lrv-a-span2',
 	story_links_classes: '',
 	c_span,
 	c_link: false,
 	c_link_bottom: false,
 	c_link_bottom_wrapper_classes: '',
-	c_title: c_title,
-	c_dek: c_dek,
-	c_lazy_image: c_lazy_image,
+	c_title,
+	c_dek,
+	c_lazy_image,
 	c_tagline_author,
 	c_timestamp,
 };

package/modules/story/story.right-borders.js

@@ -4,6 +4,7 @@ const story_right_borders = clonedeep( require( './story.right' ) );
 
 story_right_borders.story_grid_classes += ' lrv-u-border-a-1';
 
-story_right_borders.story_grid_secondary_classes += ' lrv-u-padding-l-2@desktop-xl lrv-u-padding-l-00 lrv-u-padding-l-1@desktop';
+story_right_borders.story_grid_secondary_classes +=
+	' lrv-u-padding-l-2@desktop-xl lrv-u-padding-l-00 lrv-u-padding-l-1@desktop';
 
 module.exports = story_right_borders;

package/modules/story/story.right.js

@@ -1,11 +1,15 @@
 const { __experimentalCloneWithFallback } = require( '@penskemediacorp/larva' );
 
-const story_right = __experimentalCloneWithFallback( 'modules/story/story.prototype' );
+const story_right = __experimentalCloneWithFallback(
+	'modules/story/story.prototype'
+);
 
-story_right.story_grid_primary_classes = 'lrv-u-margin-l-2@desktop-xl lrv-u-margin-l-00 lrv-u-margin-l-1@desktop';
+story_right.story_grid_primary_classes =
+	'lrv-u-margin-l-2@desktop-xl lrv-u-margin-l-00 lrv-u-margin-l-1@desktop';
 
 story_right.story_grid_primary_classes += ' lrv-u-order-100';
-story_right.story_grid_secondary_classes += ' lrv-u-order-n1 lrv-u-text-align-right';
+story_right.story_grid_secondary_classes +=
+	' lrv-u-order-n1 lrv-u-text-align-right';
 
 story_right.story_nav_classes += ' lrv-u-justify-content-end';
 story_right.story_links_classes += ' lrv-u-justify-content-end';

package/modules/story/story.story-arc.js

@@ -2,7 +2,9 @@ const clonedeep = require( 'lodash.clonedeep' );
 
 const story_story_arc = clonedeep( require( './story.prototype' ) );
 
-const story_arc_stories = clonedeep( require( '../story-arc-stories/story-arc-stories.prototype' ) );
+const story_arc_stories = clonedeep(
+	require( '../story-arc-stories/story-arc-stories.prototype' )
+);
 
 story_story_arc.story_arc_stories = story_arc_stories;
 

package/modules/story/story.vertical.js

@@ -1,11 +1,14 @@
 const { __experimentalCloneWithFallback } = require( '@penskemediacorp/larva' );
 
-const story_vertical = __experimentalCloneWithFallback( 'modules/story/story.prototype' );
+const story_vertical = __experimentalCloneWithFallback(
+	'modules/story/story.prototype'
+);
 
 story_vertical.story_grid_classes = '';
 
 story_vertical.story_grid_primary_classes = 'lrv-u-margin-r-00';
 
-story_vertical.story_grid_secondary_classes += ' lrv-u-padding-lr-1 lrv-u-padding-lr-2@desktop-xl lrv-u-padding-tb-075 lrv-u-padding-tb-150@desktop-xl';
+story_vertical.story_grid_secondary_classes +=
+	' lrv-u-padding-lr-1 lrv-u-padding-lr-2@desktop-xl lrv-u-padding-tb-075 lrv-u-padding-tb-150@desktop-xl';
 
 module.exports = story_vertical;

package/modules/story-arc-stories/story-arc-stories.prototype.js

@@ -1,8 +1,14 @@
 const clonedeep = require( 'lodash.clonedeep' );
 
-const c_span = clonedeep( require( '../../components/c-span/c-span.prototype' ) );
-const c_button = clonedeep( require( '../../components/c-button/c-button.prototype' ) );
-const o_story_arc_item = clonedeep( require( '../../objects/o-story-arc-item/o-story-arc-item.prototype' ) );
+const c_span = clonedeep(
+	require( '../../components/c-span/c-span.prototype' )
+);
+const c_button = clonedeep(
+	require( '../../components/c-button/c-button.prototype' )
+);
+const o_story_arc_item = clonedeep(
+	require( '../../objects/o-story-arc-item/o-story-arc-item.prototype' )
+);
 
 c_span.c_span_text = 'Event Coverage:';
 c_span.c_span_classes += ' lrv-u-font-weight-bold';
@@ -11,11 +17,7 @@ c_button.c_button_text = 'Art Basel Hong Kong';
 c_button.c_button_url = '#';
 
 module.exports = {
-	c_span: c_span,
-	c_button: c_button,
-	story_arc_stories: [
-		o_story_arc_item,
-		o_story_arc_item,
-		o_story_arc_item,
-	]
+	c_span,
+	c_button,
+	story_arc_stories: [ o_story_arc_item, o_story_arc_item, o_story_arc_item ],
 };

package/modules/story-featured-quote/story-featured-quote.prototype.js

@@ -1,28 +1,36 @@
 const { __experimentalCloneWithFallback } = require( '@penskemediacorp/larva' );
 const clonedeep = require( 'lodash.clonedeep' );
 
-
-const c_title = __experimentalCloneWithFallback( 'components/c-title/c-title.prototype' );
-const c_tagline = __experimentalCloneWithFallback( 'components/c-tagline/c-tagline.prototype' );
+const c_title = __experimentalCloneWithFallback(
+	'components/c-title/c-title.prototype'
+);
+const c_tagline = __experimentalCloneWithFallback(
+	'components/c-tagline/c-tagline.prototype'
+);
 const c_tagline_author = clonedeep( c_tagline );
 
-c_title.c_title_text = '‘A Momentous Weekend’: LACMA’s High-Stakes Collectors Committee Event Raises $2.4 M.';
-c_title.c_title_classes = 'lrv-u-font-size-14 lrv-u-font-family-primary lrv-u-display-block lrv-u-font-weight-normal lrv-u-line-height-small';
-c_title.c_title_link_classes = 'lrv-a-unstyle-link lrv-u-color-brand-primary:hover';
-
+c_title.c_title_text =
+	'‘A Momentous Weekend’: LACMA’s High-Stakes Collectors Committee Event Raises $2.4 M.';
+c_title.c_title_classes =
+	'lrv-u-font-size-14 lrv-u-font-family-primary lrv-u-display-block lrv-u-font-weight-normal lrv-u-line-height-small';
+c_title.c_title_link_classes =
+	'lrv-a-unstyle-link lrv-u-color-brand-primary:hover';
 
 c_tagline_author.c_tagline_classes = 'lrv-u-margin-l-050';
 c_tagline_author.c_tagline_markup = "<a href='#'>Staff Writer</a>";
 c_tagline_author.c_tagline_text = false;
 
 module.exports = {
-    story_featured_quote_classes: 'lrv-u-text-align-center',
-    story_quote_markup: 'Lorem ipsum <i>dolor</i> sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.',
-    story_quote_markup_classes: 'lrv-a-font-primary-l',
-    story_nav_classes: 'lrv-u-font-size-12 lrv-u-font-family-primary lrv-u-text-transform-uppercase lrv-u-font-weight-bold lrv-u-color-black ',
-    story_nav_layout_classes: 'lrv-u-flex lrv-u-align-items-center lrv-a-space-children-horizontal lrv-a-space-children--2 lrv-a-hidden@mobile-max lrv-u-margin-t-050 lrv-u-justify-content-center',
-    c_title: c_title,
-    c_dek_url:'#',
-    c_dek_url_classes:'lrv-u-color-black lrv-a-unstyle-link',
-    c_tagline_author,
-};
+	story_featured_quote_classes: 'lrv-u-text-align-center',
+	story_quote_markup:
+		'Lorem ipsum <i>dolor</i> sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.',
+	story_quote_markup_classes: 'lrv-a-font-primary-l',
+	story_nav_classes:
+		'lrv-u-font-size-12 lrv-u-font-family-primary lrv-u-text-transform-uppercase lrv-u-font-weight-bold lrv-u-color-black ',
+	story_nav_layout_classes:
+		'lrv-u-flex lrv-u-align-items-center lrv-a-space-children-horizontal lrv-a-space-children--2 lrv-a-hidden@mobile-max lrv-u-margin-t-050 lrv-u-justify-content-center',
+	c_title,
+	c_dek_url: '#',
+	c_dek_url_classes: 'lrv-u-color-black lrv-a-unstyle-link',
+	c_tagline_author,
+};

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

@@ -1,9 +1,13 @@
 const { __experimentalCloneWithFallback } = require( '@penskemediacorp/larva' );
 
-const story_card = __experimentalCloneWithFallback( 'modules/story/story.vertical' );
+const story_card = __experimentalCloneWithFallback(
+	'modules/story/story.vertical'
+);
 
-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-xxs lrv-u-display-block lrv-u-margin-b-050';
+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-xxs lrv-u-display-block lrv-u-margin-b-050';
 story_card.story_grid_secondary_classes = 'lrv-a-span2';
 story_card.story_links_classes += ' lrv-u-margin-t-050';
 story_card.story_nav_classes = 'lrv-a-font-secondary-m';

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

@@ -1,15 +1,23 @@
 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' );
-const c_span = __experimentalCloneWithFallback( 'components/c-span/c-span.prototype' );
+const story_grid = __experimentalCloneWithFallback(
+	'modules/story-grid/story-grid.prototype'
+);
+const story_prototype = __experimentalCloneWithFallback(
+	'modules/story/story.prototype'
+);
+const c_span = __experimentalCloneWithFallback(
+	'components/c-span/c-span.prototype'
+);
 
-story_grid.story_grid_story_cards = story_grid.story_grid_story_cards.map( () => clonedeep( story_prototype ) );
+story_grid.story_grid_story_cards = story_grid.story_grid_story_cards.map( () =>
+	clonedeep( story_prototype )
+);
 
 story_grid.story_grid_grid_classes = '';
 
-c_span.c_span_text = 'Read more'; 
+c_span.c_span_text = 'Read more';
 story_grid.c_span = c_span;
 
 module.exports = story_grid;

package/modules/sub-header/sub-header.prototype.js

@@ -1,8 +1,10 @@
 const { __experimentalCloneWithFallback } = require( '@penskemediacorp/larva' );
 
-const o_sub_header = __experimentalCloneWithFallback( 'objects/o-sub-header/o-sub-header.prototype' );
+const o_sub_header = __experimentalCloneWithFallback(
+	'objects/o-sub-header/o-sub-header.prototype'
+);
 
 module.exports = {
 	sub_header_classes: '',
-	o_sub_header: o_sub_header,
+	o_sub_header,
 };

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

@@ -1,41 +1,58 @@
 const clonedeep = require( 'lodash.clonedeep' );
 
-const o_story_featured = clonedeep( require( '@penskemediacorp/larva-patterns/modules/story/story.center-vertical' ) );
-const o_story = clonedeep( require( '@penskemediacorp/larva-patterns/modules/story/story.vertical' ) );
+const o_story_featured = clonedeep(
+	require( '@penskemediacorp/larva-patterns/modules/story/story.center-vertical' )
+);
+const o_story = clonedeep(
+	require( '@penskemediacorp/larva-patterns/modules/story/story.vertical' )
+);
 
 o_story_featured.c_timestamp = false;
-o_story_featured.story_grid_secondary_classes = 'lrv-u-flex lrv-u-flex-direction-column lrv-u-height-100p lrv-u-justify-content-center@tablet lrv-u-text-align-center@tablet';
-o_story_featured.c_title.c_title_classes = 'lrv-a-font-primary-l c-title lrv-u-display-block lrv-u-margin-b-050';
-o_story_featured.c_span.c_span_classes = 'lrv-u-display-inline-block lrv-u-padding-a-050 lrv-u-background-color-white lrv-u-text-transform-uppercase lrv-a-font-basic-l lrv-u-display-inline-block';
-o_story_featured.c_span.c_span_link_classes = 'lrv-u-color-white lrv-u-background-color-brand-primary lrv-u-line-height-normal lrv-u-padding-a-025 lrv-u-padding-lr-050 lrv-u-display-inline-block';
+o_story_featured.story_grid_secondary_classes =
+	'lrv-u-flex lrv-u-flex-direction-column lrv-u-height-100p lrv-u-justify-content-center@tablet lrv-u-text-align-center@tablet';
+o_story_featured.c_title.c_title_classes =
+	'lrv-a-font-primary-l c-title lrv-u-display-block lrv-u-margin-b-050';
+o_story_featured.c_span.c_span_classes =
+	'lrv-u-display-inline-block lrv-u-padding-a-050 lrv-u-background-color-white lrv-u-text-transform-uppercase lrv-a-font-basic-l lrv-u-display-inline-block';
+o_story_featured.c_span.c_span_link_classes =
+	'lrv-u-color-white lrv-u-background-color-brand-primary lrv-u-line-height-normal lrv-u-padding-a-025 lrv-u-padding-lr-050 lrv-u-display-inline-block';
 o_story_featured.c_span.c_span_url = '#';
-o_story_featured.c_dek.c_dek_classes = 'lrv-a-font-secondary-xs lrv-u-margin-tb-050 lrv-u-letter-spacing-0006@tablet lrv-u-width-70p lrv-u-width-100p@mobile-max lrv-u-margin-lr-auto';
-o_story_featured.story_nav_classes = 'lrv-a-font-body-m lrv-u-color-black lrv-u-text-transform-uppercase lrv-u-color-black  lrv-u-justify-content-center@tablet';
-o_story_featured.c_tagline_author.c_tagline_classes = 'lrv-u-color-black lrv-u-margin-l-050';
-o_story_featured.story_links_classes = 'lrv-u-justify-content-center@tablet lrv-u-transform-translateY-n50p u-z-index-middle-bottom lrv-u-position-relative lrv-u-margin-b-00@mobile-max';
-o_story_featured.story_nav_layout_classes = 'lrv-u-flex lrv-u-align-items-center lrv-a-space-children-horizontal lrv-a-space-children--2 lrv-u-margin-t-050';
+o_story_featured.c_dek.c_dek_classes =
+	'lrv-a-font-secondary-xs lrv-u-margin-tb-050 lrv-u-letter-spacing-0006@tablet lrv-u-width-70p lrv-u-width-100p@mobile-max lrv-u-margin-lr-auto';
+o_story_featured.story_nav_classes =
+	'lrv-a-font-body-m lrv-u-color-black lrv-u-text-transform-uppercase lrv-u-color-black  lrv-u-justify-content-center@tablet';
+o_story_featured.c_tagline_author.c_tagline_classes =
+	'lrv-u-color-black lrv-u-margin-l-050';
+o_story_featured.story_links_classes =
+	'lrv-u-justify-content-center@tablet lrv-u-transform-translateY-n50p u-z-index-middle-bottom lrv-u-position-relative lrv-u-margin-b-00@mobile-max';
+o_story_featured.story_nav_layout_classes =
+	'lrv-u-flex lrv-u-align-items-center lrv-a-space-children-horizontal lrv-a-space-children--2 lrv-u-margin-t-050';
 
 o_story.story_grid_secondary_classes = '';
 o_story.c_timestamp = false;
 o_story.c_dek = false;
 o_story.story_classes = '';
-o_story.c_span.c_span_classes = 'lrv-a-font-basic-xs lrv-u-border-b-1 lrv-u-text-transform-uppercase lrv-u-padding-b-050';
+o_story.c_span.c_span_classes =
+	'lrv-a-font-basic-xs lrv-u-border-b-1 lrv-u-text-transform-uppercase lrv-u-padding-b-050';
 o_story.c_lazy_image.c_lazy_image_classes = 'lrv-u-margin-b-125';
-o_story.c_title.c_title_classes = 'lrv-a-font-primary-m lrv-u-margin-b-050 lrv-u-font-size-26@mobile-max lrv-u-margin-t-050';
-o_story.story_nav_classes = 'lrv-a-font-body-xxs lrv-u-color-black lrv-u-text-transform-uppercase lrv-u-color-black ';
-o_story.c_tagline_author.c_tagline_classes = 'lrv-a-font-body-xxs lrv-u-color-black lrv-u-margin-l-050 lrv-u-letter-spacing-0106@tablet lrv-u-letter-spacing-0140@mobile-max';
-o_story.story_nav_layout_classes = 'lrv-u-flex lrv-u-align-items-center lrv-a-space-children-horizontal lrv-a-space-children--2 lrv-u-margin-t-050';
+o_story.c_title.c_title_classes =
+	'lrv-a-font-primary-m lrv-u-margin-b-050 lrv-u-font-size-26@mobile-max lrv-u-margin-t-050';
+o_story.story_nav_classes =
+	'lrv-a-font-body-xxs lrv-u-color-black lrv-u-text-transform-uppercase lrv-u-color-black ';
+o_story.c_tagline_author.c_tagline_classes =
+	'lrv-a-font-body-xxs lrv-u-color-black lrv-u-margin-l-050 lrv-u-letter-spacing-0106@tablet lrv-u-letter-spacing-0140@mobile-max';
+o_story.story_nav_layout_classes =
+	'lrv-u-flex lrv-u-align-items-center lrv-a-space-children-horizontal lrv-a-space-children--2 lrv-u-margin-t-050';
 
-const stories = [
-	o_story,
-	o_story,
-];
+const stories = [ o_story, o_story ];
 
 module.exports = {
 	o_story_featured,
 	top_stories_classes: 'lrv-u-flex lrv-u-flex-wrap-wrap lrv-u-margin-b-075',
-	featured_story_classes: 'lrv-u-width-100p@mobile-max lrv-u-width-70p lrv-u-padding-r-125 lrv-u-padding-r-150@desktop lrv-u-padding-r-00@mobile-max lrv-u-padding-b-2@mobile-max lrv-u-margin-b-2@mobile-max u-border-b-1@mobile-max',
-	story_items_classes: 'lrv-u-width-30p lrv-u-width-100p@mobile-max lrv-a-children-border-vertical lrv-a-space-children lrv-a-space-children--2 lrv-a-space-children-vertical lrv-u-padding-l-125 lrv-u-padding-l-150@desktop lrv-u-padding-l-00@mobile-max',
+	featured_story_classes:
+		'lrv-u-width-100p@mobile-max lrv-u-width-70p lrv-u-padding-r-125 lrv-u-padding-r-150@desktop lrv-u-padding-r-00@mobile-max lrv-u-padding-b-2@mobile-max lrv-u-margin-b-2@mobile-max u-border-b-1@mobile-max',
+	story_items_classes:
+		'lrv-u-width-30p lrv-u-width-100p@mobile-max lrv-a-children-border-vertical lrv-a-space-children lrv-a-space-children--2 lrv-a-space-children-vertical lrv-u-padding-l-125 lrv-u-padding-l-150@desktop lrv-u-padding-l-00@mobile-max',
 	story_item_classes: '',
 	stories,
 };

package/modules/top-stories/top-stories.xl.js

@@ -2,13 +2,13 @@ const clonedeep = require( 'lodash.clonedeep' );
 
 const top_stories = clonedeep( require( './top-stories.prototype' ) );
 
-top_stories.o_story_featured.c_title.c_title_classes = 'lrv-a-font-primary-xl c-title lrv-u-display-block lrv-u-margin-b-050';
+top_stories.o_story_featured.c_title.c_title_classes =
+	'lrv-a-font-primary-xl c-title lrv-u-display-block lrv-u-margin-b-050';
 top_stories.o_story_featured.c_link_bottom = false;
 
 top_stories.stories.map( ( o_story ) => {
 	o_story.c_span = false;
 	o_story.c_link_bottom = false;
-});
-
+} );
 
 module.exports = top_stories;

package/modules/video-slider/video-slider.prototype.js

@@ -1,9 +1,13 @@
 const clonedeep = require( 'lodash.clonedeep' );
 
-const c_title = clonedeep( require( '@penskemediacorp/larva-patterns/components/c-heading/c-heading.prototype' ) );
-const c_dek = clonedeep( require( '@penskemediacorp/larva-patterns/components/c-dek/c-dek.prototype' ) );
+const c_title = clonedeep(
+	require( '@penskemediacorp/larva-patterns/components/c-heading/c-heading.prototype' )
+);
+const c_dek = clonedeep(
+	require( '@penskemediacorp/larva-patterns/components/c-dek/c-dek.prototype' )
+);
 const o_video_card = clonedeep(
-	require('@penskemediacorp/larva-patterns/objects/o-video-card/o-video-card.prototype')
+	require( '@penskemediacorp/larva-patterns/objects/o-video-card/o-video-card.prototype' )
 );
 
 c_title.c_title_classes = 'lrv-a-unstyle-inner-links lrv-a-font-primary-xxl';
@@ -14,5 +18,5 @@ o_video_card.c_title = c_title;
 module.exports = {
 	video_slider_classes: 'js-Flickity js-Flickity--100p',
 	video_slider_slide_inner_classes: 'lrv-a-glue-parent',
-	o_video_card_items: [o_video_card, o_video_card, o_video_card],
+	o_video_card_items: [ o_video_card, o_video_card, o_video_card ],
 };

package/modules/vlanding-playlist/vlanding-playlist.prototype.js

@@ -1,9 +1,12 @@
 const clonedeep = require( 'lodash.clonedeep' );
 
-const o_header = clonedeep( require( '../../objects/o-header/o-header.prototype' ) );
+const o_header = clonedeep(
+	require( '../../objects/o-header/o-header.prototype' )
+);
 const o_card = clonedeep( require( '../../objects/o-card/o-card.prototype' ) );
 
-o_header.o_heading_classes = 'lrv-u-flex lrv-u-align-items-center lrv-u-border-b-1 lrv-u-border-color-grey-light lrv-u-margin-b-1';
+o_header.o_heading_classes =
+	'lrv-u-flex lrv-u-align-items-center lrv-u-border-b-1 lrv-u-border-color-grey-light lrv-u-margin-b-1';
 o_header.c_heading.c_heading_text = 'Behind the Lens';
 o_header.c_heading.c_heading_classes = 'lrv-u-font-size-32';
 
@@ -20,15 +23,11 @@ o_card.c_title.c_title_url = false;
 const o_card_large = clonedeep( o_card );
 
 o_card.c_title.c_title_classes = 'lrv-u-font-size-12';
-o_card_large.c_title.c_title_classes = 'lrv-u-font-size-20@desktop lrv-u-font-size-12';
+o_card_large.c_title.c_title_classes =
+	'lrv-u-font-size-20@desktop lrv-u-font-size-12';
 
 module.exports = {
-	o_header: o_header,
+	o_header,
 	vlanding_playlist_large_card: o_card_large,
-	vlanding_playlist_small_cards: [
-		o_card,
-		o_card,
-		o_card,
-		o_card
-	]
+	vlanding_playlist_small_cards: [ o_card, o_card, o_card, o_card ],
 };

package/modules/vlanding-video-card/vlanding-video-card.prototype.js

@@ -1,8 +1,14 @@
 const clonedeep = require( 'lodash.clonedeep' );
 
-const c_lazy_image = clonedeep( require( './../../components/c-lazy-image/c-lazy-image.prototype' ) );
-const c_title = clonedeep( require( './../../components/c-title/c-title.prototype' ) );
-const c_span = clonedeep( require( './../../components/c-span/c-span.prototype' ) );
+const c_lazy_image = clonedeep(
+	require( './../../components/c-lazy-image/c-lazy-image.prototype' )
+);
+const c_title = clonedeep(
+	require( './../../components/c-title/c-title.prototype' )
+);
+const c_span = clonedeep(
+	require( './../../components/c-span/c-span.prototype' )
+);
 
 module.exports = {
 	vlanding_video_card_permalink_url: '#',
@@ -11,15 +17,17 @@ module.exports = {
 	vlanding_video_card_link_classes: 'lrv-a-unstyle-link',
 	vlanding_video_card_link_showcase_trigger_data_attr: 'x3HbbzHK5Mc',
 	vlanding_video_card_link_showcase_type_data_attr: 'youtube',
-	vlanding_video_card_link_showcase_dek_data_attr: 'text for the dek, update this',
-	vlanding_video_card_link_showcase_title_data_attr: 'title that should be the same as the card',
+	vlanding_video_card_link_showcase_dek_data_attr:
+		'text for the dek, update this',
+	vlanding_video_card_link_showcase_title_data_attr:
+		'title that should be the same as the card',
 	vlanding_video_card_link_showcase_permalink_data_url: '#',
 	vlanding_video_card_active_txt_attr: 'Now Playing',
 	vlanding_video_card_classes: '',
 	vlanding_video_card_crop_class: '',
-	c_lazy_image: c_lazy_image,
+	c_lazy_image,
 	vlanding_video_card_is_player: '',
-	c_title: c_title,
-	c_span: c_span,
+	c_title,
+	c_span,
 	vlanding_video_card_social_share_markup: '',
 };

package/modules/vlanding-video-showcase/vlanding-video-showcase.prototype.js

@@ -1,11 +1,21 @@
 const clonedeep = require( 'lodash.clonedeep' );
 
-const vlanding_video_card = clonedeep( require( '../../modules/vlanding-video-card/vlanding-video-card.prototype' ) );
-const social_share = clonedeep( require( '../../modules/social-share/social-share.prototype' ) );
-const c_span = clonedeep( require( '../../components/c-span/c-span.prototype' ) );
-const c_title = clonedeep( require( '../../components/c-title/c-title.prototype' ) );
+const vlanding_video_card = clonedeep(
+	require( '../../modules/vlanding-video-card/vlanding-video-card.prototype' )
+);
+const social_share = clonedeep(
+	require( '../../modules/social-share/social-share.prototype' )
+);
+const c_span = clonedeep(
+	require( '../../components/c-span/c-span.prototype' )
+);
+const c_title = clonedeep(
+	require( '../../components/c-title/c-title.prototype' )
+);
 const c_dek = clonedeep( require( '../../components/c-dek/c-dek.prototype' ) );
-const c_heading = clonedeep( require( '../../components/c-heading/c-heading.prototype' ) );
+const c_heading = clonedeep(
+	require( '../../components/c-heading/c-heading.prototype' )
+);
 
 const vlanding_video_card_player = clonedeep( vlanding_video_card );
 const vlanding_video_showcase_card = clonedeep( vlanding_video_card );
@@ -15,15 +25,17 @@ const demoVideos = [
 	'_JFOdYRfqBQ',
 	'UmjBAjsLMms',
 	'bgs2PgWE',
-	'getvYflDK98'
+	'getvYflDK98',
 ];
 
 const vlanding_video_showcase_video_cards = [];
 
 vlanding_video_showcase_card.c_title.c_title_url = false;
-vlanding_video_showcase_card.c_title.c_title_classes = 'lrv-u-font-size-14 lrv-u-font-weight-normal lrv-u-padding-t-050';
+vlanding_video_showcase_card.c_title.c_title_classes =
+	'lrv-u-font-size-14 lrv-u-font-weight-normal lrv-u-padding-t-050';
 
-vlanding_video_showcase_card.c_span.c_span_classes += ' lrv-u-display-block lrv-u-padding-b-00 lrv-u-padding-t-050 lrv-u-font-size-12 lrv-u-font-weight-normal';
+vlanding_video_showcase_card.c_span.c_span_classes +=
+	' lrv-u-display-block lrv-u-padding-b-00 lrv-u-padding-t-050 lrv-u-font-size-12 lrv-u-font-weight-normal';
 
 vlanding_video_card_player.c_title = false;
 vlanding_video_card_player.c_span = false;
@@ -34,35 +46,42 @@ vlanding_video_card_player.vlanding_video_card_is_player = true;
 vlanding_video_card_player.c_lazy_image.c_lazy_image_crop_class = '';
 vlanding_video_card_player.vlanding_video_card_crop_class = 'lrv-a-crop-16x9';
 
-c_title.c_title_classes = 'lrv-u-font-size-24 lrv-u-font-size-32@desktop lrv-u-padding-b-1 js-VideoShowcase-title';
+c_title.c_title_classes =
+	'lrv-u-font-size-24 lrv-u-font-size-32@desktop lrv-u-padding-b-1 js-VideoShowcase-title';
 c_title.c_title_link_classes = 'lrv-a-unstyle-link';
-c_title.c_title_text = 'Roseanne is Cancelled and I\'m So Sad About It';
+c_title.c_title_text = "Roseanne is Cancelled and I'm So Sad About It";
 
-c_dek.c_dek_classes = 'lrv-u-font-size-18 lrv-u-margin-t-00 lrv-a-hidden@mobile-max js-VideoShowcase-dek';
+c_dek.c_dek_classes =
+	'lrv-u-font-size-18 lrv-u-margin-t-00 lrv-a-hidden@mobile-max js-VideoShowcase-dek';
 
 c_heading.c_heading_text = 'The Latest Videos';
-c_heading.c_heading_classes = 'lrv-u-font-size-18 lrv-u-font-size-24@desktop lrv-u-font-size-28@desktop-xl lrv-u-border-b-1 lrv-u-border-color-grey-light lrv-u-padding-b-050 lrv-u-margin-tb-1';
+c_heading.c_heading_classes =
+	'lrv-u-font-size-18 lrv-u-font-size-24@desktop lrv-u-font-size-28@desktop-xl lrv-u-border-b-1 lrv-u-border-color-grey-light lrv-u-padding-b-050 lrv-u-margin-tb-1';
 
-vlanding_video_showcase_card.vlanding_video_card_link_showcase_trigger_data_attr = '_JFOdYRfqBQ';
-vlanding_video_showcase_card.vlanding_video_card_link_showcase_type_data_attr = 'youtube';
+vlanding_video_showcase_card.vlanding_video_card_link_showcase_trigger_data_attr =
+	'_JFOdYRfqBQ';
+vlanding_video_showcase_card.vlanding_video_card_link_showcase_type_data_attr =
+	'youtube';
 vlanding_video_showcase_card.c_span = false;
 
 demoVideos.map( ( videoId ) => {
-	let newVideo = clonedeep( vlanding_video_showcase_card );
+	const newVideo = clonedeep( vlanding_video_showcase_card );
 
 	newVideo.vlanding_video_card_link_showcase_trigger_data_attr = videoId;
 	vlanding_video_showcase_video_cards.push( newVideo );
-});
+} );
 
 module.exports = {
 	vlanding_video_showcase_classes: '',
-	vlanding_video_card_player: vlanding_video_card_player,
-	c_span: c_span,
-	c_title: c_title,
-	c_dek: c_dek,
-	social_share: social_share,
-	c_heading: c_heading,
-	vlanding_video_showcase_video_cards_classes: 'js-Flickity js-Flickity--fifths js-Flickity--isContained',
-	vlanding_video_showcase_video_cards_item_classes: 'js-Flickity-cell lrv-u-margin-r-1',
-	vlanding_video_showcase_video_cards: vlanding_video_showcase_video_cards
+	vlanding_video_card_player,
+	c_span,
+	c_title,
+	c_dek,
+	social_share,
+	c_heading,
+	vlanding_video_showcase_video_cards_classes:
+		'js-Flickity js-Flickity--fifths js-Flickity--isContained',
+	vlanding_video_showcase_video_cards_item_classes:
+		'js-Flickity-cell lrv-u-margin-r-1',
+	vlanding_video_showcase_video_cards,
 };