@penskemediacorp/larva-patterns 0.6.0 → 0.6.2

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 (6) hide show
  1. package/components/c-lazy-image/c-lazy-image.prototype.js +1 -0
  2. package/components/c-lazy-image/c-lazy-image.twig +5 -1
  3. package/modules/injected-related-content/injected-related-content.prototype.js +3 -1
  4. package/modules/story-grid/story-grid.river.js +4 -0
  5. package/modules/story-grid/story-grid.twig +5 -2
  6. package/package.json +3 -3
package/components/c-lazy-image/c-lazy-image.prototype.js CHANGED
@@ -4,6 +4,7 @@ module.exports = {
4
4
  c_lazy_image_link_classes: 'lrv-a-unstyle-link',
5
5
  c_lazy_image_crop_class: 'lrv-a-crop-16x9',
6
6
  c_lazy_image_crop_style_attr: false,
7
+ c_lazy_image_link_tab_index_attr: false,
7
8
  c_lazy_image_alt_attr: 'Lazy loaded image',
8
9
  c_lazy_image_src_url: 'https://farm5.staticflickr.com/4078/5441060528_31db7838ba_z.jpg',
9
10
  c_lazy_image_placeholder_url: 'data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==',
package/components/c-lazy-image/c-lazy-image.twig CHANGED
@@ -1,6 +1,10 @@
1
1
  <div class="c-lazy-image {{ modifier_class }} {{ c_lazy_image_classes }}">
2
2
  {% if c_lazy_image_link_url %}
3
- <a href="{{ c_lazy_image_link_url }}" class="c-lazy-image__link {{ c_lazy_image_link_classes }}">
3
+ <a href="{{ c_lazy_image_link_url }}" class="c-lazy-image__link {{ c_lazy_image_link_classes }}"
4
+ {% if c_lazy_image_link_tab_index_attr %}
5
+ tabindex="{{ c_lazy_image_link_tab_index_attr }}"
6
+ {% endif %}
7
+ >
4
8
  {% endif %}
5
9
 
6
10
  {% if c_lazy_image_crop_class %}
package/modules/injected-related-content/injected-related-content.prototype.js CHANGED
@@ -11,7 +11,7 @@ const c_title = clonedeep(c_title_prototype);
11
11
 
12
12
  c_title.c_title_text = 'Chronixx Says Some Dancehall Lyrics Are ‘Embarrassing’, Artists Should Stop Calling Him For Features';
13
13
  c_title.c_title_classes = 'lrv-a-font-primary-xs lrv-u-color-black lrv-u-padding-t-125';
14
- c_title.c_title_link_classes = 'lrv-a-font-primary-xs lrv-u-color-black lrv-a-truncate-ellipsis-5line@desktop-xl-max lrv-a-truncate-ellipsis-3line@desktop-xl';
14
+ c_title.c_title_link_classes = 'lrv-a-font-primary-xs lrv-u-color-black lrv-a-truncate-ellipsis-4line@mobile-max lrv-a-truncate-ellipsis-5line@tablet-desktop-only lrv-a-truncate-ellipsis-3line@desktop-xl';
15
15
  c_title.c_title_url = '#';
16
16
 
17
17
  const c_lazy_image_prototype = require('../../components/c-lazy-image/c-lazy-image.prototype.js');
@@ -31,6 +31,7 @@ o_card_first.c_title.c_title_url = '#';
31
31
  o_card_first.c_lazy_image = false;
32
32
  o_card_first.c_span = false;
33
33
  o_card_first.c_timestamp = false;
34
+ o_card_first.o_card_tag_text = 'div';
34
35
 
35
36
  const o_card_last = clonedeep(o_card_prototype);
36
37
 
@@ -42,6 +43,7 @@ o_card_last.c_title.c_title_url = '#';
42
43
  o_card_last.c_lazy_image = false;
43
44
  o_card_last.c_span = false;
44
45
  o_card_last.c_timestamp = false;
46
+ o_card_last.o_card_tag_text = 'div';
45
47
 
46
48
  module.exports = {
47
49
  injected_related_content_classes: 'lrv-u-border-t-1 lrv-u-padding-t-025',
package/modules/story-grid/story-grid.river.js CHANGED
@@ -3,9 +3,13 @@ const clonedeep = require( 'lodash.clonedeep' );
3
3
 
4
4
  const story_grid = __experimentalCloneWithFallback( 'modules/story-grid/story-grid.prototype' );
5
5
  const story_prototype = __experimentalCloneWithFallback( 'modules/story/story.prototype' );
6
+ const c_span = __experimentalCloneWithFallback( 'components/c-span/c-span.prototype' );
6
7
 
7
8
  story_grid.story_grid_story_cards = story_grid.story_grid_story_cards.map( () => clonedeep( story_prototype ) );
8
9
 
9
10
  story_grid.story_grid_grid_classes = '';
10
11
 
12
+ c_span.c_span_text = 'Read more';
13
+ story_grid.c_span = c_span;
14
+
11
15
  module.exports = story_grid;
package/modules/story-grid/story-grid.twig CHANGED
@@ -1,9 +1,12 @@
1
1
  <div class="story-grid lrv-u-padding-tb-1 lrv-u-padding-tb-2@desktop // {{ story_grid_classes }}">
2
- <ul class="{{ story_grid_grid_classes }} // lrv-a-unstyle-list lrv-a-space-children-horizontal lrv-a-space-children--050 lrv-u-margin-b-050">
2
+ <ul class="{{ story_grid_grid_classes }} // lrv-a-unstyle-list lrv-u-margin-b-050">
3
3
  {% for item in story_grid_story_cards %}
4
- <li>
4
+ <li class="{{ story_grid_grid_item_classes }}">
5
5
  {% include "@larva/modules/story/story.twig" with item %}
6
6
  </li>
7
7
  {% endfor %}
8
8
  </ul>
9
+ {% if c_span %}
10
+ {% include "@larva/components/c-span/c-span.twig" with c_span %}
11
+ {% endif %}
9
12
  </div>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@penskemediacorp/larva-patterns",
3
- "version": "0.6.0",
3
+ "version": "0.6.2",
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.6.0",
23
+ "@penskemediacorp/larva-css": "^0.6.2",
24
24
  "@penskemediacorp/larva-js": "^0.6.0",
25
25
  "@penskemediacorp/larva-svg": "^0.6.0",
26
26
  "lodash.clonedeep": "^4.5.0"
27
27
  },
28
- "gitHead": "a1bb1fceaf6aa39eb3a0f2730f11821f02dcca00"
28
+ "gitHead": "c54da41f516960a630885fb7ce9bd12bc00dff6e"
29
29
  }