@penskemediacorp/larva-patterns 1.23.0 → 1.26.0

package/objects/o-story-arc-item/o-story-arc-item.prototype.js

@@ -6,24 +6,29 @@ const o_tease_prototype = require( '../o-tease/o-tease.prototype.js' );
 const c_timestamp = clonedeep( c_timestamp_prototype );
 const o_tease = clonedeep( o_tease_prototype );
 
-c_timestamp.c_timestamp_classes = "lrv-u-font-family-primary lrv-u-background-color-body lrv-u-font-weight-bold lrv-u-font-size-12 lrv-u-color-brand-primary";
+c_timestamp.c_timestamp_classes =
+	'lrv-u-font-family-primary lrv-u-background-color-body lrv-u-font-weight-bold lrv-u-font-size-12 lrv-u-color-brand-primary';
 
 o_tease.c_tagline = false;
 o_tease.c_heading = false;
 o_tease.c_button = false;
 o_tease.c_span = false;
 
-o_tease.o_tease_classes += ' u-align-items-flex-start@mobile-max u-flex-direction-row-reverse';
+o_tease.o_tease_classes +=
+	' u-align-items-flex-start@mobile-max u-flex-direction-row-reverse';
 o_tease.o_tease_secondary_classes += ' lrv-u-margin-r-1 u-width-65';
 
-o_tease.c_lazy_image.c_lazy_image_img_classes += ' lrv-u-border-radius-5 u-box-shadow-light';
+o_tease.c_lazy_image.c_lazy_image_img_classes +=
+	' lrv-u-border-radius-5 u-box-shadow-light';
 o_tease.c_lazy_image.c_lazy_image_crop_class = 'lrv-a-crop-1x1';
 
-o_tease.c_title.c_title_text = 'Art Basel Plans ‘Interventions’ for 50th Anniversary, with Kasper König in Charge';
-o_tease.c_title.c_title_classes = 'lrv-u-font-family-primary lrv-u-font-size-14 lrv-u-font-size-16@desktop u-color-black lrv-u-font-weight-normal';
+o_tease.c_title.c_title_text =
+	'Art Basel Plans ‘Interventions’ for 50th Anniversary, with Kasper König in Charge';
+o_tease.c_title.c_title_classes =
+	'lrv-u-font-family-primary lrv-u-font-size-14 lrv-u-font-size-16@desktop u-color-black lrv-u-font-weight-normal';
 
 module.exports = {
 	o_story_arc_item_classes: '',
-	c_timestamp: c_timestamp,
-	o_tease: o_tease,
+	c_timestamp,
+	o_tease,
 };

package/objects/o-sub-header/o-sub-header.prototype.js

@@ -9,31 +9,46 @@ const o_nav = clonedeep( o_nav_prototype );
 const o_nav_items_c_links__prototype = require( '@penskemediacorp/larva-patterns/components/c-link/c-link.prototype.js' );
 
 c_heading.c_heading_text = 'Market';
-c_heading.c_heading_classes = 'lrv-u-font-family-secondary lrv-u-font-size-56@desktop-xl lrv-u-font-size-50 lrv-u-margin-b-050@mobile-max lrv-u-line-height-small lrv-u-text-align-center@mobile-max lrv-u-margin-r-2@desktop';
+c_heading.c_heading_classes =
+	'lrv-u-font-family-secondary lrv-u-font-size-56@desktop-xl lrv-u-font-size-50 lrv-u-margin-b-050@mobile-max lrv-u-line-height-small lrv-u-text-align-center@mobile-max lrv-u-margin-r-2@desktop';
 c_heading.c_heading_is_primary_heading = true;
 
 o_nav.o_nav_list_items = [];
