@penskemediacorp/larva-patterns 1.67.0 → 1.68.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 (44) hide show
  1. package/algorithms/a-carousel-grid/a-carousel-grid.overlay.js +1 -0
  2. package/algorithms/a-term-content-grid/a-term-content-grid.prototype.js +13 -9
  3. package/modules/age-gate/age-gate.prototype.js +4 -4
  4. package/modules/author/author.prototype.js +1 -1
  5. package/modules/author-blurb/author-blurb.prototype.js +6 -1
  6. package/modules/author-details/author-details.prototype.js +1 -1
  7. package/modules/authors-bio/authors-bio.prototype.js +23 -15
  8. package/modules/authors-bio-item/authors-bio-item.prototype.js +44 -23
  9. package/modules/brands-most-popular/brands-most-popular.prototype.js +0 -2
  10. package/modules/carousel-slider/carousel-slider.prototype.js +0 -6
  11. package/modules/fact-list/fact-list.prototype.js +12 -5
  12. package/modules/fact-list-item/fact-list-item.prototype.js +19 -8
  13. package/modules/fact-list-item/fact-list-item.thumbnail.js +3 -1
  14. package/modules/faq/faq.prototype.js +3 -7
  15. package/modules/header-sticky/header-sticky.article.js +5 -1
  16. package/modules/how-we-test-products/how-we-test-products.prototype.js +35 -22
  17. package/modules/mega-menu-footer/mega-menu-footer.prototype.js +2 -1
  18. package/modules/multiple-products/multiple-products.prototype.js +5 -2
  19. package/modules/newsletter/newsletter.prototype.js +2 -1
  20. package/modules/page-404/page-404.smart.js +6 -3
  21. package/modules/pmc-footer/pmc-footer.prototype.js +5 -5
  22. package/modules/product-card/product-card.prototype.js +35 -18
  23. package/modules/product-grid/product-grid.prototype.js +6 -10
  24. package/modules/profile-blurb/profile-blurb.prototype.js +1 -0
  25. package/modules/profile-browse-by/profile-browse-by.prototype.js +1 -0
  26. package/modules/profile-related-stories/profile-related-stories.prototype.js +1 -0
  27. package/modules/pros-and-cons/pros-and-cons.prototype.js +9 -6
  28. package/modules/social-share/social-share.prototype.js +7 -1
  29. package/modules/special-coverage/special-coverage.prototype.js +2 -2
  30. package/modules/table-of-contents/table-of-contents.prototype.js +25 -15
  31. package/modules/tag-list/tag-list.prototype.js +10 -7
  32. package/modules/tag-list/tag-list.thumbnail.js +41 -31
  33. package/modules/term-content-top/term-content-top.heading-tags.js +6 -4
  34. package/modules/term-content-top/term-content-top.prototype.js +31 -15
  35. package/modules/top-stories/top-stories.xl.js +1 -0
  36. package/modules/vlanding-video-showcase/vlanding-video-showcase.prototype.js +1 -0
  37. package/objects/o-faq-item/o-faq-item.prototype.js +2 -4
  38. package/objects/o-multiple-product-item/o-multiple-product-item.prototype.js +15 -5
  39. package/objects/o-product-card/o-product-card.primary.js +6 -3
  40. package/objects/o-product-card/o-product-card.prototype.js +9 -4
  41. package/objects/o-video-card/o-video-card.prototype.js +0 -6
  42. package/package.json +4 -4
  43. package/utils/getDataSet.js +4 -5
  44. package/utils/getSocialPlatforms.js +8 -4
