@penskemediacorp/larva-patterns 0.3.12-develop.8 → 0.4.0

package/__tests__/hub/hub.prototype.js

@@ -1,14 +1,15 @@
 const clonedeep = require( 'lodash.clonedeep' );
+const { __experimentalCloneWithFallback } = require( '@penskemediacorp/larva' );
 
-const carousel_grid = clonedeep( require( '../../modules/carousel-grid/carousel-grid.prototype' ) );
-const carousel_slider = clonedeep( require( '../../modules/carousel-slider/carousel-slider.prototype' ) );
-const story_grid = clonedeep( require( '../../modules/story-grid/story-grid.prototype' ) );
-const heading_h1 = clonedeep( require( '../../modules/heading/heading.h1' ) );
-const heading_h3 = clonedeep( require( '../../modules/heading/heading.h3' ) );
-const story = clonedeep( require( '../../modules/story/story.prototype' ) );
-const button = clonedeep( require( '../../modules/button/button.prototype' ) );
-const paragraph = clonedeep( require( '../../modules/paragraph/paragraph.prototype' ) );
-const separator = clonedeep( require( '../../modules/separator/separator.prototype' ) );
+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 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' );
 
 module.exports = {
 	carousel_grid,

package/components/c-span/c-span.tag.js

@@ -1,8 +1,6 @@
 const clonedeep = require( 'lodash.clonedeep' );
 const c_span = clonedeep( require( './c-span.prototype' ) );
 
-c_span.c_span_classes += ' lrv-u-color-brand-primary lrv-u-font-size-12 lrv-u-font-size-14@tablet lrv-u-font-weight-bold lrv-u-text-transform-lowercase lrv-u-font-family-primary';
-c_span.c_span_link_classes = 'lrv-u-color-brand-primary-dark:hover';
 c_span.c_span_text = 'News';
 c_span.c_span_url = '#';
 

package/modules/carousel-grid/carousel-grid.overlay.js

@@ -1,5 +1,5 @@
 const clonedeep = require( 'lodash.clonedeep' );
-const __experimentalCloneWithFallback = require( '@penskemediacorp/larva' ).clone;
+const { __experimentalCloneWithFallback } = require( '@penskemediacorp/larva' );
 
 const carousel_grid_overlay = __experimentalCloneWithFallback( 'modules/carousel-grid/carousel-grid.prototype' );
 

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

@@ -1,5 +1,5 @@
 const clonedeep = require( 'lodash.clonedeep' );
-const __experimentalCloneWithFallback = require( '@penskemediacorp/larva' ).clone;
+const { __experimentalCloneWithFallback } = require( '@penskemediacorp/larva' );
 
 const o_card_prototype = clonedeep( require( '../../objects/o-card/o-card.prototype' ) );
 const o_author = __experimentalCloneWithFallback( 'objects/o-author/o-author.prototype' );
@@ -39,7 +39,7 @@ o_card.o_author = false;
 
 o_card_large.o_card_classes = '';
 o_card_large.o_card_content_classes = 'lrv-u-padding-a-1';
-o_card_large.c_title.c_title_classes = 'lrv-a-font-primary-m lrv-u-margin-tb-050';
+o_card_large.c_title.c_title_classes = 'lrv-a-font-primary-xs lrv-u-margin-tb-050';
 
 module.exports = {
 	o_card_large,

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

@@ -1,5 +1,5 @@
 const clonedeep = require( 'lodash.clonedeep' );
-const __experimentalCloneWithFallback = require( '@penskemediacorp/larva' ).clone;
+const { __experimentalCloneWithFallback } = require( '@penskemediacorp/larva' );
 
 const c_heading_prototype = require( '../../components/c-heading/c-heading.prototype' );
 const c_heading = clonedeep( c_heading_prototype );

package/modules/story/story.borders.js

@@ -1,4 +1,4 @@
-const __experimentalCloneWithFallback = require( '@penskemediacorp/larva' ).clone;
+const { __experimentalCloneWithFallback } = require( '@penskemediacorp/larva' );
 
 const story_borders = __experimentalCloneWithFallback( 'modules/story/story.prototype' );
 

package/modules/story/story.prototype.js

@@ -1,4 +1,4 @@
-const __experimentalCloneWithFallback = require( '@penskemediacorp/larva' ).clone;
+const { __experimentalCloneWithFallback } = require( '@penskemediacorp/larva' );
 const clonedeep = require( 'lodash.clonedeep' );
 
 const c_span = __experimentalCloneWithFallback( 'components/c-span/c-span.tag' );
@@ -14,6 +14,9 @@ c_title.c_title_text = '‘A Momentous Weekend’: LACMA’s High-Stakes Collect
 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_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;
@@ -22,7 +25,8 @@ c_lazy_image.c_lazy_image_crop_class = 'lrv-a-crop-2x3';
 
 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',
+	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_secondary_classes: 'lrv-a-span2',

package/modules/story/story.right.js

@@ -1,4 +1,4 @@
-const __experimentalCloneWithFallback = require( '@penskemediacorp/larva' ).clone;
+const { __experimentalCloneWithFallback } = require( '@penskemediacorp/larva' );
 
 const story_right = __experimentalCloneWithFallback( 'modules/story/story.prototype' );
 

package/modules/story/story.twig

@@ -34,7 +34,7 @@
 				{% endif %}
 			</ul>
 
-			<ul class="lrv-a-unstyle-list lrv-u-flex lrv-u-align-items-center lrv-u-color-black lrv-a-space-children-horizontal lrv-a-space-children--2 lrv-a-hidden@mobile-max lrv-u-margin-t-050 // {{ story_nav_classes }}">
+			<ul class="lrv-a-unstyle-list // {{ story_nav_classes }} {{ story_nav_layout_classes }}">
 				{% if c_button %}
 					<li class="lrv-u-flex">
 						{% include "@larva/components/c-button/c-button.twig" with c_button %}
@@ -55,9 +55,9 @@
 			</ul>
 
 			{% if c_link %}
-				<li>
+				<div>
 					{% include "@larva/components/c-link/c-link.twig" with c_link %}
-				</li>
+				</div>
 			{% endif %}
 
 			{% if c_link_bottom %}

package/modules/story/story.vertical.js

@@ -1,4 +1,4 @@
-const __experimentalCloneWithFallback = require( '@penskemediacorp/larva' ).clone;
+const { __experimentalCloneWithFallback } = require( '@penskemediacorp/larva' );
 
 const story_vertical = __experimentalCloneWithFallback( 'modules/story/story.prototype' );
 

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

@@ -1,12 +1,9 @@
-const clonedeep = require( 'lodash.clonedeep' );
+const { __experimentalCloneWithFallback } = require( '@penskemediacorp/larva' );
 
-const story_card = clonedeep( require( '../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_tagline_author_wrapper_classes += ' lrv-u-align-items-center';
-story_card.c_tagline_author.c_tagline_classes += ' lrv-u-margin-tb-00 lrv-u-padding-l-050';
-story_card.c_tagline_author.c_tagline_text = 'John Doe';
 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/vlanding-video-card/vlanding-video-card.twig

@@ -19,13 +19,10 @@
 
 		<div class="{{ vlanding_video_card_crop_class }}" data-video-showcase-active-text="{{ vlanding_video_card_active_txt_attr }}">
 
-			{# TODO: Can we use image tag here, we need vlanding_video_card_crop_data_attr option with crop_classs #}
 			{% if c_lazy_image %}
 				{% include "@larva/components/c-lazy-image/c-lazy-image.twig" with c_lazy_image %}
 			{% endif %}
 
-			{# TODO: Need c_play_badge #}
-
 			{% if vlanding_video_card_is_player %}
 				<iframe hidden id="youtubePlayerContainer" frameborder="0" data-video-showcase-iframe></iframe>
 				<div hidden id="jwplayerContainer" data-video-showcase-jwplayer></div>

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

@@ -1,4 +1,4 @@
-const __experimentalCloneWithFallback = require( '@penskemediacorp/larva' ).clone;
+const { __experimentalCloneWithFallback } = require( '@penskemediacorp/larva' );
 
 const c_span = __experimentalCloneWithFallback( 'components/c-span/c-span.prototype' );
 const c_timestamp = __experimentalCloneWithFallback( 'components/c-timestamp/c-timestamp.prototype' );

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

@@ -1,5 +1,5 @@
 const clonedeep = require( 'lodash.clonedeep' );
-const __experimentalCloneWithFallback = require( '@penskemediacorp/larva' ).clone;
+const { __experimentalCloneWithFallback } = require( '@penskemediacorp/larva' );
 
 const c_span = __experimentalCloneWithFallback( 'components/c-span/c-span.tag' );
 const c_timestamp = __experimentalCloneWithFallback( 'components/c-timestamp/c-timestamp.prototype' );

package/objects/o-header/o-header.twig

@@ -3,7 +3,6 @@
 		{% include "@larva/components/c-heading/c-heading.twig" with c_heading %}
 	{% endif %}
 
-	{# TODO: replace with c-logo when it is moved to Larva #}
 	{% if o_figure %}
 		{% include "@larva/objects/o-figure/o-figure.twig" with o_figure %}
 	{% endif %}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@penskemediacorp/larva-patterns",
-  "version": "0.3.12-develop.8+109e52a0",
+  "version": "0.4.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": "^0.3.11",
-    "@penskemediacorp/larva-js": "^0.3.5",
-    "@penskemediacorp/larva-svg": "^0.3.5",
+    "@penskemediacorp/larva-css": "^0.4.0",
+    "@penskemediacorp/larva-js": "^0.4.0",
+    "@penskemediacorp/larva-svg": "^0.4.0",
     "lodash.clonedeep": "^4.5.0"
   },
-  "gitHead": "109e52a0eb652dfde4ac5b247bc766a80a2cd36a"
+  "gitHead": "99e5dc47f4a054fda8d8dfab354199a434cd4725"
 }