@penskemediacorp/larva-patterns 1.33.0 → 1.34.0

package/modules/faq/faq.prototype.js

@@ -0,0 +1,30 @@
+const clonedeep = require( 'lodash.clonedeep' );
+
+const c_title = clonedeep(
+	require( '@penskemediacorp/larva-patterns/components/c-title/c-title.prototype' )
+);
+
+const c_dek = clonedeep(
+	require( '@penskemediacorp/larva-patterns/components/c-dek/c-dek.prototype' )
+);
+
+const faq_item = clonedeep(
+	require( '@penskemediacorp/larva-patterns/objects/o-faq-item/o-faq-item.prototype' )
+);
+
+c_title.c_title_classes = 'lrv-u-text-align-center lrv-u-padding-tb-075 lrv-u-border-t-1 lrv-u-border-b-1';
+c_title.c_title_url = '';
+c_dek.c_dek_classes = 'lrv-u-padding-b-150 lrv-u-margin-t-150 lrv-u-border-b-1';
+
+const faq_items = [
+	faq_item,
+	faq_item,
+	faq_item,
+	faq_item,
+];
+
+module.exports = {
+	c_title,
+	c_dek,
+	faq_items,
+};

package/modules/faq/faq.twig

@@ -0,0 +1,18 @@
+<div class="faq // {{ faq_classes }}">
+		<div class="{{ faq_banner_classes }}">		
+			<div class="faq-title {{ faq_title_classes }}">
+				{% if c_title %} 
+					{% include "@larva/components/c-title/c-title.twig" with c_title %}
+				{% endif %}	
+				{% if c_dek %}
+					{% include "@larva/components/c-dek/c-dek.twig" with c_dek %}
+				{% endif %}	
+			</div>
+		</div>
+		<div class="{{ faq_items_classes }}">
+			{% for item in faq_items %}
+				{% include "@larva/objects/o-faq-item/o-faq-item.twig" with item %}
+			{% endfor %}
+		</div>
+	</div>	
+<div>

package/modules/footer-newsletter/footer-newsletter.prototype.js

@@ -6,9 +6,10 @@ const o_email_capture_form_minimal = clonedeep(
 const c_title = clonedeep(
 	require( '../../components/c-title/c-title.prototype' )
 );
-const c_tagline = clonedeep(
-	require( '../../components/c-tagline/c-tagline.prototype' )
-);
+
+const c_tagline_prototype = require( '../../components/c-tagline/c-tagline.prototype' );
+const c_tagline = clonedeep( c_tagline_prototype );
+const c_tagline_terms = clonedeep( c_tagline_prototype );
 
 c_title.c_title_url = false;
 c_title.c_title_text = 'Stay In The Know';
@@ -19,6 +20,8 @@ c_tagline.c_tagline_text = 'Sign up for our daily newsletter';
 c_tagline.c_tagline_classes =
 	'lrv-u-font-size-14 u-font-style-italic lrv-u-font-family-basic lrv-u-text-align-center';
 
+c_tagline_terms.c_tagline_text = '';
+
 o_email_capture_form_minimal.c_button.c_button_classes += ' lrv-a-icon-invert';
 
 module.exports = {
@@ -26,5 +29,6 @@ module.exports = {
 		'lrv-u-text-align-center lrv-u-color-white lrv-u-background-color-black lrv-u-flex lrv-u-flex-direction-column lrv-u-align-items-center',
 	c_title,
 	c_tagline,
+	c_tagline_terms,
 	o_email_capture_form: o_email_capture_form_minimal,
 };

package/modules/mega-menu-footer/mega-menu-footer.prototype.js

@@ -42,8 +42,15 @@ o_email_capture_form.c_button.c_button_inner_classes =
 	'lrv-u-background-color-white lrv-u-padding-l-050';
 o_email_capture_form.c_button.c_button_text = 'Sign Up';
 
+const c_tagline_prototype = require( '../../components/c-tagline/c-tagline.prototype' );
+const c_tagline_terms = clonedeep( c_tagline_prototype );
+
+c_tagline_terms.c_tagline_classes = 'lrv-a-font-basic-xxs lrv-u-margin-t-050 lrv-a-children-link-decoration-underline';
+c_tagline_terms.c_tagline_text = false;
+
 module.exports = {
 	o_email_capture_form,
+	c_tagline_terms,
 	o_social_list,
 	social_heading,
 	mega_menu_subscribe,

package/modules/newsletter/newsletter.prototype.js

@@ -35,7 +35,7 @@ o_email_capture_form.c_email_field.c_email_field_label_classes =
 	'lrv-a-screen-reader-only';
 o_email_capture_form.c_email_field.c_email_field_label_text = 'Email Address';
 
-c_tagline_terms.c_tagline_classes = 'lrv-u-margin-t-1';
+c_tagline_terms.c_tagline_classes = 'lrv-u-margin-t-1 lrv-a-font-basic-xxs lrv-a-children-link-decoration-underline';
 c_tagline_terms.c_tagline_text = false;
 c_tagline_terms.c_tagline_markup =
 	'By subscribing, I agree to the <a href="#">Terms of Use</a> and <a href="#">Privacy Policy</a>.';

package/objects/o-faq-item/o-faq-item.prototype.js

@@ -0,0 +1,18 @@
+const clonedeep = require( 'lodash.clonedeep' );
+
+const c_title = clonedeep(
+	require( '../../components/c-title/c-title.prototype' )
+);
+const c_dek = clonedeep(
+	require( '../../components/c-dek/c-dek.prototype' )
+);
+
+c_title.c_title_url = '';
+c_title.c_title_classes = 'lrv-u-margin-t-1 lrv-u-padding-b-1 lrv-u-border-b-1';
+
+module.exports = {	
+	modifier_class: '',
+	o_faq_item_classes: '',
+	c_title,
+	c_dek,
+};

package/objects/o-faq-item/o-faq-item.twig

@@ -0,0 +1,8 @@
+<div class="o-faq-item {{ modifier_class }} {{ o_faq_item_classes }}">	
+	{% if c_title %}
+		{% include "@larva/components/c-title/c-title.twig" with c_title %}
+	{% endif %}	
+	{% if c_dek %}
+		{% include "@larva/components/c-dek/c-dek.twig" with c_dek %}
+	{% endif %}	
+</div>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@penskemediacorp/larva-patterns",
-  "version": "1.33.0",
+  "version": "1.34.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.33.0",
-    "@penskemediacorp/larva-js": "^1.33.0",
+    "@penskemediacorp/larva-css": "^1.34.0",
+    "@penskemediacorp/larva-js": "^1.34.0",
     "@penskemediacorp/larva-svg": "^1.28.0",
     "lodash.clonedeep": "^4.5.0"
   },
-  "gitHead": "dba52a87b14d01560a5ee54c024e44ef33634f75"
+  "gitHead": "c8be3e0c6bcf9ef1397b7e1c3eaa5adccc9299bc"
 }