@penskemediacorp/larva-patterns 1.14.0 → 1.17.0

package/modules/button/button.fill.js

@@ -0,0 +1,6 @@
+const clonedeep = require( 'lodash.clonedeep' );
+const button = clonedeep( require( './button.prototype' ) );
+
+button.button_classes += ' is-style-fill';
+
+module.exports = button;

package/modules/button/button.outline.js

@@ -0,0 +1,6 @@
+const clonedeep = require( 'lodash.clonedeep' );
+const button = clonedeep( require( './button.prototype' ) );
+
+button.button_classes += ' is-style-outline';
+
+module.exports = button;

package/modules/separator/separator.double-line.js

@@ -0,0 +1,7 @@
+const clonedeep = require( 'lodash.clonedeep' );
+
+const separator = clonedeep( require( './separator.prototype' ) );
+
+separator.separator_classes = 'lrv-u-border-b-1 lrv-u-border-t-1 lrv-u-height-8';
+
+module.exports = separator;

package/modules/separator/separator.thick-double-line.js

@@ -0,0 +1,7 @@
+const clonedeep = require( 'lodash.clonedeep' );
+
+const separator = clonedeep( require( './separator.prototype' ) );
+
+separator.separator_classes = 'lrv-u-border-b-1 lrv-u-border-t-20 lrv-u-height-37';
+
+module.exports = separator;

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

@@ -0,0 +1,18 @@
+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 o_video_card = clonedeep(
+	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';
+
+o_video_card.c_dek = c_dek;
+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],
+};

package/modules/video-slider/video-slider.twig

@@ -0,0 +1,9 @@
+<div class="video-slider {{video_slider_classes}}">
+	{% for item in o_video_card_items %}
+		<div class="js-Flickity-cell" data-video-showcase>
+			<div class="video-sider__slide-inner {{video_slider_slide_inner_classes}}">
+				{% include "@larva/objects/o-video-card/o-video-card.twig" with item %}
+			</div>
+		</div>
+	{% endfor %}
+</div>

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

@@ -16,6 +16,10 @@
 			{% include "@larva/components/c-lazy-image/c-lazy-image.twig" with c_lazy_image %}
 		{% endif %}
 
+		{% if c_figcaption %}
+			{% include "@larva/components/c-figcaption/c-figcaption.twig" with c_figcaption %}
+		{% endif %}
+
 		{% if o_indicator %}
 			{% include "@larva/objects/o-indicator/o-indicator.twig" with o_indicator %}
 		{% endif %}

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

@@ -42,4 +42,5 @@ module.exports = {
     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/objects/o-video-card/o-video-card.twig

@@ -53,6 +53,10 @@
 				{% include "@larva/components/c-heading/c-heading.twig" with c_heading %}
 			{% endif %}
 
+			{% if c_title %}
+				{% include "@larva/components/c-heading/c-heading.twig" with c_title %}
+			{% endif %}
+
 			{% if c_dek %}
 				{% include "@larva/components/c-dek/c-dek.twig" with c_dek %}
 			{% endif %}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@penskemediacorp/larva-patterns",
-  "version": "1.14.0",
+  "version": "1.17.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.14.0",
-    "@penskemediacorp/larva-js": "^1.14.0",
+    "@penskemediacorp/larva-css": "^1.17.0",
+    "@penskemediacorp/larva-js": "^1.17.0",
     "@penskemediacorp/larva-svg": "^1.14.0",
     "lodash.clonedeep": "^4.5.0"
   },
-  "gitHead": "fbf545499333b58c945ad92d4be8ffa8a233bae3"
+  "gitHead": "15a1d529f7a2c931c682a0729cd5438aa0d84077"
 }