@penskemediacorp/larva-patterns 1.10.0 → 1.14.0

package/components/c-figcaption/c-figcaption.prototype.js

@@ -3,6 +3,7 @@ module.exports = {
 	c_figcaption_caption_markup: 'Protest art hangs at Hong Kong <em>International Airport</em>.',
 	c_figcaption_caption_classes: '',
 	c_figcaption_credit_text: 'Courtesty Wong Ka Ying',
+	c_figcaption_credit_text_markup: '',
 	c_figcaption_credit_classes: '',
 	c_figcaption_inner: false,
 	c_figcaption_inner_classes: '',

package/components/c-figcaption/c-figcaption.twig

@@ -6,8 +6,13 @@
 		{% if c_figcaption_caption_markup %}
 			<span class="{{ c_figcaption_caption_classes }}">{{ c_figcaption_caption_markup|raw }}</span>
 		{% endif %}
-		{% if c_figcaption_credit_text %}
-			<cite class="{{ c_figcaption_credit_classes }}">{{ c_figcaption_credit_text }}</cite>
+
+		{% if c_figcaption_credit_text_markup %}
+			<cite class="{{ c_figcaption_credit_classes }}">{{ c_figcaption_credit_text_markup }}</cite>
+		{% else %}
+			{% if c_figcaption_credit_text %}
+				<cite class="{{ c_figcaption_credit_classes }}">{{ c_figcaption_credit_text }}</cite>
+			{% endif %}
 		{% endif %}
 
 	{% if c_figcaption_inner %}

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

@@ -34,10 +34,12 @@ data.brands.forEach( ( brand ) => {
 });
 
 o_nav.o_nav_title_id_attr = 'pmc-footer';
-o_nav.o_nav_classes = 'lrv-u-text-transform-uppercase lrv-u-font-size-12 lrv-u-border-a-1 lrv-u-border-color-grey-light lrv-u-flex@tablet lrv-js-MobileHeightToggle lrv-a-hover-dropup@tablet';
+o_nav.o_nav_classes = 'lrv-u-text-transform-uppercase lrv-u-font-size-12 lrv-u-border-a-1 lrv-u-border-color-grey-light lrv-u-flex@tablet lrv-js-MobileHeightToggle lrv-a-hover-dropup@tablet lrv-js-Navigable';
 o_nav.o_nav_title_classes = 'lrv-u-padding-lr-1 lrv-u-margin-tb-00 lrv-u-padding-t-1 lrv-u-padding-t-050@tablet lrv-u-padding-b-050 lrv-u-width-100p lrv-a-icon-after lrv-a-icon-arrow-down lrv-a-icon-after:margin-l-auto lrv-u-cursor-pointer lrv-js-MobileHeightToggle-trigger lrv-a-hover-dropup-trigger@tablet';
 o_nav.o_nav_list_classes += ' lrv-u-background-color-white lrv-u-padding-b-050 lrv-js-MobileHeightToggle-target lrv-a-hover-dropup-target@tablet lrv-u-box-shadow-medium@tablet';
 o_nav.o_nav_list_item_classes = 'lrv-u-color-grey-medium-dark';
+o_nav.o_nav_tab_index_attr = true;
+o_nav.o_nav_tab_index_attr_val = '0';
 
 module.exports = {
 	c_icon: c_icon,

package/modules/profile-block/README.md

@@ -0,0 +1,3 @@
+# PMC Profile Block
+
+Larva pattern used for Gutenberg profile block.

package/modules/profile-block/profile-block.horizontal.js

@@ -0,0 +1,9 @@
+const clonedeep = require( 'lodash.clonedeep' );
+
+const profile_block_horizontal = clonedeep( require( './profile-block.prototype' ) );
+
+profile_block_horizontal.profile_block_classes = 'lrv-u-flex@tablet lrv-u-align-items-center';
+profile_block_horizontal.profile_block_image_classes = 'lrv-u-margin-a-00@tablet lrv-u-width-25p@tablet';
+profile_block_horizontal.profile_block_detail_classes = 'lrv-u-text-align-center@mobile-max lrv-u-width-75p@tablet lrv-u-margin-l-2@tablet';
+
+module.exports = profile_block_horizontal;

package/modules/profile-block/profile-block.prototype.js

@@ -0,0 +1,39 @@
+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_dek = clonedeep( require( '../../components/c-dek/c-dek.prototype' ) );
+const c_button = clonedeep( require( '../../components/c-button/c-button.prototype' ) );
+
+c_lazy_image.c_lazy_image_classes += ' ';
+c_lazy_image.c_lazy_image_img_classes += ' lrv-u-border-radius-50p';
+c_lazy_image.c_lazy_image_crop_class = 'lrv-a-crop-1x1';
+
+
+c_title.c_title_classes = 'lrv-a-font-primary-l lrv-u-margin-b-1 lrv-u-margin-t-150';
+c_title.c_title_text = 'Debra and Leon Black';
+c_title.c_title_url = false;
+
+c_tagline.c_tagline_text = 'Title Here';
+c_tagline.c_tagline_classes = 'lrv-a-font-secondary-s lrv-u-margin-b-150 lrv-u-text-transform-uppercase';
+
+c_dek.c_dek_classes = 'lrv-u-margin-t-00 lrv-u-margin-b-150';
+c_dek.c_dek_text = 'Massa tincidunt dui ut ornare lectus sit. Dolor purus non enim praesent elementum facilisis leo. Aliquet eget sit amet tellus cras adipiscing enim eu. ';
+
+c_button.c_button_text = 'View Profile';
+c_button.c_button_classes += ' lrv-u-display-inline-block lrv-u-text-transform-uppercase lrv-u-font-size-14 lrv-u-background-color-black lrv-u-padding-lr-2 lrv-u-padding-tb-050 lrv-u-color-white lrv-u-color-grey-light:hover';
+c_button.c_button_url = '#';
+c_button.c_button_inner_classes = 'lrv-u-padding-lr-1@tablet';
+
+module.exports = {
+	profile_block_classes: 'lrv-u-max-width-80p lrv-u-margin-lr-auto',
+	profile_block_image_classes: '',
+	profile_block_detail_classes: 'lrv-u-text-align-center',
+	profile_block_c_button_classes: '',
+	c_button,
+	c_lazy_image,
+	c_title,
+	c_tagline,
+	c_dek,
+}

package/modules/profile-block/profile-block.twig

@@ -0,0 +1,36 @@
+<div class="profile-block // {{ profile_block_classes }} ">
+
+	<div class="profile-block-image // {{ profile_block_image_classes }}">
+		{% if c_lazy_image %}
+			{% include "@larva/components/c-lazy-image/c-lazy-image.twig" with c_lazy_image %}
+		{% endif %}
+	</div>
+
+	<div class="profile-block-details // {{ profile_block_detail_classes }}">
+		{% if c_title %}
+			{% include "@larva/components/c-title/c-title.twig" with c_title %}
+		{% endif %}
+
+		{% if c_tagline %}
+			{% include "@larva/components/c-tagline/c-tagline.twig" with c_tagline %}
+		{% endif %}
+
+		{% if c_tagline_second %}
+			{% include "@larva/components/c-tagline/c-tagline.twig" with c_tagline_second %}
+		{% endif %}
+
+		{% if c_dek %}
+			{% include "@larva/components/c-dek/c-dek.twig" with c_dek %}
+		{% endif %}
+
+		{% if o_social_list %}
+			{% include "@larva/objects/o-social-list/o-social-list.twig" with o_social_list %}
+		{% endif %}
+
+		{% if c_button %}
+			<div class="{{ profile_block_c_button_classes }}">
+				{% include "@larva/components/c-button/c-button.twig" with c_button %}
+			</div>
+		{% endif %}
+	</div>
+</div>

package/modules/secondary-stories/secondary-stories.prototype.js

@@ -87,9 +87,9 @@ o_card_5.article_kicker.article_kicker_text = 'INSIDE LOOK';
 o_card_5.c_title.c_title_text = '40 Watt Sun Raise the Emotional Stakes While Turning Down the Volume on New Chamber-Folk Epic';
 o_card_5.o_card_classes = 'lrv-u-padding-r-2@tablet lrv-u-padding-b-150@mobile-max lrv-u-flex-basis-50p lrv-u-border-r-1@tablet ';
 o_card_5.article_kicker_outer_classes = ' lrv-a-glue-parent lrv-u-background-color-white lrv-u-padding-b-1 lrv-u-padding-r-1 lrv-u-padding-t-1';
-o_card_5.article_kicker.article_kicker_classes += 'lrv-a-font-basic-xs ';
+o_card_5.article_kicker.article_kicker_classes += ' lrv-a-font-basic-xs ';
 o_card_5.o_card_content_classes = ' lrv-u-align-items-start lrv-u-flex lrv-u-flex-basis-100p@desktop-xl-max lrv-u-flex-direction-column lrv-u-padding-l-150@mobile-max lrv-u-padding-r-150@mobile-max';
-o_card_5.c_title.c_title_classes = 'lrv-u-padding-t-00@desktop-xl lrv-u-padding-b-075 lrv-u-padding-t-00@mobile-max lrv-a-font-primary-xl lrv-u-padding-t-025';
+o_card_5.c_title.c_title_classes = 'lrv-u-padding-t-00@desktop-xl lrv-u-padding-b-075 lrv-u-padding-t-1@mobile-max lrv-a-font-primary-xl lrv-u-padding-t-025';
 o_card_5.o_card_image_wrap_classes = 'lrv-u-flex-basis-100p@desktop-xl-max  ';
 
 const o_card_6 = clonedeep(o_card_prototype);

package/objects/o-nav/o-nav.twig

@@ -10,6 +10,9 @@
 	{% if o_nav_aria_labelledby_attr %}
 		aria-labelledby="{{ o_nav_aria_labelledby_attr }}"
 	{% endif %}
+	{% if o_nav_tab_index_attr %}
+		tabindex="{{ o_nav_tab_index_attr_val }}"
+	{% endif %}
 >
 
 	{% if o_nav_title_text %}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@penskemediacorp/larva-patterns",
-  "version": "1.10.0",
+  "version": "1.14.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.10.0",
-    "@penskemediacorp/larva-js": "^1.10.0",
-    "@penskemediacorp/larva-svg": "^1.10.0",
+    "@penskemediacorp/larva-css": "^1.14.0",
+    "@penskemediacorp/larva-js": "^1.14.0",
+    "@penskemediacorp/larva-svg": "^1.14.0",
     "lodash.clonedeep": "^4.5.0"
   },
-  "gitHead": "52e2d2a7e62179621ff7b5a353657faca2a9230c"
+  "gitHead": "fbf545499333b58c945ad92d4be8ffa8a233bae3"
 }