@penskemediacorp/larva-patterns 0.4.2 → 0.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/modules/button/button.prototype.js +5 -3
  2. package/modules/button/button.twig +1 -1
  3. package/modules/carousel-grid/carousel-grid.overlay.js +1 -1
  4. package/modules/carousel-grid/carousel-grid.prototype.js +1 -1
  5. package/modules/profile-related-stories/profile-related-stories.prototype.js +1 -1
  6. package/modules/story/story.prototype.js +1 -1
  7. package/modules/vlanding-video-showcase/vlanding-video-showcase.twig +14 -5
  8. package/objects/o-tease/o-tease.prototype.js +1 -1
  9. package/package.json +5 -5
package/modules/button/button.prototype.js CHANGED
@@ -1,6 +1,8 @@
1
1
  module.exports = {
2
2
  button_url: null,
3
- // This is similar to c-button.brand-basic
4
- button_classes: 'lrv-u-padding-tb-050 lrv-u-padding-lr-1 lrv-u-background-color-brand-primary lrv-u-color-white',
5
- button_markup: 'Button Text'
3
+ button_classes: 'lrv-u-padding-tb-050 lrv-u-padding-lr-1',
4
+ button_markup: 'Button Text',
5
+ button_background_color_class: 'lrv-u-background-color-brand-primary',
6
+ button_color_class: 'lrv-u-color-white',
7
+ button_typography_class: '',
6
8
  };
package/modules/button/button.twig CHANGED
@@ -1,4 +1,4 @@
1
- <a class="button larva // {{ button_classes }}"
1
+ <a class="button larva // {{ button_classes }} {{ button_typography_class }} {{ button_background_color_class }} {{ button_color_class }}"
2
2
  {% if button_url %}
3
3
  href="{{ button_url }}"
4
4
  {% endif %}
package/modules/carousel-grid/carousel-grid.overlay.js CHANGED
@@ -7,7 +7,7 @@ carousel_grid_overlay.o_card_large.o_card_classes = 'lrv-a-carousel-grid__overla
7
7
  carousel_grid_overlay.o_card_large.o_card_content_classes += ' lrv-a-carousel-grid__overlay--primary-content';
8
8
 
9
9
  carousel_grid_overlay.o_card_large.c_lazy_image.c_lazy_image_classes = 'lrv-a-carousel-grid__overlay--primary-img';
10
- carousel_grid_overlay.o_card_large.c_lazy_image.c_lazy_image_crop_class = 'lrv-a-crop-2x3';
10
+ carousel_grid_overlay.o_card_large.c_lazy_image.c_lazy_image_crop_class = 'lrv-a-crop-3x2';
11
11
 
12
12
  carousel_grid_overlay.carousel_grid_overlay_layout_classes = 'lrv-a-carousel-grid__overlay';
13
13
  carousel_grid_overlay.carousel_grid_overlay_secondary_classes = 'lrv-a-carousel-grid__overlay--secondary';
package/modules/carousel-grid/carousel-grid.prototype.js CHANGED
@@ -9,7 +9,7 @@ o_card.o_card_classes = 'lrv-u-margin-b-1';
9
9
  o_card.o_card_content_classes = ' lrv-u-margin-t-050';
10
10
 
11
11
  o_card.c_lazy_image.c_lazy_image_classes += ' ';
12
- o_card.c_lazy_image.c_lazy_image_crop_class = 'lrv-a-crop-2x3';
12
+ o_card.c_lazy_image.c_lazy_image_crop_class = 'lrv-a-crop-3x2';
13
13
 
14
14
  o_card.c_lazy_image.c_lazy_image_link_url = '#';
15
15
 