@@ -7,6 +7,7 @@ module.exports = {
7
7
  carousel_grid_overlay_img_class:
8
8
  'lrv-a-carousel-grid__overlay--primary-img',
9
9
 
10
+ // eslint-disable-next-line no-dupe-keys
10
11
  carousel_grid_overlay_content_class:
11
12
  'lrv-a-carousel-grid__overlay--primary-content',
12
13
 
@@ -1,11 +1,15 @@
1
1
  module.exports = {
2
- term_content_grid_layout_class: 'lrv-a-term-content-grid',
3
- term_content_grid_primary_class: 'lrv-a-term-content-grid__primary',
4
- term_content_grid_secondary_class: 'lrv-a-term-content-grid__secondary',
5
- term_content_grid_tertiary_class: 'lrv-a-term-content-grid__tertiary',
6
- term_content_grid_fact_list_class: 'lrv-a-term-content-grid__fact-list',
7
- term_content_grid_fact_list_item_class: 'lrv-a-term-content-grid__fact-list-item',
8
- term_content_grid_fact_list_dt_class: 'lrv-a-term-content-grid__fact-list-dt',
9
- term_content_grid_fact_list_dd_class: 'lrv-a-term-content-grid__fact-list-dd',
10
- term_content_grid_fact_list_menu_class: 'lrv-a-term-content-grid__fact-list-menu',
2
+ term_content_grid_layout_class: 'lrv-a-term-content-grid',
3
+ term_content_grid_primary_class: 'lrv-a-term-content-grid__primary',
4
+ term_content_grid_secondary_class: 'lrv-a-term-content-grid__secondary',
5
+ term_content_grid_tertiary_class: 'lrv-a-term-content-grid__tertiary',
6
+ term_content_grid_fact_list_class: 'lrv-a-term-content-grid__fact-list',
7
+ term_content_grid_fact_list_item_class:
8
+ 'lrv-a-term-content-grid__fact-list-item',
9
+ term_content_grid_fact_list_dt_class:
10
+ 'lrv-a-term-content-grid__fact-list-dt',
11
+ term_content_grid_fact_list_dd_class:
12
+ 'lrv-a-term-content-grid__fact-list-dd',
13
+ term_content_grid_fact_list_menu_class:
14
+ 'lrv-a-term-content-grid__fact-list-menu',
11
15
  };
@@ -23,15 +23,15 @@ c_heading.c_heading_classes += ' lrv-a-font-primary-l lrv-u-margin-b-2';
23
23
  c_heading.c_heading_text = 'You must be 21 to enter.';
24
24
 
25
25
  o_input_group.o_input_group_class = 'lrv-u-margin-b-2';
26
- o_input_group_item = clonedeep( o_input_group.o_input_group_items[ 0 ] );
26
+ const o_input_group_item = clonedeep( o_input_group.o_input_group_items[ 0 ] );
27
27
  o_input_group_item.c_input_class =
28
28
  'lrv-a-font-primary-m lrv-u-color-white lrv-u-background-color-grey-darkest lrv-u-padding-lr-050 lrv-u-padding-tb-150 lrv-u-width-100 lrv-u-text-align-center';
29
29
  o_input_group_item.c_input_size_attr = 2;
30
30
  o_input_group_item.c_input_maxlength_attr = 4;
31
31
 
32
- o_input_day_item = clonedeep( o_input_group_item );
33
- o_input_month_item = clonedeep( o_input_group_item );
34
- o_input_year_item = clonedeep( o_input_group_item );
32
+ const o_input_day_item = clonedeep( o_input_group_item );
33
+ const o_input_month_item = clonedeep( o_input_group_item );
34
+ const o_input_year_item = clonedeep( o_input_group_item );
35
35
 
36
36
  o_input_month_item.c_input_placeholder_attr = 'MM';
37
37
  o_input_month_item.c_input_id_attr = 'pmc-age-gate-month';
@@ -12,7 +12,7 @@ c_timestamp.c_timestamp_datetime_attr = '2019-09-03';
12
12
  const author_details_prototype = require( '../author-details/author-details.prototype' );
13
13
  const author_details = clonedeep( author_details_prototype );
14
14
 
15
- c_link_author = clonedeep( c_link_prototype );
15
+ const c_link_author = clonedeep( c_link_prototype );
16
16
  c_link_author.c_link_text = 'David Robb';
17
17
  c_link_author.c_link_classes =
18
18
  'lrv-u-color-black lrv-u-color-brand-primary:hover lrv-u-text-decoration-underline:hover';
@@ -32,7 +32,12 @@ c_tagline.c_tagline_text =
32
32
 
33
33
  o_social_list.o_social_list_classes += ' lrv-u-flex';
34
34
 
35
- const socialPlatforms = require( '../../utils/getSocialPlatforms' )( [ 'instagram', 'twitter', 'facebook', 'youtube' ] );
35
+ const socialPlatforms = require( '../../utils/getSocialPlatforms' )( [
36
+ 'instagram',
37
+ 'twitter',
38
+ 'facebook',
39
+ 'youtube',
40
+ ] );
36
41
  const o_social_list_icons = [];
37
42
 
38
43
  socialPlatforms.forEach( ( { name, label } ) => {
@@ -61,7 +61,7 @@ c_icon_mail.c_icon_screen_reader_text = false;
61
61
  c_icon_mail.c_icon_screen_reader_title_attr = 'Email Icon';
62
62
  c_icon_mail.c_icon_link_classes = 'lrv-u-flex';
63
63
 
64
- c_link_view_all = clonedeep( c_link_prototype );
64
+ const c_link_view_all = clonedeep( c_link_prototype );
65
65
  c_link_view_all.c_link_classes =
66
66
  'lrv-u-font-size-10 lrv-u-text-transform-uppercase lrv-a-unstyle-link';
67
67
  c_link_view_all.c_link_text = 'View All Stories ▶';
@@ -1,36 +1,44 @@
1
- const clonedeep = require('lodash.clonedeep');
1
+ const clonedeep = require( 'lodash.clonedeep' );
2
2
 
3
- const story_card = clonedeep( require( '../authors-bio-item/authors-bio-item.prototype' ) );
3
+ const story_card = clonedeep(
4
+ require( '../authors-bio-item/authors-bio-item.prototype' )
5
+ );
4
6
 
5
7
  story_card.c_tagline_author = false;
6
8
 
7
- story_card.c_lazy_image.c_lazy_image_classes += " lrv-u-border-radius-50p lrv-u-border-color-grey-light";
9
+ story_card.c_lazy_image.c_lazy_image_classes +=
10
+ ' lrv-u-border-radius-50p lrv-u-border-color-grey-light';
8
11
 
9
12
  story_card.c_lazy_image.c_lazy_image_classes = 'lrv-u-border-radius-50p';
10
13
  story_card.c_lazy_image.c_lazy_image_crop_class = 'lrv-a-crop-1x1';
11
14
  story_card.c_lazy_image.c_lazy_image_img_classes = 'lrv-u-border-radius-50p';
12
- story_card.c_lazy_image.c_lazy_image_placeholder_url = 'https://www.w3schools.com/howto/img_avatar2.png';
15
+ story_card.c_lazy_image.c_lazy_image_placeholder_url =
16
+ 'https://www.w3schools.com/howto/img_avatar2.png';
13
17
  story_card.c_lazy_image.c_lazy_image_link_target_blank = true;
14
- story_card.c_lazy_image.c_lazy_image_link_rel_attr = 'noopener noreferrer nofollow sponsored';
18
+ story_card.c_lazy_image.c_lazy_image_link_rel_attr =
19
+ 'noopener noreferrer nofollow sponsored';
15
20
 
16
21
  story_card.c_title.c_title_text = 'John Doe';
17
- story_card.c_title.c_title_classes = 'lrv-a-font-primary-xl lrv-u-display-block lrv-u-margin-b-025';
22
+ story_card.c_title.c_title_classes =
23
+ 'lrv-a-font-primary-xl lrv-u-display-block lrv-u-margin-b-025';
18
24
  story_card.c_title.c_title_url_target_attr = '_blank';
19
- story_card.c_title.c_title_url_rel_attr = 'noopener noreferrer nofollow sponsored';
25
+ story_card.c_title.c_title_url_rel_attr =
26
+ 'noopener noreferrer nofollow sponsored';
20
27
  story_card.c_title.c_title_url_target_blank = true;
21
28
 
22
29
  story_card.c_span.c_span_markup = 'Senior Editor';
23
- story_card.c_span.c_span_classes = 'a-font-theme-secondary-medium-xs lrv-u-display-block lrv-u-margin-b-025 lrv-u-margin-t-00 lrv-u-margin-b-4@tablet';
30
+ story_card.c_span.c_span_classes =
31
+ 'a-font-theme-secondary-medium-xs lrv-u-display-block lrv-u-margin-b-025 lrv-u-margin-t-00 lrv-u-margin-b-4@tablet';
24
32
 
25
- story_card.c_dek.c_dek_classes = 'lrv-u-margin-t-00 lrv-u-margin-b-00 a-font-theme-secondary-light-l';
26
- story_card.c_dek.c_dek_text=false;
33
+ story_card.c_dek.c_dek_classes =
34
+ 'lrv-u-margin-t-00 lrv-u-margin-b-00 a-font-theme-secondary-light-l';
35
+ story_card.c_dek.c_dek_text = false;
27
36
 
28
37
  module.exports = {
29
38
  authors_bio_wrapper_classes: ' lrv-u-border-t-2 lrv-u-padding-tb-1',
30
- author_items: [
31
- story_card,
32
- ],
39
+ author_items: [ story_card ],
33
40
  authors_bio_classes: 'lrv-a-grid lrv-a-cols5',
34
41
  author_grid_primary_classes: '',
35
- author_grid_secondary_classes: 'a-span3 lrv-u-height-100p lrv-u-justify-content-center',
36
- };
42
+ author_grid_secondary_classes:
43
+ 'a-span3 lrv-u-height-100p lrv-u-justify-content-center',
44
+ };
@@ -1,22 +1,36 @@
1
- const clonedeep = require('lodash.clonedeep');
1
+ const clonedeep = require( 'lodash.clonedeep' );
2
2
 
3
- const c_lazy_image = clonedeep( require( '@penskemediacorp/larva-patterns/components/c-lazy-image/c-lazy-image.prototype' ) );
4
- const c_link = clonedeep( require( '@penskemediacorp/larva-patterns/components/c-link/c-link.prototype' ) );
5
- const c_span = clonedeep( require( '@penskemediacorp/larva-patterns/components/c-span/c-span.prototype' ) );
6
- const c_title = clonedeep( require( '@penskemediacorp/larva-patterns/components/c-title/c-title.prototype' ) );
7
- const c_dek = clonedeep( require( '@penskemediacorp/larva-patterns/components/c-dek/c-dek.prototype' ) );
3
+ const c_lazy_image = clonedeep(
4
+ require( '@penskemediacorp/larva-patterns/components/c-lazy-image/c-lazy-image.prototype' )
5
+ );
6
+ const c_link = clonedeep(
7
+ require( '@penskemediacorp/larva-patterns/components/c-link/c-link.prototype' )
8
+ );
9
+ const c_span = clonedeep(
10
+ require( '@penskemediacorp/larva-patterns/components/c-span/c-span.prototype' )
11
+ );
12
+ const c_title = clonedeep(
13
+ require( '@penskemediacorp/larva-patterns/components/c-title/c-title.prototype' )
14
+ );
15
+ const c_dek = clonedeep(
16
+ require( '@penskemediacorp/larva-patterns/components/c-dek/c-dek.prototype' )
17
+ );
8
18
 
9
- c_lazy_image.c_lazy_image_classes += " lrv-u-border-radius-50p lrv-u-border-color-grey-light";
19
+ c_lazy_image.c_lazy_image_classes +=
20
+ ' lrv-u-border-radius-50p lrv-u-border-color-grey-light';
10
21
 
11
22
  c_lazy_image.c_lazy_image_classes = 'lrv-u-border-radius-50p';
12
23
  c_lazy_image.c_lazy_image_crop_class = 'lrv-a-crop-1x1';
13
24
  c_lazy_image.c_lazy_image_img_classes = 'lrv-u-border-radius-50p';
14
- c_lazy_image.c_lazy_image_placeholder_url = 'https://www.w3schools.com/howto/img_avatar2.png';
25
+ c_lazy_image.c_lazy_image_placeholder_url =
26
+ 'https://www.w3schools.com/howto/img_avatar2.png';
15
27
  c_lazy_image.c_lazy_image_link_target_blank = true;
16
- c_lazy_image.c_lazy_image_link_rel_attr = 'noopener noreferrer nofollow sponsored';
28
+ c_lazy_image.c_lazy_image_link_rel_attr =
29
+ 'noopener noreferrer nofollow sponsored';
17
30
 
18
31
  c_title.c_title_text = 'John Doe';
19
- c_title.c_title_classes = 'lrv-a-font-primary-xl lrv-u-display-block lrv-u-margin-b-025';
32
+ c_title.c_title_classes =
33
+ 'lrv-a-font-primary-xl lrv-u-display-block lrv-u-margin-b-025';
20
34
  c_title.c_title_url_target_attr = '_blank';
21
35
  c_title.c_title_url_rel_attr = 'noopener noreferrer nofollow sponsored';
22
36
  c_title.c_title_url_target_blank = true;
@@ -27,20 +41,27 @@ c_span.c_span_classes = 'lrv-a-font-secondary-m';
27
41
 
28
42
  c_title.c_title_classes = 'lrv-a-font-primary-s lrv-u-margin-t-050';
29
43
  c_dek.c_dek_text = false;
30
- c_span.c_span_link_classes = 'lrv-a-unstyle-link lrv-u-text-decoration-none:hover';
31
- c_link.c_link_classes = 'lrv-a-font-body-l lrv-a-unstyle-link lrv-u-color-brand-secondary u-color-brand-primary-dark:hover';
44
+ c_span.c_span_link_classes =
45
+ 'lrv-a-unstyle-link lrv-u-text-decoration-none:hover';
46
+ c_link.c_link_classes =
47
+ 'lrv-a-font-body-l lrv-a-unstyle-link lrv-u-color-brand-secondary u-color-brand-primary-dark:hover';
32
48
 
33
49
  module.exports = {
34
- authors_bio_classes: 'lrv-u-flex lrv-u-flex-direction-column lrv-u-margin-tb-150',
35
- author_grid_primary_classes: 'lrv-a-grid lrv-a-cols4@tablet lrv-a-cols6@mobile-max',
36
- author_grid_secondary_classes: 'lrv-u-flex lrv-u-margin-t-1 lrv-u-margin-t-n4@tablet lrv-u-height-100p lrv-u-justify-content-end',
37
- author_desc_wrapper_classes: 'lrv-u-flex-basis-75p@desktop lrv-u-padding-l-025 lrv-a-font-secondary-m',
38
- author_link_bottom_wrapper_classes: 'lrv-u-flex lrv-u-order-100 lrv-u-margin-t-050',
50
+ authors_bio_classes:
51
+ 'lrv-u-flex lrv-u-flex-direction-column lrv-u-margin-tb-150',
52
+ author_grid_primary_classes:
53
+ 'lrv-a-grid lrv-a-cols4@tablet lrv-a-cols6@mobile-max',
54
+ author_grid_secondary_classes:
55
+ 'lrv-u-flex lrv-u-margin-t-1 lrv-u-margin-t-n4@tablet lrv-u-height-100p lrv-u-justify-content-end',
56
+ author_desc_wrapper_classes:
57
+ 'lrv-u-flex-basis-75p@desktop lrv-u-padding-l-025 lrv-a-font-secondary-m',
58
+ author_link_bottom_wrapper_classes:
59
+ 'lrv-u-flex lrv-u-order-100 lrv-u-margin-t-050',
39
60
  author_image_wrapper_classes: 'lrv-a-span1',
40
61
  author_title_wrapper_classes: 'lrv-a-span3@tablet a-span4@mobile-max',
41
- c_lazy_image: c_lazy_image,
42
- c_link: c_link,
43
- c_span: c_span,
44
- c_title: c_title,
45
- c_dek: c_dek
46
- }
62
+ c_lazy_image,
63
+ c_link,
64
+ c_span,
65
+ c_title,
66
+ c_dek,
67
+ };
@@ -4,13 +4,11 @@ const c_heading_prototype = require( '../../components/c-heading/c-heading.proto
4
4
  const o_card_prototype = require( '../../objects/o-card/o-card.prototype' );
5
5
  const c_title_prototype = require( '../../components/c-title/c-title.prototype' );
6
6
  const c_svg_prototype = require( '../../components/c-svg/c-svg.prototype' );
7
- const c_span_prototype = require( '../../components/c-span/c-span.prototype' );
8
7
 
9
8
  const c_heading = clonedeep( c_heading_prototype );
10
9
  const o_card = clonedeep( o_card_prototype );
11
10
  const c_title = clonedeep( c_title_prototype );
12
11
  const c_svg = clonedeep( c_svg_prototype );
13
- const c_span = clonedeep( c_span_prototype );
14
12
 
15
13
  c_heading.c_heading_text = 'Most Popular';
16
14
 
@@ -1,12 +1,6 @@
1
1
  const clonedeep = require( 'lodash.clonedeep' );
2
2
  const { __experimentalCloneWithFallback } = require( '@penskemediacorp/larva' );
3
3
 
4
- const c_heading_prototype = require( '../../components/c-heading/c-heading.prototype' );
5
- const c_heading = clonedeep( c_heading_prototype );
6
-
7
- const c_icon_prototype = require( '../../components/c-icon/c-icon.prototype' );
8
- const c_icon = clonedeep( c_icon_prototype );
9
-
10
4
  const o_card_prototype = require( '../../objects/o-card/o-card.prototype' );
11
5
  const o_card = clonedeep( o_card_prototype );
12
6
 
@@ -3,8 +3,12 @@ const clonedeep = require( 'lodash.clonedeep' );
3
3
  /**
4
4
  * Larva includes.
5
5
  */
6
- const c_title = clonedeep( require( '@penskemediacorp/larva-patterns/components/c-title/c-title.prototype' ) );
7
- const fact_list_item = clonedeep( require( '@penskemediacorp/larva-patterns/modules/fact-list-item/fact-list-item.prototype' ) );
6
+ const c_title = clonedeep(
7
+ require( '@penskemediacorp/larva-patterns/components/c-title/c-title.prototype' )
8
+ );
9
+ const fact_list_item = clonedeep(
10
+ require( '@penskemediacorp/larva-patterns/modules/fact-list-item/fact-list-item.prototype' )
11
+ );
8
12
 
9
13
  c_title.c_title_classes = '';
10
14
  c_title.c_title_text = 'Fact List';
@@ -13,9 +17,12 @@ c_title.c_title_url = '';
13
17
 
14
18
  module.exports = {
15
19
  c_title,
16
- fact_list_classes: 'lrv-u-font-family-secondary lrv-u-margin-t-1 lrv-a-term-content-grid__tertiary',
17
- fact_list_data_attributes: 'itemscope itemprop=Thing itemtype=http://schema.org/Thing',
18
- fact_list_dl_classes: 'lrv-u-border-t-1 lrv-u-padding-t-1 lrv-u-margin-t-00 lrv-a-term-content-grid__fact-list',
20
+ fact_list_classes:
21
+ 'lrv-u-font-family-secondary lrv-u-margin-t-1 lrv-a-term-content-grid__tertiary',
22
+ fact_list_data_attributes:
23
+ 'itemscope itemprop=Thing itemtype=http://schema.org/Thing',
24
+ fact_list_dl_classes:
25
+ 'lrv-u-border-t-1 lrv-u-padding-t-1 lrv-u-margin-t-00 lrv-a-term-content-grid__fact-list',
19
26
  fact_list_items: [ fact_list_item ],
20
27
  fact_list_title_classes: 'lrv-u-margin-b-050 lrv-u-font-size-20',
21
28
  };
@@ -3,11 +3,16 @@ const clonedeep = require( 'lodash.clonedeep' );
3
3
  /**
4
4
  * Larva includes.
5
5
  */
6
- const c_dek = clonedeep( require( '@penskemediacorp/larva-patterns/components/c-dek/c-dek.prototype' ) );
7
- const tag_list = clonedeep( require( '@penskemediacorp/larva-patterns/modules/tag-list/tag-list.prototype' ) );
6
+ const c_dek = clonedeep(
7
+ require( '@penskemediacorp/larva-patterns/components/c-dek/c-dek.prototype' )
8
+ );
9
+ const tag_list = clonedeep(
10
+ require( '@penskemediacorp/larva-patterns/modules/tag-list/tag-list.prototype' )
11
+ );
8
12
 
9
- c_dek.c_dek_markup = 'Term Content. <em>Rich text</em> <strong>is</strong> <a href="#">supported</a>.';
10
- c_dek.c_dek_text = '';
13
+ c_dek.c_dek_markup =
14
+ 'Term Content. <em>Rich text</em> <strong>is</strong> <a href="#">supported</a>.';
15
+ c_dek.c_dek_text = '';
11
16
 
12
17
  module.exports = {
13
18
  fact_list_item_classes: [
@@ -18,11 +23,17 @@ module.exports = {
18
23
  'lrv-u-padding-b-1',
19
24
  'lrv-a-term-content-grid__fact-list-item',
20
25
  ].join( ' ' ),
21
- fact_list_item_dd_classes: 'lrv-u-margin-l-00 lrv-a-term-content-grid__fact-list-dd',
22
- fact_list_item_dd_data_attributes: 'itemprop=Thing itemtype=http://schema.org/Thing',
23
- fact_list_item_dd_content: { ...c_dek, c_dek_classes: 'lrv-u-margin-tb-00 lrv-u-display-block' },
26
+ fact_list_item_dd_classes:
27
+ 'lrv-u-margin-l-00 lrv-a-term-content-grid__fact-list-dd',
28
+ fact_list_item_dd_data_attributes:
29
+ 'itemprop=Thing itemtype=http://schema.org/Thing',
30
+ fact_list_item_dd_content: {
31
+ ...c_dek,
32
+ c_dek_classes: 'lrv-u-margin-tb-00 lrv-u-display-block',
33
+ },
24
34
  fact_list_item_tag_list: tag_list,
25
35
  fact_list_item_dd_terms_classes: '',
26
- fact_list_item_dt_classes: 'lrv-u-font-weight-bold lrv-a-term-content-grid__fact-list-dt',
36
+ fact_list_item_dt_classes:
37
+ 'lrv-u-font-weight-bold lrv-a-term-content-grid__fact-list-dt',
27
38
  fact_list_item_dt_text: 'Term Title',
28
39
  };
@@ -4,7 +4,9 @@ const clonedeep = require( 'lodash.clonedeep' );
4
4
  * Module includes.
5
5
  */
6
6
  const fact_item = clonedeep( require( './fact-list-item.prototype' ) );
7
- const tag_list = clonedeep( require( '@penskemediacorp/larva-patterns/modules/tag-list/tag-list.thumbnail' ) );
7
+ const tag_list = clonedeep(
8
+ require( '@penskemediacorp/larva-patterns/modules/tag-list/tag-list.thumbnail' )
9
+ );
8
10
 
9
11
  fact_item.fact_list_item_tag_list = tag_list;
10
12
 
@@ -12,16 +12,12 @@ const faq_item = clonedeep(
12
12
  require( '@penskemediacorp/larva-patterns/objects/o-faq-item/o-faq-item.prototype' )
13
13
  );
14
14
 
15
- 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';
15
+ c_title.c_title_classes =
16
+ 'lrv-u-text-align-center lrv-u-padding-tb-075 lrv-u-border-t-1 lrv-u-border-b-1';
16
17
  c_title.c_title_url = '';
17
18
  c_dek.c_dek_classes = 'lrv-u-padding-b-150 lrv-u-margin-t-150 lrv-u-border-b-1';
18
19
 
19
- const faq_items = [
20
- faq_item,
21
- faq_item,
22
- faq_item,
23
- faq_item,
24
- ];
20
+ const faq_items = [ faq_item, faq_item, faq_item, faq_item ];
25
21
 
26
22
  module.exports = {
27
23
  c_title,
@@ -16,7 +16,11 @@ read_next.c_title.c_title_link_classes =
16
16
 
17
17
  const o_social_list = clonedeep( o_social_list_prototype );
18
18
 
19
- const socialPlatforms = require( '../../utils/getSocialPlatforms' )( [ 'facebook', 'twitter', 'email' ] );
19
+ const socialPlatforms = require( '../../utils/getSocialPlatforms' )( [
20
+ 'facebook',
21
+ 'twitter',
22
+ 'email',
23
+ ] );
20
24
 
21
25
  const social_list_icons = [];
22
26
  o_social_list.o_social_list_icons = [];
@@ -1,50 +1,63 @@
1
1
  const clonedeep = require( 'lodash.clonedeep' );
2
2
 
3
- const c_title = clonedeep( require( '@penskemediacorp/larva-patterns/components/c-title/c-title.prototype.js' ) );
4
- const c_dek = clonedeep( require( '@penskemediacorp/larva-patterns/components/c-dek/c-dek.prototype.js' ) );
5
- const story_card = clonedeep( require( '@penskemediacorp/larva-patterns/modules/story/story.prototype.js' ) );
3
+ const c_title = clonedeep(
4
+ require( '@penskemediacorp/larva-patterns/components/c-title/c-title.prototype.js' )
5
+ );
6
+ const c_dek = clonedeep(
7
+ require( '@penskemediacorp/larva-patterns/components/c-dek/c-dek.prototype.js' )
8
+ );
9
+ const story_card = clonedeep(
10
+ require( '@penskemediacorp/larva-patterns/modules/story/story.prototype.js' )
11
+ );
6
12
 
7
13
  c_title.c_title_classes = 'lrv-a-font-primary-l lrv-u-color-black';
8
14
  c_title.c_title_text = 'How We Test Products';
9
15
  c_title.c_title_url = false;
10
16
 
11
17
  c_dek.c_dek_classes = 'lrv-a-font-secondary-l';
12
- c_dek.c_dek_markup = 'Our journalists test hundreds of products every year for readers. We’ve developed a rigorous system for reviewing products objectively. Learn More ⇢.'
18
+ c_dek.c_dek_markup =
19
+ 'Our journalists test hundreds of products every year for readers. We’ve developed a rigorous system for reviewing products objectively. Learn More ⇢.';
13
20
  c_dek.c_dek_text = false;
14
21
 
15
22
  story_card.c_span = false;
16
23
  story_card.c_title.c_title_url = false;
17
- story_card.c_title.c_title_classes = 'lrv-a-font-secondary-xl lrv-u-margin-b-050';
24
+ story_card.c_title.c_title_classes =
25
+ 'lrv-a-font-secondary-xl lrv-u-margin-b-050';
18
26
  story_card.c_title.c_title_text = '500+';
19
27
  story_card.c_timestamp = false;
20
28
  story_card.c_tagline_author = false;
21
29
 
22
30
  story_card.c_dek.c_dek_text = 'Products Tested';
23
- story_card.c_dek.c_dek_classes = 'lrv-u-margin-tb-00 lrv-u-font-family-primary lrv-u-font-size-16 lrv-u-color-brand-secondary';
31
+ story_card.c_dek.c_dek_classes =
32
+ 'lrv-u-margin-tb-00 lrv-u-font-family-primary lrv-u-font-size-16 lrv-u-color-brand-secondary';
24
33
  story_card.c_dek.c_dek_markup = false;
25
34
 
26
- story_card.story_classes = 'lrv-u-width-50p@mobile-max lrv-u-border-color-grey-light lrv-u-padding-tb-125@mobile-max lrv-u-width-75p@tablet lrv-u-margin-lr-auto';
27
- story_card.story_grid_classes = 'lrv-u-flex lrv-u-flex-direction-column lrv-u-height-100p lrv-u-justify-content-space-between';
35
+ story_card.story_classes =
36
+ 'lrv-u-width-50p@mobile-max lrv-u-border-color-grey-light lrv-u-padding-tb-125@mobile-max lrv-u-width-75p@tablet lrv-u-margin-lr-auto';
37
+ story_card.story_grid_classes =
38
+ 'lrv-u-flex lrv-u-flex-direction-column lrv-u-height-100p lrv-u-justify-content-space-between';
28
39
 
29
40
  story_card.c_lazy_image.c_lazy_image_classes = 'lrv-u-margin-lr-auto';
30
41
  story_card.c_lazy_image.c_lazy_image_crop_class = '';
31
42
  story_card.c_lazy_image.c_lazy_image_img_classes = '';
32
- story_card.c_lazy_image.c_lazy_image_placeholder_url = 'https://farm5.staticflickr.com/4078/5441060528_31db7838ba_z.jpg';
33
-
34
- how_we_test_products_items = [
35
- story_card,
36
- story_card,
37
- story_card,
38
- story_card,
39
- ];
43
+ story_card.c_lazy_image.c_lazy_image_placeholder_url =
44
+ 'https://farm5.staticflickr.com/4078/5441060528_31db7838ba_z.jpg';
40
45
 
41
46
  module.exports = {
42
- how_we_test_products_classes: 'lrv-u-text-align-center lrv-u-background-color-grey-lightest lrv-u-margin-tb-2',
43
- how_we_test_products_outer_classes: 'lrv-u-width-75p@tablet lrv-u-margin-lr-auto lrv-u-padding-a-2',
47
+ how_we_test_products_classes:
48
+ 'lrv-u-text-align-center lrv-u-background-color-grey-lightest lrv-u-margin-tb-2',
49
+ how_we_test_products_outer_classes:
50
+ 'lrv-u-width-75p@tablet lrv-u-margin-lr-auto lrv-u-padding-a-2',
44
51
  how_we_test_products_banner_classes: '',
45
52
  how_we_test_products_title_classes: '',
46
- how_we_test_products_items_classes: 'lrv-u-flex lrv-u-flex-wrap-wrap@mobile-max',
47
- how_we_test_products_items: how_we_test_products_items,
48
- c_title: c_title,
49
- c_dek: c_dek
53
+ how_we_test_products_items_classes:
54
+ 'lrv-u-flex lrv-u-flex-wrap-wrap@mobile-max',
55
+ how_we_test_products_items: [
56
+ story_card,
57
+ story_card,
58
+ story_card,
59
+ story_card,
60
+ ],
61
+ c_title,
62
+ c_dek,
50
63
  };
@@ -45,7 +45,8 @@ o_email_capture_form.c_button.c_button_text = 'Sign Up';
45
45
  const c_tagline_prototype = require( '../../components/c-tagline/c-tagline.prototype' );
46
46
  const c_tagline_terms = clonedeep( c_tagline_prototype );
47
47
 
48
- c_tagline_terms.c_tagline_classes = 'lrv-a-font-basic-xxs lrv-u-margin-t-050 lrv-a-children-link-decoration-underline';
48
+ c_tagline_terms.c_tagline_classes =
49
+ 'lrv-a-font-basic-xxs lrv-u-margin-t-050 lrv-a-children-link-decoration-underline';
49
50
  c_tagline_terms.c_tagline_text = false;
50
51
 
51
52
  module.exports = {
@@ -1,11 +1,14 @@
1
1
  const clonedeep = require( 'lodash.clonedeep' );
2
2
 
3
- const c_title = clonedeep( require( '@penskemediacorp/larva-patterns/components/c-title/c-title.prototype' ) );
3
+ const c_title = clonedeep(
4
+ require( '@penskemediacorp/larva-patterns/components/c-title/c-title.prototype' )
5
+ );
4
6
  const multiple_products_item = clonedeep(
5
7
  require( '@penskemediacorp/larva-patterns/objects/o-multiple-product-item/o-multiple-product-item.prototype' )
6
8
  );
7
9
 
8
- 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 lrv-u-font-size-28';
10
+ c_title.c_title_classes =
11
+ 'lrv-u-text-align-center lrv-u-padding-tb-075 lrv-u-border-t-1 lrv-u-border-b-1 lrv-u-font-size-28';
9
12
  c_title.c_title_text = 'Our Top Picks';
10
13
 
11
14
  const multiple_products_items = [
@@ -35,7 +35,8 @@ o_email_capture_form.c_email_field.c_email_field_label_classes =
35
35
  'lrv-a-screen-reader-only';
36
36
  o_email_capture_form.c_email_field.c_email_field_label_text = 'Email Address';
37
37
 
38
- c_tagline_terms.c_tagline_classes = 'lrv-u-margin-t-1 lrv-a-font-basic-xxs lrv-a-children-link-decoration-underline';
38
+ c_tagline_terms.c_tagline_classes =
39
+ 'lrv-u-margin-t-1 lrv-a-font-basic-xxs lrv-a-children-link-decoration-underline';
39
40
  c_tagline_terms.c_tagline_text = false;
40
41
  c_tagline_terms.c_tagline_markup =
41
42
  'By subscribing, I agree to the <a href="#">Terms of Use</a> and <a href="#">Privacy Policy</a>.';
@@ -24,11 +24,13 @@ c_svg.c_svg_name = 'logo-404';
24
24
  c_svg.c_svg_classes = 'lrv-u-max-width-100p';
25
25
 
26
26
  c_title.c_title_text = 'OOPS! Something went wrong here!';
27
- c_title.c_title_classes = 'lrv-a-font-secondary-l lrv-u-text-transform-uppercase lrv-u-margin-b-125';
27
+ c_title.c_title_classes =
28
+ 'lrv-a-font-secondary-l lrv-u-text-transform-uppercase lrv-u-margin-b-125';
28
29
  c_title.c_title_url = false;
29
30
 
30
31
  c_suggestion_title.c_title_classes = 'lrv-u-text-align-left lrv-u-margin-b-075';
31
- c_suggestion_title.c_title_text = 'Here are some suggestions that might be the page you were looking for:';
32
+ c_suggestion_title.c_title_text =
33
+ 'Here are some suggestions that might be the page you were looking for:';
32
34
  c_suggestion_title.c_title_url = false;
33
35
 
34
36
  suggested_link_items.list_classes = 'lrv-u-text-align-left lrv-u-padding-b-1';
@@ -41,7 +43,8 @@ c_search_title.c_title_classes = 'lrv-u-text-align-left';
41
43
  c_search_title.c_title_text = 'Or try searching for it here...';
42
44
  c_search_title.c_title_url = false;
43
45
 
44
- search_form.search_form_classes = 'lrv-u-text-align-left lrv-u-margin-t-1 lrv-u-display-inline-flex lrv-u-width-100p search-form-404';
46
+ search_form.search_form_classes =
47
+ 'lrv-u-text-align-left lrv-u-margin-t-1 lrv-u-display-inline-flex lrv-u-width-100p search-form-404';
45
48
  search_form.search_form_input_classes = 'lrv-u-border-a-1 lrv-u-width-100p';
46
49
  search_form.search_form_action_url = '/?s=';
47
50
 
@@ -30,14 +30,14 @@ c_icon.c_icon_url = 'https://pmc.com';
30
30
  c_icon.c_icon_rel_name = 'noopener noreferrer';
31
31
 
32
32
  data.brands.forEach( ( brand ) => {
33
- const c_link = clonedeep( c_link_prototype );
33
+ const brand_c_link = clonedeep( c_link_prototype );
34
34
 
35
- c_link.c_link_text = brand.name;
36
- c_link.c_link_url = brand.url;
37
- c_link.c_link_classes +=
35
+ brand_c_link.c_link_text = brand.name;
36
+ brand_c_link.c_link_url = brand.url;
37
+ brand_c_link.c_link_classes +=
38
38
  ' lrv-u-display-block lrv-u-background-color-brand-primary:hover lrv-u-color-white:hover lrv-u-font-weight-bold lrv-u-padding-lr-1 lrv-u-padding-tb-050';
39
39
 
40
- o_nav.o_nav_list_items.push( c_link );
40
+ o_nav.o_nav_list_items.push( brand_c_link );
41
41
  } );
42
42
 
43
43
  o_nav.o_nav_title_id_attr = 'pmc-footer';