@penskemediacorp/larva-patterns 1.58.3 → 1.59.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 (5) hide show
  1. package/modules/authors-bio/authors-bio.prototype.js +36 -0
  2. package/modules/authors-bio/authors-bio.twig +5 -0
  3. package/modules/authors-bio-item/authors-bio-item.prototype.js +46 -0
  4. package/modules/authors-bio-item/authors-bio-item.twig +33 -0
  5. package/package.json +5 -5
package/modules/authors-bio/authors-bio.prototype.js ADDED
@@ -0,0 +1,36 @@
1
+ const clonedeep = require('lodash.clonedeep');
2
+
3
+ const story_card = clonedeep( require( '../authors-bio-item/authors-bio-item.prototype' ) );
4
+
5
+ story_card.c_tagline_author = false;
6
+
7
+ story_card.c_lazy_image.c_lazy_image_classes += " lrv-u-border-radius-50p lrv-u-border-color-grey-light";
8
+
9
+ story_card.c_lazy_image.c_lazy_image_classes = 'lrv-u-border-radius-50p';
10
+ story_card.c_lazy_image.c_lazy_image_crop_class = 'lrv-a-crop-1x1';
11
+ 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';
13
+ 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';
15
+
16
+ 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';
18
+ story_card.c_title.c_title_url_target_attr = '_blank';
19
+ story_card.c_title.c_title_url_rel_attr = 'noopener noreferrer nofollow sponsored';
20
+ story_card.c_title.c_title_url_target_blank = true;
21
+
22
+ 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';
24
+
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;
27
+
28
+ module.exports = {
29
+ authors_bio_wrapper_classes: ' lrv-u-border-t-2 lrv-u-padding-tb-1',
30
+ author_items: [
31
+ story_card,
32
+ ],
33
+ authors_bio_classes: 'lrv-a-grid lrv-a-cols5',
34
+ author_grid_primary_classes: '',
35
+ author_grid_secondary_classes: 'a-span3 lrv-u-height-100p lrv-u-justify-content-center',
36
+ };
package/modules/authors-bio/authors-bio.twig ADDED
@@ -0,0 +1,5 @@
1
+ <div class="authors-bio-wrapper // {{ authors_bio_wrapper_classes }}">
2
+ {% for item in author_items %}
3
+ {% include "@larva/modules/authors-bio-item/authors-bio-item.twig" with item %}
4
+ {% endfor %}
5
+ </div>
package/modules/authors-bio-item/authors-bio-item.prototype.js ADDED
@@ -0,0 +1,46 @@
1
+ const clonedeep = require('lodash.clonedeep');
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' ) );
8
+
9
+ c_lazy_image.c_lazy_image_classes += " lrv-u-border-radius-50p lrv-u-border-color-grey-light";
10
+
11
+ c_lazy_image.c_lazy_image_classes = 'lrv-u-border-radius-50p';
12
+ c_lazy_image.c_lazy_image_crop_class = 'lrv-a-crop-1x1';
13
+ 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';
15
+ c_lazy_image.c_lazy_image_link_target_blank = true;
16
+ c_lazy_image.c_lazy_image_link_rel_attr = 'noopener noreferrer nofollow sponsored';
17
+
18
+ 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';
20
+ c_title.c_title_url_target_attr = '_blank';
21
+ c_title.c_title_url_rel_attr = 'noopener noreferrer nofollow sponsored';
22
+ c_title.c_title_url_target_blank = true;
23
+
24
+ c_dek.c_dek_markup = 'Senior Editor';
25
+
26
+ c_span.c_span_classes = 'lrv-a-font-secondary-m';
27
+
28
+ c_title.c_title_classes = 'lrv-a-font-primary-s lrv-u-margin-t-050';
29
+ 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';
32
+
33
+ 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',
39
+ author_image_wrapper_classes: 'lrv-a-span1',
40
+ 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
+ }
package/modules/authors-bio-item/authors-bio-item.twig ADDED
@@ -0,0 +1,33 @@
1
+ <div class="authors-bio // {{ authors_bio_classes }}">
2
+ <div class="author-bio-primary-grid // {{ author_grid_primary_classes }}">
3
+ <div class="author-image-wrapper // {{ author_image_wrapper_classes }}">
4
+ {% if c_lazy_image %}
5
+ {% include "@larva/components/c-lazy-image/c-lazy-image.twig" with c_lazy_image %}
6
+ {% endif %}
7
+ </div>
8
+
9
+ <div class="author-title-wrapper // {{ author_title_wrapper_classes }}">
10
+ {% if c_title %}
11
+ {% include "@larva/components/c-title/c-title.twig" with c_title %}
12
+ {% endif %}
13
+
14
+ {% if c_span %}
15
+ {% include "@larva/components/c-span/c-span.twig" with c_span %}
16
+ {% endif %}
17
+ </div>
18
+ </div>
19
+
20
+ <div class="author-bio-secondary-grid // {{ author_grid_secondary_classes }}">
21
+ <div class="author-description-wrapper // {{ author_desc_wrapper_classes }}">
22
+ {% if c_dek %}
23
+ {% include "@larva/components/c-dek/c-dek.twig" with c_dek %}
24
+ {% endif %}
25
+
26
+ {% if c_link %}
27
+ <div class="author-link // {{ c_link_bottom_wrapper_classes }}">
28
+ {% include "@larva/components/c-link/c-link.twig" with c_link %}
29
+ </div>
30
+ {% endif %}
31
+ </div>
32
+ </div>
33
+ </div>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@penskemediacorp/larva-patterns",
3
- "version": "1.58.3",
3
+ "version": "1.59.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.58.3",
24
- "@penskemediacorp/larva-js": "^1.58.3",
25
- "@penskemediacorp/larva-svg": "^1.58.3",
23
+ "@penskemediacorp/larva-css": "^1.59.0",
24
+ "@penskemediacorp/larva-js": "^1.59.0",
25
+ "@penskemediacorp/larva-svg": "^1.59.0",
26
26
  "lodash.clonedeep": "^4"
27
27
  },
28
- "gitHead": "dbf200d14ba4d7bc8d3bbe0a14c14fdfdf8f89a5"
28
+ "gitHead": "b3683803fb9f0d999a344f63de09e880099c4ac5"
29
29
  }