package/modules/profile-related-stories/profile-related-stories.prototype.js CHANGED
@@ -13,7 +13,7 @@ o_card_list.o_card_list_items.map( ( o_card ) => {
13
13
  o_card.o_card_classes = 'lrv-u-flex lrv-u-flex-direction-column@tablet';
14
14
 
15
15
  o_card.c_lazy_image.c_lazy_image_classes = 'lrv-u-flex-shrink-0 lrv-u-margin-r-1 lrv-u-margin-r-00@tablet';
16
- o_card.c_lazy_image.c_lazy_image_crop_class = 'lrv-a-crop-2x3';
16
+ o_card.c_lazy_image.c_lazy_image_crop_class = 'lrv-a-crop-3x2';
17
17
 
18
18
  o_card.c_span.c_span_text = 'News';
19
19
  o_card.c_span.c_span_classes += ' lrv-u-font-size-12@mobile-max lrv-u-font-family-primary lrv-u-font-weight-bold lrv-u-display-block lrv-u-padding-b-050';
package/modules/story/story.prototype.js CHANGED
@@ -21,7 +21,7 @@ c_tagline_author.c_tagline_classes = 'lrv-u-margin-l-050';
21
21
  c_tagline_author.c_tagline_markup = "<a href='#'>Staff Writer</a>";
22
22
  c_tagline_author.c_tagline_text = false;
23
23
 
24
- c_lazy_image.c_lazy_image_crop_class = 'lrv-a-crop-2x3';
24
+ c_lazy_image.c_lazy_image_crop_class = 'lrv-a-crop-3x2';
25
25
 
26
26
  module.exports = {
27
27
  story_classes: '',
package/modules/vlanding-video-showcase/vlanding-video-showcase.twig CHANGED
@@ -1,16 +1,23 @@
1
1
  <section class="vlanding-video-showcase // {{ vlanding_video_showcase_classes }}" data-video-showcase="">
2
2
  <div class="lrv-a-wrapper lrv-a-grid lrv-a-cols3@tablet">
3
3
  <div class="lrv-a-grid-item lrv-a-span2@tablet">
4
- {% include "@larva/modules/vlanding-video-card/vlanding-video-card.twig" with vlanding_video_card_player %}
4
+ {% if vlanding_video_card_player %}
5
+ {% include "@larva/modules/vlanding-video-card/vlanding-video-card.twig" with vlanding_video_card_player %}
6
+ {% endif %}
5
7
  </div>
6
8
  <div class="lrv-a-grid-item lrv-u-margin-tb-auto lrv-u-margin-tb-auto">
7
9
  {% if c_span %}
8
10
  {% include "@larva/components/c-span/c-span.twig" with c_span %}
9
11
  {% endif %}
10
12
 
11
- {% include "@larva/components/c-title/c-title.twig" with c_title %}
12
- {% include "@larva/components/c-dek/c-dek.twig" with c_dek %}
13
-
13
+ {% if c_title %}
14
+ {% include "@larva/components/c-title/c-title.twig" with c_title %}
15
+ {% endif %}
16
+
17
+ {% if c_dek %}
18
+ {% include "@larva/components/c-dek/c-dek.twig" with c_dek %}
19
+ {% endif %}
20
+
14
21
  {% if social_share %}
15
22
  {% include "@larva/modules/social-share/social-share.twig" with social_share %}
16
23
  {% endif %}
@@ -20,7 +27,9 @@
20
27
  {% if vlanding_video_showcase_video_cards %}
21
28
 
22
29
  <div class="lrv-a-wrapper lrv-u-padding-t-1">
23
- {% include "@larva/components/c-heading/c-heading.twig" with c_heading %}
30
+ {% if c_heading %}
31
+ {% include "@larva/components/c-heading/c-heading.twig" with c_heading %}
32
+ {% endif %}
24
33
 
25
34
  <div class="vlanding-video-showcase__video-cards // lrv-u-overflow-hidden lrv-a-glue-parent">
26
35
  <ul class="lrv-a-unstyle-list lrv-a-scrollable-grid@desktop-max {{ vlanding_video_showcase_video_cards_classes }}">
package/objects/o-tease/o-tease.prototype.js CHANGED
@@ -10,7 +10,7 @@ c_title.c_title_url = false;
10
10
  c_heading.c_heading_url = false;
11
11
 
12
12
  c_lazy_image.c_lazy_image_link_url = false;
13
- c_lazy_image.c_lazy_image_crop_class = 'lrv-a-crop-2x3';
13
+ c_lazy_image.c_lazy_image_crop_class = 'lrv-a-crop-3x2';
14
14
  c_lazy_image.c_lazy_image_alt_attr = 'Post tease thumbnail image';
15
15
 
16
16
  module.exports = {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@penskemediacorp/larva-patterns",
3
- "version": "0.4.2",
3
+ "version": "0.5.0",
4
4
  "description": "Larva markup patterns.",
5
5
  "author": "laras126 <laras126@gmail.com>",
6
6
  "homepage": "https://github.com/Penske-Media-Corp/pmc-larva/tree/master/packages/patterns#readme",
@@ -20,10 +20,10 @@
20
20
  "url": "https://github.com/Penske-Media-Corp/pmc-larva/issues"
21
21
  },
22
22
  "dependencies": {
23
- "@penskemediacorp/larva-css": "^0.4.2",
24
- "@penskemediacorp/larva-js": "^0.4.0",
25
- "@penskemediacorp/larva-svg": "^0.4.0",
23
+ "@penskemediacorp/larva-css": "^0.5.0",
24
+ "@penskemediacorp/larva-js": "^0.5.0",
25
+ "@penskemediacorp/larva-svg": "^0.5.0",
26
26
  "lodash.clonedeep": "^4.5.0"
27
27
  },
28
- "gitHead": "deb66904c17763fcb1a365410f74d0c21511fead"
28
+ "gitHead": "ae579c2215c1e32f409cc2901eb5c95b60904bb7"
29
29
  }