-const menuLinks = [ 'View All', 'Tag Title', 'Tag Title', 'Tag Title', 'Tag Title', 'Tag Title' ];
-
-for (let i = 0; i < menuLinks.length; i++) {
-	let c_link = clonedeep( o_nav_items_c_links__prototype );
-
-	c_link.c_link_text = menuLinks[i];
-	c_link.c_link_classes += ' c_link_classes lrv-u-font-family-primary lrv-u-color-grey-dark:hover';
+const menuLinks = [
+	'View All',
+	'Tag Title',
+	'Tag Title',
+	'Tag Title',
+	'Tag Title',
+	'Tag Title',
+];
+
+for ( let i = 0; i < menuLinks.length; i++ ) {
+	const c_link = clonedeep( o_nav_items_c_links__prototype );
+
+	c_link.c_link_text = menuLinks[ i ];
+	c_link.c_link_classes +=
+		' c_link_classes lrv-u-font-family-primary lrv-u-color-grey-dark:hover';
 
 	o_nav.o_nav_list_items.push( c_link );
 }
 
-const mobileDropdownUtilities = ' lrv-u-border-a-1@mobile-max lrv-u-justify-content-center lrv-u-margin-b-050@mobile-max lrv-u-border-color-grey-light';
+const mobileDropdownUtilities =
+	' lrv-u-border-a-1@mobile-max lrv-u-justify-content-center lrv-u-margin-b-050@mobile-max lrv-u-border-color-grey-light';
 
-o_nav.o_nav_classes = 'lrv-u-flex@desktop lrv-u-align-items-center lrv-u-text-align-center lrv-js-MobileHeightToggle';
+o_nav.o_nav_classes =
+	'lrv-u-flex@desktop lrv-u-align-items-center lrv-u-text-align-center lrv-js-MobileHeightToggle';
 o_nav.o_nav_title_text = 'View Categories';
-o_nav.o_nav_title_classes = 'lrv-a-hidden@desktop lrv-js-MobileHeightToggle-trigger lrv-a-icon-after lrv-a-icon-arrow-down lrv-u-font-size-16 lrv-u-font-family-primary lrv-u-font-weight-normal lrv-u-padding-tb-050 lrv-u-width-100p@mobile-max ' + mobileDropdownUtilities;
-o_nav.o_nav_list_classes += ' lrv-js-MobileHeightToggle-target lrv-u-flex lrv-u-flex-direction-column@mobile-max  lrv-u-line-height-large lrv-u-flex-wrap-wrap lrv-a-space-children--1 lrv-a-space-children-horizontal@tablet';
+o_nav.o_nav_title_classes =
+	'lrv-a-hidden@desktop lrv-js-MobileHeightToggle-trigger lrv-a-icon-after lrv-a-icon-arrow-down lrv-u-font-size-16 lrv-u-font-family-primary lrv-u-font-weight-normal lrv-u-padding-tb-050 lrv-u-width-100p@mobile-max ' +
+	mobileDropdownUtilities;
+o_nav.o_nav_list_classes +=
+	' lrv-js-MobileHeightToggle-target lrv-u-flex lrv-u-flex-direction-column@mobile-max  lrv-u-line-height-large lrv-u-flex-wrap-wrap lrv-a-space-children--1 lrv-a-space-children-horizontal@tablet';
 o_nav.o_nav_list_item_classes = mobileDropdownUtilities;
 
 module.exports = {
-	o_sub_header_classes: 'lrv-u-flex u-align-items-flex-end@tablet lrv-u-flex-direction-column@mobile-max',
-	c_heading: c_heading,
-	o_nav: o_nav,
+	o_sub_header_classes:
+		'lrv-u-flex u-align-items-flex-end@tablet lrv-u-flex-direction-column@mobile-max',
+	c_heading,
+	o_nav,
 };

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

@@ -1,9 +1,17 @@
 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_tagline = clonedeep( require( '../../components/c-tagline/c-tagline.prototype' ) );
-const c_heading = clonedeep( require( '../../components/c-heading/c-heading.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_tagline = clonedeep(
+	require( '../../components/c-tagline/c-tagline.prototype' )
+);
+const c_heading = clonedeep(
+	require( '../../components/c-heading/c-heading.prototype' )
+);
 
 c_title.c_title_url = false;
 
@@ -19,8 +27,8 @@ module.exports = {
 	o_tease_link_classes: 'lrv-u-display-contents',
 	o_tease_primary_classes: 'lrv-u-flex-grow-1',
 	o_tease_secondary_classes: 'lrv-u-flex-shrink-0 lrv-u-width-30p',
-	c_heading: c_heading,
-	c_title: c_title,
-	c_tagline: c_tagline,
-	c_lazy_image: c_lazy_image
+	c_heading,
+	c_title,
+	c_tagline,
+	c_lazy_image,
 };

package/objects/o-tease-list/o-tease-list.prototype.js

@@ -6,9 +6,5 @@ module.exports = {
 	o_tease_list_classes: 'lrv-a-unstyle-list',
 	o_tease_list_labelledby_attr: '',
 	o_tease_list_item_classes: '',
-	o_tease_list_items: [
-		o_tease,
-		o_tease,
-		o_tease
-	]
+	o_tease_list_items: [ o_tease, o_tease, o_tease ],
 };

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

@@ -15,32 +15,38 @@ const c_span = clonedeep( c_span_prototype );
 const c_dek_prototype = require( '../../components/c-dek/c-dek.prototype.js' );
 const c_dek = clonedeep( c_dek_prototype );
 
-c_play_icon.c_play_badge_classes = 'lrv-a-glue lrv-a-glue--b-0 u-transform-translate-a-n50p u-width-55 u-height-55 is-to-be-hidden';
-c_play_icon.c_play_badge_background_fill_classes = 'lrv-u-background-color-transparent';
+c_play_icon.c_play_badge_classes =
+	'lrv-a-glue lrv-a-glue--b-0 u-transform-translate-a-n50p u-width-55 u-height-55 is-to-be-hidden';
+c_play_icon.c_play_badge_background_fill_classes =
+	'lrv-u-background-color-transparent';
 
 o_indicator.o_indicator_classes = 'lrv-u-margin-b-025 u-margin-t-050@tablet';
 
 c_dek.c_dek_classes = 'lrv-u-display-none js-VideoShowcasePlayerDek';
 
 module.exports = {
-    o_video_card_permalink_url: "#single_url",
-    o_video_card_alt_attr: "Thumbnail image",
-    o_video_card_image_url: "https://source.unsplash.com/random/595x333",
-    o_video_card_lazy_image_url: 'https://source.unsplash.com/random/595x333',
-    o_video_card_caption_text: "Here is some caption text",
-    o_video_card_link_showcase_trigger_data_attr: "<div class='embed-youtube'><iframe title='Spring - Blender Open Movie' width='500' height='281' src='https://www.youtube.com/embed/WhWc3b3KhnY?feature=oembed&autoplay=1&mute=1' frameborder='0' allow='accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture' allowfullscreen=''></iframe></div>",
-    o_video_card_link_showcase_type_data_attr: "oembed",
-    o_video_card_link_showcase_permalink_data_url: "#url_test",
-    modifier_class: "",
-    o_video_card_classes: 'u-background-color-picked-bluewood u-margin-r-1@tablet lrv-u-justify-content-space-between',
-    o_video_card_crop_class: "lrv-a-crop-16x9 lrv-a-glue-parent c-play-badge-parent",
-    o_video_card_image_classes: "is-to-be-hidden lrv-u-display-block",
-    o_video_card_is_player: true,
-    c_label: "",
-    o_video_card_crop_data_attr: "",
-    o_video_card_meta_classes: 'lrv-u-flex lrv-u-flex-direction-column lrv-u-width-100p u-padding-lr-075@mobile-max lrv-u-padding-tb-050 u-position-relative',
-    o_video_card_link_classes: 'lrv-u-width-100p',
-    o_video_card_permalink_classes: 'u-margin-r-050@mobile-max',
-    c_play_icon,
-    c_title: false,
+	o_video_card_permalink_url: '#single_url',
+	o_video_card_alt_attr: 'Thumbnail image',
+	o_video_card_image_url: 'https://source.unsplash.com/random/595x333',
+	o_video_card_lazy_image_url: 'https://source.unsplash.com/random/595x333',
+	o_video_card_caption_text: 'Here is some caption text',
+	o_video_card_link_showcase_trigger_data_attr:
+		"<div class='embed-youtube'><iframe title='Spring - Blender Open Movie' width='500' height='281' src='https://www.youtube.com/embed/WhWc3b3KhnY?feature=oembed&autoplay=1&mute=1' frameborder='0' allow='accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture' allowfullscreen=''></iframe></div>",
+	o_video_card_link_showcase_type_data_attr: 'oembed',
+	o_video_card_link_showcase_permalink_data_url: '#url_test',
+	modifier_class: '',
+	o_video_card_classes:
+		'u-background-color-picked-bluewood u-margin-r-1@tablet lrv-u-justify-content-space-between',
+	o_video_card_crop_class:
+		'lrv-a-crop-16x9 lrv-a-glue-parent c-play-badge-parent',
+	o_video_card_image_classes: 'is-to-be-hidden lrv-u-display-block',
+	o_video_card_is_player: true,
+	c_label: '',
+	o_video_card_crop_data_attr: '',
+	o_video_card_meta_classes:
+		'lrv-u-flex lrv-u-flex-direction-column lrv-u-width-100p u-padding-lr-075@mobile-max lrv-u-padding-tb-050 u-position-relative',
+	o_video_card_link_classes: 'lrv-u-width-100p',
+	o_video_card_permalink_classes: 'u-margin-r-050@mobile-max',
+	c_play_icon,
+	c_title: false,
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@penskemediacorp/larva-patterns",
-  "version": "1.23.0",
+  "version": "1.26.0",
   "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.23.0",
-    "@penskemediacorp/larva-js": "^1.20.0",
-    "@penskemediacorp/larva-svg": "^1.14.0",
+    "@penskemediacorp/larva-css": "^1.26.0",
+    "@penskemediacorp/larva-js": "^1.26.0",
+    "@penskemediacorp/larva-svg": "^1.26.0",
     "lodash.clonedeep": "^4.5.0"
   },
-  "gitHead": "abe6cb4d369b01956710d05941708110e664fe86"
+  "gitHead": "b9202e08f96e47041512b3b1a743c58f89b39152"
 }