@penskemediacorp/larva-patterns 0.5.8 → 0.6.0

package/modules/content-showcase/content-showcase.prototype.js

@@ -0,0 +1,29 @@
+const clonedeep = require( 'lodash.clonedeep' );
+
+const o_card = clonedeep( require( '@penskemediacorp/larva-patterns/objects/o-card/o-card.prototype' ) );
+const c_dek =  clonedeep( require( '@penskemediacorp/larva-patterns/components/c-dek/c-dek.prototype' ) );
+
+o_card.o_card_classes = 'lrv-u-display-inline-flex lrv-u-flex-basis-100p@desktop-xl lrv-u-flex-basis-100p@desktop lrv-u-padding-tb-075@mobile-max';
+o_card.o_card_link_classes = 'lrv-u-flex';
+o_card.o_card_link_url = '#';
+o_card.o_card_image_wrap_classes = 'lrv-u-flex-basis-40p@desktop lrv-u-flex-basis-40p@desktop-xl lrv-u-flex-basis-25p@mobile-max';
+o_card.o_card_content_classes = 'lrv-u-margin-l-1 lrv-u-color-brand-primary:hover lrv-u-flex-basis-60p@desktop lrv-u-flex-basis-60p@desktop-xl lrv-u-flex-basis-55p@mobile-max';
+
+o_card.c_lazy_image.c_lazy_image_link_url = '';
+o_card.c_lazy_image.c_lazy_image_classes = 'lrv-u-margin-l-auto';
+o_card.c_lazy_image.c_lazy_image_crop_class = 'lrv-a-crop-1x1';
+
+o_card.o_span_group = false;
+o_card.c_span = false;
+o_card.c_title.c_title_url = '';
+o_card.c_timestamp = false;
+o_card.c_tagline = false;
+o_card.o_author = false;
+
+o_card.c_dek = c_dek;
+o_card.c_dek.c_dek_text = 'Perfection is rarely achieved in movies, but this heaven-sent concert doc hits the sweet spot.';
+
+module.exports = {
+    content_showcase_items_classes: 'lrv-u-flex lrv-u-flex-direction-column@mobile-max lrv-u-padding-tb-1@desktop lrv-u-width-100p lrv-u-padding-lr-125@mobile-max',
+    content_showcase_items: [ o_card, o_card, o_card ]
+}

package/modules/content-showcase/content-showcase.twig

@@ -0,0 +1,7 @@
+<div class="content-showcase larva // {{ content_showcase_classes }}">
+	<div class="content-showcase-items // {{ content_showcase_items_classes }}">
+		{% for item in content_showcase_items %}
+			{% include "@larva/objects/o-card/o-card.twig" with item %}
+		{% endfor %}
+	</div>
+</div>

package/modules/paragraph/paragraph.twig

@@ -1,3 +1,3 @@
 <p class="paragraph larva // {{ paragraph_classes }} {{ paragraph_typography_class }} {{ paragraph_text_align_class }} {{ paragraph_color_class }} {{ paragraph_background_color_class }}">
-	{{ paragraph_markup }}
+	{{ paragraph_markup|raw }}
 </p>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@penskemediacorp/larva-patterns",
-  "version": "0.5.8",
+  "version": "0.6.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.5.8",
-    "@penskemediacorp/larva-js": "^0.5.6",
-    "@penskemediacorp/larva-svg": "^0.5.0",
+    "@penskemediacorp/larva-css": "^0.6.0",
+    "@penskemediacorp/larva-js": "^0.6.0",
+    "@penskemediacorp/larva-svg": "^0.6.0",
     "lodash.clonedeep": "^4.5.0"
   },
-  "gitHead": "e5feca581c11572081a127bf59dd422be3531b6c"
+  "gitHead": "a1bb1fceaf6aa39eb3a0f2730f11821f02dcca00"
 }