@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.
- package/algorithms/a-carousel-grid/a-carousel-grid.overlay.js +1 -0
- package/algorithms/a-term-content-grid/a-term-content-grid.prototype.js +13 -9
- package/modules/age-gate/age-gate.prototype.js +4 -4
- package/modules/author/author.prototype.js +1 -1
- package/modules/author-blurb/author-blurb.prototype.js +6 -1
- package/modules/author-details/author-details.prototype.js +1 -1
- package/modules/authors-bio/authors-bio.prototype.js +23 -15
- package/modules/authors-bio-item/authors-bio-item.prototype.js +44 -23
- package/modules/brands-most-popular/brands-most-popular.prototype.js +0 -2
- package/modules/carousel-slider/carousel-slider.prototype.js +0 -6
- package/modules/fact-list/fact-list.prototype.js +12 -5
- package/modules/fact-list-item/fact-list-item.prototype.js +19 -8
- package/modules/fact-list-item/fact-list-item.thumbnail.js +3 -1
- package/modules/faq/faq.prototype.js +3 -7
- package/modules/header-sticky/header-sticky.article.js +5 -1
- package/modules/how-we-test-products/how-we-test-products.prototype.js +35 -22
- package/modules/mega-menu-footer/mega-menu-footer.prototype.js +2 -1
- package/modules/multiple-products/multiple-products.prototype.js +5 -2
- package/modules/newsletter/newsletter.prototype.js +2 -1
- package/modules/page-404/page-404.smart.js +6 -3
- package/modules/pmc-footer/pmc-footer.prototype.js +5 -5
- package/modules/product-card/product-card.prototype.js +35 -18
- package/modules/product-grid/product-grid.prototype.js +6 -10
- package/modules/profile-blurb/profile-blurb.prototype.js +1 -0
- package/modules/profile-browse-by/profile-browse-by.prototype.js +1 -0
- package/modules/profile-related-stories/profile-related-stories.prototype.js +1 -0
- package/modules/pros-and-cons/pros-and-cons.prototype.js +9 -6
- package/modules/social-share/social-share.prototype.js +7 -1
- package/modules/special-coverage/special-coverage.prototype.js +2 -2
- package/modules/table-of-contents/table-of-contents.prototype.js +25 -15
- package/modules/tag-list/tag-list.prototype.js +10 -7
- package/modules/tag-list/tag-list.thumbnail.js +41 -31
- package/modules/term-content-top/term-content-top.heading-tags.js +6 -4
- package/modules/term-content-top/term-content-top.prototype.js +31 -15
- package/modules/top-stories/top-stories.xl.js +1 -0
- package/modules/vlanding-video-showcase/vlanding-video-showcase.prototype.js +1 -0
- package/objects/o-faq-item/o-faq-item.prototype.js +2 -4
- package/objects/o-multiple-product-item/o-multiple-product-item.prototype.js +15 -5
- package/objects/o-product-card/o-product-card.primary.js +6 -3
- package/objects/o-product-card/o-product-card.prototype.js +9 -4
- package/objects/o-video-card/o-video-card.prototype.js +0 -6
- package/package.json +4 -4
- package/utils/getDataSet.js +4 -5
- package/utils/getSocialPlatforms.js +8 -4
|
@@ -1,25 +1,40 @@
|
|
|
1
1
|
const clonedeep = require( 'lodash.clonedeep' );
|
|
2
2
|
|
|
3
|
-
const c_lazy_image = clonedeep(
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
const
|
|
7
|
-
|
|
3
|
+
const c_lazy_image = clonedeep(
|
|
4
|
+
require( '../../components/c-lazy-image/c-lazy-image.prototype' )
|
|
5
|
+
);
|
|
6
|
+
const c_figcaption = clonedeep(
|
|
7
|
+
require( '../../components/c-figcaption/c-figcaption.prototype' )
|
|
8
|
+
);
|
|
9
|
+
const c_title = clonedeep(
|
|
10
|
+
require( '../../components/c-title/c-title.prototype' )
|
|
11
|
+
);
|
|
12
|
+
const c_tagline = clonedeep(
|
|
13
|
+
require( '../../components/c-tagline/c-tagline.prototype' )
|
|
14
|
+
);
|
|
15
|
+
const c_button = clonedeep(
|
|
16
|
+
require( '../../components/c-button/c-button.prototype' )
|
|
17
|
+
);
|
|
8
18
|
const c_dek = clonedeep( require( '../../components/c-dek/c-dek.prototype' ) );
|
|
9
19
|
|
|
10
20
|
c_figcaption.c_figcaption_caption_markup = false;
|
|
11
21
|
c_figcaption.c_figcaption_credit_text_markup = 'Courtesy of Nordic Track';
|
|
12
|
-
c_figcaption.c_figcaption_classes =
|
|
22
|
+
c_figcaption.c_figcaption_classes =
|
|
23
|
+
'lrv-u-flex lrv-u-justify-content-end lrv-u-margin-t-025 lrv-u-color-grey-dark lrv-u-text-transform-uppercase lrv-a-font-basic-xxs';
|
|
13
24
|
|
|
14
25
|
c_title.c_title_text = 'NordicTrack Commercial S22i Studio Cycle';
|
|
15
|
-
c_title.c_title_classes =
|
|
26
|
+
c_title.c_title_classes =
|
|
27
|
+
'lrv-a-font-primary-xxl lrv-u-margin-t-1 lrv-u-margin-t-075@mobile-max lrv-a-unstyle-inner-links';
|
|
16
28
|
c_title.c_title_url = '';
|
|
17
29
|
|
|
18
30
|
c_tagline.c_tagline_text = 'Powerful, iFit ready, and priced right!';
|
|
19
|
-
c_tagline.c_tagline_classes =
|
|
31
|
+
c_tagline.c_tagline_classes =
|
|
32
|
+
'lrv-a-font-body-xxl lrv-u-margin-t-125 lrv-u-margin-b-00';
|
|
20
33
|
|
|
21
|
-
c_button.c_button_classes =
|
|
22
|
-
|
|
34
|
+
c_button.c_button_classes =
|
|
35
|
+
'lrv-u-margin-t-125 lrv-a-font-basic-m lrv-a-unstyle-link lrv-u-display-block';
|
|
36
|
+
c_button.c_button_inner_classes =
|
|
37
|
+
'lrv-u-border-b-2 lrv-u-border-t-2 lrv-u-border-l-1 lrv-u-border-r-1 lrv-u-padding-tb-050 lrv-u-text-transform-uppercase lrv-a-icon lrv-a-icon-before lrv-u-align-items-start lrv-u-padding-lr-050 lrv-u-background-color-brand-primary:hover';
|
|
23
38
|
c_button.c_button_text = 'Subscribe $65.99';
|
|
24
39
|
c_button.c_button_url = '#';
|
|
25
40
|
c_button.product_card_price_outside = false;
|
|
@@ -27,15 +42,17 @@ c_button.product_card_price_outside = false;
|
|
|
27
42
|
const buy_now_buttons = [ c_button, c_button ];
|
|
28
43
|
|
|
29
44
|
c_dek.c_dek_text = false;
|
|
30
|
-
c_dek.c_dek_markup =
|
|
31
|
-
|
|
45
|
+
c_dek.c_dek_markup =
|
|
46
|
+
'NordicTrack went a similar route as Bowflex with their S22i cycle.Instead of the regular fixed position, the S22i can adjust for incline (up to 20%) and decline (down to -10%) for a more realistic ride and better muscle engagement. The kicker with this feature is that trainers can digitally adjust your bike’s incline/decline in real-time during a live class. The S22i’s construction is top-quality with a steel frame and a solid 32-pound flywheel. The bike also uses NordicTrack’s SMR Silent Magnetic Resistance system which improves fluidity while making the bike quieter as well. NordicTrack offers both live, studio-like classes as well as a library of on-demand sessions through their iFit membership. You also get off-bike exercises including strength training, meditation and mindfulness sessions with a swivel of the screen. This iFit service has somewhat of a leg up on other brands because you get a whole year free to test it out. The classes, along with a swath of exercise metrics, are shown on a large, crisp 22-inch display. Among these stats is heart rate, which the bike measures via hand pulse sensors or a separate Bluetooth-connected monitor.';
|
|
47
|
+
c_dek.c_dek_classes =
|
|
48
|
+
'lrv-u-order-100 lrv-u-margin-t-125 lrv-u-margin-t-2@mobile-max lrv-a-font-body-xxl lrv-u-margin-b-050';
|
|
32
49
|
|
|
33
50
|
module.exports = {
|
|
34
|
-
|
|
51
|
+
product_card_wrapper_classes: 'lrv-u-padding-tb-125',
|
|
35
52
|
c_lazy_image,
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
53
|
+
c_figcaption,
|
|
54
|
+
c_title,
|
|
55
|
+
c_tagline,
|
|
56
|
+
buy_now_buttons,
|
|
57
|
+
c_dek,
|
|
41
58
|
};
|
|
@@ -1,9 +1,5 @@
|
|
|
1
1
|
const clonedeep = require( 'lodash.clonedeep' );
|
|
2
2
|
|
|
3
|
-
const c_title = clonedeep(
|
|
4
|
-
require( '@penskemediacorp/larva-patterns/components/c-title/c-title.prototype.js' )
|
|
5
|
-
);
|
|
6
|
-
|
|
7
3
|
const o_product_card = clonedeep(
|
|
8
4
|
require( '../../objects/o-product-card/o-product-card.prototype' )
|
|
9
5
|
);
|
|
@@ -16,18 +12,18 @@ const product_grid_header_verdict_text = 'Verdict';
|
|
|
16
12
|
const product_grid_header_pros_text = 'Pros';
|
|
17
13
|
const product_grid_header_cons_text = 'Cons';
|
|
18
14
|
|
|
19
|
-
o_product_card.o_product_card_classes =
|
|
15
|
+
o_product_card.o_product_card_classes =
|
|
16
|
+
'lrv-u-border-a-1@mobile-max lrv-u-border-color-grey-light lrv-u-width-100p';
|
|
20
17
|
o_product_card.o_product_card_link_classes =
|
|
21
18
|
'lrv-a-unstyle-link lrv-u-display-block lrv-a-children-border-vertical lrv-a-children-border--grey-light lrv-u-height-100p lrv-u-flex lrv-u-flex-direction-column';
|
|
22
19
|
|
|
23
20
|
o_product_card.product_grid_header_verdict_text =
|
|
24
21
|
product_grid_header_verdict_text;
|
|
25
|
-
o_product_card.product_grid_header_pros_text =
|
|
26
|
-
|
|
27
|
-
o_product_card.product_grid_header_cons_text =
|
|
28
|
-
product_grid_header_cons_text;
|
|
22
|
+
o_product_card.product_grid_header_pros_text = product_grid_header_pros_text;
|
|
23
|
+
o_product_card.product_grid_header_cons_text = product_grid_header_cons_text;
|
|
29
24
|
|
|
30
|
-
o_product_card_primary.o_product_card_classes +=
|
|
25
|
+
o_product_card_primary.o_product_card_classes +=
|
|
26
|
+
' lrv-u-border-a-1@mobile-max lrv-u-border-color-grey-light';
|
|
31
27
|
o_product_card_primary.o_product_card_link_classes +=
|
|
32
28
|
' lrv-a-unstyle-link lrv-u-display-block lrv-a-children-border-vertical lrv-a-children-border--grey-light lrv-u-height-100p lrv-u-flex lrv-u-flex-direction-column';
|
|
33
29
|
|
|
@@ -38,6 +38,7 @@ c_dek.c_dek_classes = 'lrv-u-font-size-20 lrv-u-font-style-italic';
|
|
|
38
38
|
|
|
39
39
|
o_social_list.o_social_list_classes += ' lrv-u-flex';
|
|
40
40
|
|
|
41
|
+
// eslint-disable-next-line array-callback-return
|
|
41
42
|
o_social_list.o_social_list_icons.map( ( social_icon ) => {
|
|
42
43
|
social_icon.c_icon_link_classes +=
|
|
43
44
|
' lrv-u-border-a-1 lrv-u-color-black lrv-u-border-color-grey';
|
|
@@ -17,6 +17,7 @@ o_card_list.o_card_list_classes +=
|
|
|
17
17
|
o_card_list.o_card_list_item_classes +=
|
|
18
18
|
' lrv-u-text-align-center lrv-u-margin-b-1';
|
|
19
19
|
|
|
20
|
+
// eslint-disable-next-line array-callback-return
|
|
20
21
|
o_card_list.o_card_list_items.map( ( o_card ) => {
|
|
21
22
|
o_card.c_lazy_image.c_lazy_image_img_classes += ' lrv-u-border-radius-50p';
|
|
22
23
|
o_card.c_lazy_image.c_lazy_image_crop_class = 'lrv-a-crop-1x1';
|
|
@@ -13,6 +13,7 @@ c_heading.c_heading_classes =
|
|
|
13
13
|
|
|
14
14
|
o_card_list.o_card_list_classes += ' lrv-a-grid a-cols3@tablet';
|
|
15
15
|
|
|
16
|
+
// eslint-disable-next-line array-callback-return
|
|
16
17
|
o_card_list.o_card_list_items.map( ( o_card ) => {
|
|
17
18
|
o_card.o_card_classes = 'lrv-u-flex lrv-u-flex-direction-column@tablet';
|
|
18
19
|
|
|
@@ -1,15 +1,18 @@
|
|
|
1
1
|
const clonedeep = require( 'lodash.clonedeep' );
|
|
2
2
|
|
|
3
|
-
const c_heading = clonedeep(
|
|
3
|
+
const c_heading = clonedeep(
|
|
4
|
+
require( '../../components/c-heading/c-heading.prototype' )
|
|
5
|
+
);
|
|
4
6
|
const list_markup = '<ul><li>List Item</li></ul>';
|
|
5
7
|
|
|
6
8
|
const item = {
|
|
7
9
|
c_heading,
|
|
8
|
-
list_markup
|
|
9
|
-
}
|
|
10
|
+
list_markup,
|
|
11
|
+
};
|
|
10
12
|
|
|
11
13
|
module.exports = {
|
|
12
|
-
pros_and_cons_classes:
|
|
14
|
+
pros_and_cons_classes:
|
|
15
|
+
'lrv-u-flex lrv-u-border-a-1 lrv-a-children-border-horizontal',
|
|
13
16
|
pros_and_cons_inner_classes: 'lrv-u-padding-a-1 lrv-u-width-50p',
|
|
14
|
-
items: [ item, item ]
|
|
15
|
-
}
|
|
17
|
+
items: [ item, item ],
|
|
18
|
+
};
|
|
@@ -5,7 +5,13 @@ const c_icon = clonedeep(
|
|
|
5
5
|
);
|
|
6
6
|
|
|
7
7
|
const socialPlatforms = require( '../../utils/getSocialPlatforms' )( [
|
|
8
|
-
'facebook',
|
|
8
|
+
'facebook',
|
|
9
|
+
'twitter',
|
|
10
|
+
'pinit',
|
|
11
|
+
'tumblr',
|
|
12
|
+
'reddit',
|
|
13
|
+
'linkedin',
|
|
14
|
+
'print',
|
|
9
15
|
] );
|
|
10
16
|
|
|
11
17
|
const social_share_primary = [];
|
|
@@ -13,8 +13,8 @@ const c_lazy_image = clonedeep(
|
|
|
13
13
|
c_heading.c_heading_classes +=
|
|
14
14
|
' a-font-theme-primary-s lrv-u-font-size-32@desktop lrv-u-font-size-28 lrv-u-line-height-small lrv-u-text-transform-uppercase lrv-u-line-height-small';
|
|
15
15
|
|
|
16
|
-
heading_1 = clonedeep( c_heading );
|
|
17
|
-
heading_2 = clonedeep( c_heading );
|
|
16
|
+
const heading_1 = clonedeep( c_heading );
|
|
17
|
+
const heading_2 = clonedeep( c_heading );
|
|
18
18
|
|
|
19
19
|
heading_1.c_heading_text = 'Rolling Stone';
|
|
20
20
|
heading_1.c_heading_classes += ' lrv-u-color-brand-primary';
|
|
@@ -1,10 +1,14 @@
|
|
|
1
|
-
const clonedeep = require('lodash.clonedeep');
|
|
1
|
+
const clonedeep = require( 'lodash.clonedeep' );
|
|
2
2
|
|
|
3
|
-
const c_heading = clonedeep(
|
|
4
|
-
|
|
3
|
+
const c_heading = clonedeep(
|
|
4
|
+
require( '@penskemediacorp/larva-patterns/components/c-heading/c-heading.prototype' )
|
|
5
|
+
);
|
|
6
|
+
const c_nav_link = clonedeep(
|
|
7
|
+
require( '@penskemediacorp/larva-patterns/components/c-nav-link/c-nav-link.prototype' )
|
|
8
|
+
);
|
|
5
9
|
|
|
6
|
-
|
|
7
|
-
|
|
10
|
+
c_heading.c_heading_classes =
|
|
11
|
+
'lrv-a-font-primary-l u-font-size-25 lrv-u-padding-b-075 lrv-u-border-b-1';
|
|
8
12
|
|
|
9
13
|
c_nav_link.c_nav_link_markup = 'Moon Landing on July 21,1968';
|
|
10
14
|
c_nav_link.c_nav_link_title_attr = 'Moon Landing on July 21,1968';
|
|
@@ -24,15 +28,21 @@ const toc_mobile_list_items = toc_list_items;
|
|
|
24
28
|
module.exports = {
|
|
25
29
|
toc_classes: 'lrv-u-border-a-1 lrv-u-padding-a-1 lrv-u-margin-b-1',
|
|
26
30
|
toc_navigation_classes: 'lrv-js-MobileHeightToggle',
|
|
27
|
-
toc_list_classes:
|
|
28
|
-
|
|
31
|
+
toc_list_classes:
|
|
32
|
+
'lrv-js-MobileHeightToggle-target lrv-u-color-brand-secondary a-font-theme-secondary-medium-xs lrv-a-unstyle-list lrv-a-grid lrv-a-cols2@desktop u-grid-row-gap-0 u-grid-gap-1 lrv-u-padding-t-050',
|
|
33
|
+
toc_mobile_list_classes:
|
|
34
|
+
'lrv-a-hidden@desktop lrv-u-color-brand-secondary a-font-theme-secondary-medium-xs lrv-a-unstyle-list lrv-a-grid u-grid-row-gap-0 lrv-u-padding-t-050',
|
|
29
35
|
toc_list_item_outer_classes: 'lrv-u-line-height-large lrv-u-width-100p',
|
|
30
|
-
toc_mobile_list_item_outer_classes:
|
|
31
|
-
|
|
36
|
+
toc_mobile_list_item_outer_classes:
|
|
37
|
+
'lrv-u-line-height-large lrv-u-width-100p',
|
|
38
|
+
toc_navigation_anchor_classes:
|
|
39
|
+
'lrv-u-display-block lrv-u-whitespace-nowrap lrv-u-overflow-hidden',
|
|
32
40
|
nav_title_text: 'View More',
|
|
33
|
-
nav_title_outer_classes:
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
41
|
+
nav_title_outer_classes:
|
|
42
|
+
'lrv-a-hidden@desktop a-heading-border lrv-u-text-align-center',
|
|
43
|
+
nav_title_classes:
|
|
44
|
+
'lrv-js-MobileHeightToggle-trigger lrv-u-background-color-white lrv-u-font-weight-normal lrv-u-padding-a-050 lrv-u-justify-content-center lrv-u-text-transform-capitalize',
|
|
45
|
+
toc_list_items,
|
|
46
|
+
c_heading,
|
|
47
|
+
toc_mobile_list_items,
|
|
48
|
+
};
|
|
@@ -1,9 +1,11 @@
|
|
|
1
|
-
const clonedeep = require( 'lodash.clonedeep');
|
|
1
|
+
const clonedeep = require( 'lodash.clonedeep' );
|
|
2
2
|
|
|
3
3
|
/**
|
|
4
4
|
* Larva includes.
|
|
5
5
|
*/
|
|
6
|
-
const c_span = clonedeep(
|
|
6
|
+
const c_span = clonedeep(
|
|
7
|
+
require( '@penskemediacorp/larva-patterns/components/c-span/c-span.prototype' )
|
|
8
|
+
);
|
|
7
9
|
|
|
8
10
|
/* Generate a list of tag titles. */
|
|
9
11
|
const titles = [
|
|
@@ -12,7 +14,7 @@ const titles = [
|
|
|
12
14
|
'Data Science',
|
|
13
15
|
'Sustainable Agriculture',
|
|
14
16
|
'Art',
|
|
15
|
-
'Digital Marketing Strategies'
|
|
17
|
+
'Digital Marketing Strategies',
|
|
16
18
|
];
|
|
17
19
|
|
|
18
20
|
/**
|
|
@@ -23,10 +25,11 @@ const tag_list_terms = Array.from( titles, ( title, index ) => ( {
|
|
|
23
25
|
c_span: {
|
|
24
26
|
...c_span,
|
|
25
27
|
c_span_classes: '',
|
|
26
|
-
c_span_link_classes:
|
|
27
|
-
|
|
28
|
+
c_span_link_classes:
|
|
29
|
+
'lrv-u-font-weight-bold lrv-u-color-black lrv-u-color-brand-primary:hover lrv-a-hover-effect',
|
|
30
|
+
c_span_text: `${ title }${ index === titles.length - 1 ? '' : ',' }`,
|
|
28
31
|
c_span_url: `#test-link-${ index + 1 }`,
|
|
29
|
-
}
|
|
32
|
+
},
|
|
30
33
|
} ) );
|
|
31
34
|
|
|
32
35
|
module.exports = {
|
|
@@ -35,7 +38,7 @@ module.exports = {
|
|
|
35
38
|
'lrv-u-display-inline-flex',
|
|
36
39
|
'lrv-u-flex-wrap-wrap',
|
|
37
40
|
'lrv-u-flex-direction-row',
|
|
38
|
-
].join(' '),
|
|
41
|
+
].join( ' ' ),
|
|
39
42
|
tag_list_term_item_classes: 'lrv-u-margin-r-025',
|
|
40
43
|
tag_list_term_classes: '',
|
|
41
44
|
tag_list_terms,
|
|
@@ -1,38 +1,46 @@
|
|
|
1
|
-
const clonedeep
|
|
1
|
+
const clonedeep = require( 'lodash.clonedeep' );
|
|
2
2
|
/**
|
|
3
3
|
* Larva includes.
|
|
4
4
|
*/
|
|
5
|
-
const c_lazy_image = clonedeep(
|
|
6
|
-
|
|
5
|
+
const c_lazy_image = clonedeep(
|
|
6
|
+
require( '@penskemediacorp/larva-patterns/components/c-lazy-image/c-lazy-image.prototype.js' )
|
|
7
|
+
);
|
|
8
|
+
const tag_list = clonedeep(
|
|
9
|
+
require( '@penskemediacorp/larva-patterns/modules/tag-list/tag-list.prototype' )
|
|
10
|
+
);
|
|
7
11
|
|
|
8
12
|
/* Update `c_span` styles and add thumbnail. */
|
|
9
|
-
const tag_list_terms = Array.from(
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
...term
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
'
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
...term.o_figure,
|
|
26
|
-
o_figure_classes: 'lrv-u-margin-b-050',
|
|
27
|
-
c_lazy_image: {
|
|
28
|
-
...c_lazy_image,
|
|
29
|
-
c_lazy_image_img_classes: 'lrv-u-background-color-grey-light lrv-u-border-radius-50p lrv-u-display-block lrv-u-height-auto',
|
|
30
|
-
c_lazy_image_crop_class: 'lrv-a-crop-1x1',
|
|
31
|
-
c_lazy_image_classes: 'lrv-u-margin-lr-auto',
|
|
32
|
-
c_lazy_image_placeholder_url: `https://source.unsplash.com/random/200x200/#${index}`,
|
|
13
|
+
const tag_list_terms = Array.from(
|
|
14
|
+
tag_list.tag_list_terms,
|
|
15
|
+
( term, index ) => ( {
|
|
16
|
+
...term,
|
|
17
|
+
c_span: {
|
|
18
|
+
...term.c_span,
|
|
19
|
+
c_span_text: term.c_span.c_span_text.replace( /,\s*$/, '' ),
|
|
20
|
+
c_span_classes: [
|
|
21
|
+
'a-truncate-ellipsis',
|
|
22
|
+
'lrv-u-color-brand-secondary-dark',
|
|
23
|
+
'lrv-u-display-block',
|
|
24
|
+
'lrv-u-font-family-basic',
|
|
25
|
+
'lrv-u-font-size-13',
|
|
26
|
+
'lrv-u-text-align-center',
|
|
27
|
+
'lrv-u-text-transform-uppercase',
|
|
28
|
+
].join( ' ' ),
|
|
33
29
|
},
|
|
34
|
-
|
|
35
|
-
|
|
30
|
+
o_figure: {
|
|
31
|
+
...term.o_figure,
|
|
32
|
+
o_figure_classes: 'lrv-u-margin-b-050',
|
|
33
|
+
c_lazy_image: {
|
|
34
|
+
...c_lazy_image,
|
|
35
|
+
c_lazy_image_img_classes:
|
|
36
|
+
'lrv-u-background-color-grey-light lrv-u-border-radius-50p lrv-u-display-block lrv-u-height-auto',
|
|
37
|
+
c_lazy_image_crop_class: 'lrv-a-crop-1x1',
|
|
38
|
+
c_lazy_image_classes: 'lrv-u-margin-lr-auto',
|
|
39
|
+
c_lazy_image_placeholder_url: `https://source.unsplash.com/random/200x200/#${ index }`,
|
|
40
|
+
},
|
|
41
|
+
},
|
|
42
|
+
} )
|
|
43
|
+
);
|
|
36
44
|
|
|
37
45
|
module.exports = {
|
|
38
46
|
...tag_list,
|
|
@@ -43,7 +51,9 @@ module.exports = {
|
|
|
43
51
|
'lrv-a-grid',
|
|
44
52
|
'lrv-a-unstyle-list',
|
|
45
53
|
].join( ' ' ),
|
|
46
|
-
tag_list_term_classes:
|
|
47
|
-
|
|
54
|
+
tag_list_term_classes:
|
|
55
|
+
'lrv-u-align-items-center lrv-u-flex-direction-column lrv-u-flex-wrap-wrap lrv-u-flex',
|
|
56
|
+
tag_list_term_item_classes:
|
|
57
|
+
'lrv-u-margin-lr-auto lrv-u-width-150 lrv-u-max-width-100p',
|
|
48
58
|
tag_list_terms,
|
|
49
59
|
};
|
|
@@ -4,11 +4,13 @@ const clonedeep = require( 'lodash.clonedeep' );
|
|
|
4
4
|
* Module includes.
|
|
5
5
|
*/
|
|
6
6
|
const term_content_top = clonedeep( require( './term-content-top.prototype' ) );
|
|
7
|
-
const tag_list
|
|
7
|
+
const tag_list = clonedeep(
|
|
8
|
+
require( '../../modules/tag-list/tag-list.thumbnail' )
|
|
9
|
+
);
|
|
8
10
|
|
|
9
|
-
term_content_top.o_figure
|
|
10
|
-
term_content_top.fact_list
|
|
11
|
+
term_content_top.o_figure = '';
|
|
12
|
+
term_content_top.fact_list = '';
|
|
11
13
|
term_content_top.fact_list_menu = '';
|
|
12
|
-
term_content_top.tag_list
|
|
14
|
+
term_content_top.tag_list = tag_list;
|
|
13
15
|
|
|
14
16
|
module.exports = term_content_top;
|
|
@@ -3,12 +3,24 @@ const clonedeep = require( 'lodash.clonedeep' );
|
|
|
3
3
|
/**
|
|
4
4
|
* Larva includes.
|
|
5
5
|
*/
|
|
6
|
-
const c_tagline
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
const
|
|
10
|
-
|
|
11
|
-
|
|
6
|
+
const c_tagline = clonedeep(
|
|
7
|
+
require( '@penskemediacorp/larva-patterns/components/c-tagline/c-tagline.prototype' )
|
|
8
|
+
);
|
|
9
|
+
const o_figure = clonedeep(
|
|
10
|
+
require( '@penskemediacorp/larva-patterns/objects/o-figure/o-figure.prototype.js' )
|
|
11
|
+
);
|
|
12
|
+
const article_excerpt = clonedeep(
|
|
13
|
+
require( '@penskemediacorp/larva-patterns/modules/article-excerpt/article-excerpt.prototype' )
|
|
14
|
+
);
|
|
15
|
+
const article_title = clonedeep(
|
|
16
|
+
require( '@penskemediacorp/larva-patterns/modules/article-title/article-title.prototype' )
|
|
17
|
+
);
|
|
18
|
+
const fact_list = clonedeep(
|
|
19
|
+
require( '@penskemediacorp/larva-patterns/modules/fact-list/fact-list.prototype' )
|
|
20
|
+
);
|
|
21
|
+
const fact_list_menu = clonedeep(
|
|
22
|
+
require( '@penskemediacorp/larva-patterns/modules/fact-list-menu/fact-list-menu.prototype' )
|
|
23
|
+
);
|
|
12
24
|
|
|
13
25
|
// Configure page title.
|
|
14
26
|
article_title.article_title_markup = 'Kitchen Appliances';
|
|
@@ -33,13 +45,16 @@ c_tagline.c_tagline_classes = [
|
|
|
33
45
|
article_title.c_tagline = c_tagline;
|
|
34
46
|
|
|
35
47
|
// Begin configuring featured iamge.
|
|
36
|
-
o_figure.o_figure_classes =
|
|
37
|
-
|
|
48
|
+
o_figure.o_figure_classes =
|
|
49
|
+
'lrv-u-font-family-secondary lrv-u-margin-b-00 lrv-u-width-100p lrv-a-term-content-grid__primary';
|
|
50
|
+
o_figure.c_lazy_image.c_lazy_image_placeholder_url =
|
|
51
|
+
'https://source.unsplash.com/random/500x500';
|
|
38
52
|
|
|
39
53
|
// Configure featured image captions and credit.
|
|
40
54
|
o_figure.c_figcaption.c_figcaption_caption_markup = 'Caption text.';
|
|
41
55
|
o_figure.c_figcaption.c_figcaption_credit_text = 'Photo credit text.';
|
|
42
|
-
o_figure.c_figcaption.c_figcaption_caption_classes =
|
|
56
|
+
o_figure.c_figcaption.c_figcaption_caption_classes =
|
|
57
|
+
'lrv-u-font-size-12 lrv-u-font-size-14@tablet';
|
|
43
58
|
o_figure.c_figcaption.c_figcaption_classes = [
|
|
44
59
|
'lrv-u-flex',
|
|
45
60
|
'lrv-u-flex-direction-column',
|
|
@@ -55,12 +70,13 @@ o_figure.c_figcaption.c_figcaption_credit_classes = [
|
|
|
55
70
|
'lrv-u-line-height-large',
|
|
56
71
|
].join( ' ' );
|
|
57
72
|
|
|
58
|
-
article_excerpt.article_excerpt_markup =
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
73
|
+
article_excerpt.article_excerpt_markup =
|
|
74
|
+
'We’ve spent hundreds of hours researching appliances, ' +
|
|
75
|
+
'interviewing experts, poring over owner reviews, and testing appliances both large ' +
|
|
76
|
+
'and small—many over the course of several years—to find the best appliances for your ' +
|
|
77
|
+
'kitchen and home. From dishwashers and refrigerators to vacuums and steam cleaners, ' +
|
|
78
|
+
'our experts pick out the right appliances for all kinds of living situations, to ' +
|
|
79
|
+
'help keep your chores short and sweet.';
|
|
64
80
|
|
|
65
81
|
module.exports = {
|
|
66
82
|
article_excerpt,
|
|
@@ -6,6 +6,7 @@ top_stories.o_story_featured.c_title.c_title_classes =
|
|
|
6
6
|
'lrv-a-font-primary-xl c-title lrv-u-display-block lrv-u-margin-b-050';
|
|
7
7
|
top_stories.o_story_featured.c_link_bottom = false;
|
|
8
8
|
|
|
9
|
+
// eslint-disable-next-line array-callback-return
|
|
9
10
|
top_stories.stories.map( ( o_story ) => {
|
|
10
11
|
o_story.c_span = false;
|
|
11
12
|
o_story.c_link_bottom = false;
|
|
@@ -64,6 +64,7 @@ vlanding_video_showcase_card.vlanding_video_card_link_showcase_type_data_attr =
|
|
|
64
64
|
'youtube';
|
|
65
65
|
vlanding_video_showcase_card.c_span = false;
|
|
66
66
|
|
|
67
|
+
// eslint-disable-next-line array-callback-return
|
|
67
68
|
demoVideos.map( ( videoId ) => {
|
|
68
69
|
const newVideo = clonedeep( vlanding_video_showcase_card );
|
|
69
70
|
|
|
@@ -3,14 +3,12 @@ const clonedeep = require( 'lodash.clonedeep' );
|
|
|
3
3
|
const c_title = clonedeep(
|
|
4
4
|
require( '../../components/c-title/c-title.prototype' )
|
|
5
5
|
);
|
|
6
|
-
const c_dek = clonedeep(
|
|
7
|
-
require( '../../components/c-dek/c-dek.prototype' )
|
|
8
|
-
);
|
|
6
|
+
const c_dek = clonedeep( require( '../../components/c-dek/c-dek.prototype' ) );
|
|
9
7
|
|
|
10
8
|
c_title.c_title_url = '';
|
|
11
9
|
c_title.c_title_classes = 'lrv-u-margin-t-1 lrv-u-padding-b-1 lrv-u-border-b-1';
|
|
12
10
|
|
|
13
|
-
module.exports = {
|
|
11
|
+
module.exports = {
|
|
14
12
|
modifier_class: '',
|
|
15
13
|
o_faq_item_classes: '',
|
|
16
14
|
c_title,
|
|
@@ -1,10 +1,20 @@
|
|
|
1
1
|
const clonedeep = require( 'lodash.clonedeep' );
|
|
2
2
|
|
|
3
|
-
const c_lazy_image = clonedeep(
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
const
|
|
7
|
-
|
|
3
|
+
const c_lazy_image = clonedeep(
|
|
4
|
+
require( '../../components/c-lazy-image/c-lazy-image.prototype' )
|
|
5
|
+
);
|
|
6
|
+
const article_kicker = clonedeep(
|
|
7
|
+
require( '../../modules/article-kicker/article-kicker.prototype' )
|
|
8
|
+
);
|
|
9
|
+
const c_title = clonedeep(
|
|
10
|
+
require( '../../components/c-title/c-title.prototype' )
|
|
11
|
+
);
|
|
12
|
+
const c_link = clonedeep(
|
|
13
|
+
require( '../../components/c-link/c-link.prototype' )
|
|
14
|
+
);
|
|
15
|
+
const c_button = clonedeep(
|
|
16
|
+
require( '../../components/c-button/c-button.prototype' )
|
|
17
|
+
);
|
|
8
18
|
|
|
9
19
|
c_lazy_image.c_lazy_image_crop_class = 'lrv-a-crop-1x1';
|
|
10
20
|
|
|
@@ -2,8 +2,11 @@ const clonedeep = require( 'lodash.clonedeep' );
|
|
|
2
2
|
|
|
3
3
|
const o_product_card = clonedeep( require( './o-product-card.prototype' ) );
|
|
4
4
|
|
|
5
|
-
o_product_card.o_product_card_classes =
|
|
6
|
-
|
|
7
|
-
o_product_card.
|
|
5
|
+
o_product_card.o_product_card_classes =
|
|
6
|
+
'o-product-card--primary lrv-u-border-a-1@mobile-max lrv-u-border-color-grey-light lrv-u-width-100p';
|
|
7
|
+
o_product_card.o_product_card_header_classes =
|
|
8
|
+
'lrv-u-padding-a-025 lrv-u-text-align-center lrv-u-background-color-brand-primary';
|
|
9
|
+
o_product_card.c_title_award.c_title_classes =
|
|
10
|
+
'lrv-u-border-a-2 lrv-a-font-secondary-m lrv-u-padding-tb-050';
|
|
8
11
|
|
|
9
12
|
module.exports = o_product_card;
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
const clonedeep = require( 'lodash.clonedeep' );
|
|
2
2
|
|
|
3
|
-
const c_title = clonedeep(
|
|
3
|
+
const c_title = clonedeep(
|
|
4
|
+
require( '@penskemediacorp/larva-patterns/components/c-title/c-title.prototype.js' )
|
|
5
|
+
);
|
|
4
6
|
const c_button_prototype = require( '@penskemediacorp/larva-patterns/components/c-button/c-button.brand-basic.js' );
|
|
5
7
|
const c_tagline_prototype = require( '@penskemediacorp/larva-patterns/components/c-tagline/c-tagline.prototype.js' );
|
|
6
8
|
const c_lazy_image_prototype = require( '@penskemediacorp/larva-patterns/components/c-lazy-image/c-lazy-image.prototype.js' );
|
|
@@ -17,13 +19,15 @@ const c_lazy_image = clonedeep( c_lazy_image_prototype );
|
|
|
17
19
|
const c_tagline_product = clonedeep( c_tagline_prototype );
|
|
18
20
|
const c_button_buy = clonedeep( c_button_prototype );
|
|
19
21
|
|
|
20
|
-
c_dek.c_dek_classes =
|
|
22
|
+
c_dek.c_dek_classes =
|
|
23
|
+
'lrv-u-padding-a-075 lrv-u-margin-tb-00 lrv-a-font-secondary-s';
|
|
21
24
|
|
|
22
25
|
const c_dek_verdict = clonedeep( c_dek );
|
|
23
26
|
const c_dek_pros = clonedeep( c_dek );
|
|
24
27
|
const c_dek_cons = clonedeep( c_dek );
|
|
25
28
|
|
|
26
|
-
c_title_award.c_title_classes =
|
|
29
|
+
c_title_award.c_title_classes =
|
|
30
|
+
'lrv-u-color-white lrv-a-font-secondary-m lrv-u-border-a-2 lrv-u-padding-tb-050';
|
|
27
31
|
|
|
28
32
|
c_lazy_image.c_lazy_image_crop_class = 'lrv-a-crop-1x1';
|
|
29
33
|
|
|
@@ -31,7 +35,8 @@ c_title_brand.c_title_text = 'Google';
|
|
|
31
35
|
c_title_brand.c_title_classes = 'lrv-u-padding-t-1 lrv-a-font-primary-m';
|
|
32
36
|
c_title_brand.c_title_link_classes = 'lrv-a-unstyle-link';
|
|
33
37
|
|
|
34
|
-
c_tagline_product.c_tagline_classes =
|
|
38
|
+
c_tagline_product.c_tagline_classes =
|
|
39
|
+
'lrv-u-margin-tb-050 lrv-a-font-secondary-s';
|
|
35
40
|
c_tagline_product.c_tagline_text = 'Smart Thermostat For Home';
|
|
36
41
|
|
|
37
42
|
c_button_buy.c_button_text = 'Buy Now';
|
|
@@ -6,12 +6,6 @@ const c_play_icon = clonedeep( c_play_icon_prototype );
|
|
|
6
6
|
const o_indicator_prototype = require( '../o-indicator/o-indicator.prototype.js' );
|
|
7
7
|
const o_indicator = clonedeep( o_indicator_prototype );
|
|
8
8
|
|
|
9
|
-
const c_heading_prototype = require( '../../components/c-heading/c-heading.prototype.js' );
|
|
10
|
-
const c_heading = clonedeep( c_heading_prototype );
|
|
11
|
-
|
|
12
|
-
const c_span_prototype = require( '../../components/c-span/c-span.prototype.js' );
|
|
13
|
-
const c_span = clonedeep( c_span_prototype );
|
|
14
|
-
|
|
15
9
|
const c_dek_prototype = require( '../../components/c-dek/c-dek.prototype.js' );
|
|
16
10
|
const c_dek = clonedeep( c_dek_prototype );
|
|
17
11
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@penskemediacorp/larva-patterns",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.68.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": "^1.
|
|
24
|
-
"@penskemediacorp/larva-js": "^1.
|
|
23
|
+
"@penskemediacorp/larva-css": "^1.68.0",
|
|
24
|
+
"@penskemediacorp/larva-js": "^1.68.0",
|
|
25
25
|
"@penskemediacorp/larva-svg": "^1.66.4",
|
|
26
26
|
"lodash.clonedeep": "^4"
|
|
27
27
|
},
|
|
28
|
-
"gitHead": "
|
|
28
|
+
"gitHead": "e6d0aaafb0abefe1fa8a691911ae23b0bde14528"
|
|
29
29
|
}
|