@penskemediacorp/larva-patterns 1.25.0 → 1.28.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 (171) hide show
  1. package/__tests__/css/css.prototype.js +1 -1
  2. package/__tests__/hub/hub.prototype.js +38 -14
  3. package/__tests__/profile/profile.prototype.js +19 -7
  4. package/__tests__/profile-index/profile-index.prototype.js +6 -2
  5. package/__tests__/vlanding/vlanding.prototype.js +9 -5
  6. package/algorithms/a-carousel-grid/a-carousel-grid.overlay.js +12 -9
  7. package/components/c-button/c-button.black.js +2 -1
  8. package/components/c-button/c-button.brand-basic.js +2 -1
  9. package/components/c-button/c-button.ghost.js +2 -1
  10. package/components/c-button/c-button.prototype.js +2 -2
  11. package/components/c-button/c-button.stripped.js +3 -3
  12. package/components/c-checkbox-input/c-checkbox-input.prototype.js +1 -1
  13. package/components/c-dek/c-dek.prototype.js +3 -2
  14. package/components/c-email-field/c-email-field.ghost.js +6 -3
  15. package/components/c-email-field/c-email-field.prototype.js +1 -1
  16. package/components/c-figcaption/c-figcaption.prototype.js +3 -2
  17. package/components/c-heading/c-heading.prototype.js +2 -2
  18. package/components/c-hidden-field/c-hidden-field.prototype.js +1 -1
  19. package/components/c-icon/c-icon.prototype.js +1 -1
  20. package/components/c-label/c-label.prototype.js +1 -1
  21. package/components/c-lazy-image/c-lazy-image.prototype.js +10 -6
  22. package/components/c-logo/c-logo.prototype.js +1 -1
  23. package/components/c-nav-link/c-nav-link.prototype.js +2 -2
  24. package/components/c-play-badge/c-play-badge.prototype.js +2 -2
  25. package/components/c-select-option/c-select-option.prototype.js +1 -1
  26. package/components/c-span/c-span.prototype.js +1 -1
  27. package/components/c-span/c-span.tag.js +1 -1
  28. package/components/c-svg/c-svg.prototype.js +2 -2
  29. package/components/c-tagline/c-tagline.prototype.js +2 -1
  30. package/components/c-timestamp/c-timestamp.prototype.js +1 -1
  31. package/components/c-title/c-title.prototype.js +2 -2
  32. package/index.js +2 -2
  33. package/modules/age-gate/age-gate.prototype.js +27 -15
  34. package/modules/article-callout/article-callout.prototype.js +4 -3
  35. package/modules/article-excerpt/article-excerpt.prototype.js +2 -1
  36. package/modules/article-tags/article-tags.prototype.js +4 -4
  37. package/modules/article-timestamp/article-timestamp.prototype.js +8 -6
  38. package/modules/article-title/article-title.prototype.js +2 -1
  39. package/modules/author/author.prototype.js +32 -23
  40. package/modules/author-blurb/author-blurb.prototype.js +17 -13
  41. package/modules/author-details/author-details.prototype.js +42 -33
  42. package/modules/back-to-list/back-to-list.prototype.js +6 -3
  43. package/modules/badge/badge.prototype.js +3 -2
  44. package/modules/banner/banner.prototype.js +4 -4
  45. package/modules/brands-most-popular/brands-most-popular.prototype.js +5 -3
  46. package/modules/breadcrumbs/breadcrumbs.prototype.js +1 -1
  47. package/modules/breaking-news/breaking-news.prototype.js +24 -13
  48. package/modules/buy-now/buy-now.prototype.js +9 -4
  49. package/modules/carousel-grid/carousel-grid.overlay.js +19 -10
  50. package/modules/carousel-grid/carousel-grid.prototype.js +15 -10
  51. package/modules/carousel-slider/carousel-slider.prototype.js +15 -10
  52. package/modules/container/container.narrow.js +8 -0
  53. package/modules/container/container.prototype.js +2 -2
  54. package/modules/content-showcase/content-showcase.prototype.js +20 -10
  55. package/modules/content-showcase/content-showcase.the-moth.js +19 -10
  56. package/modules/cover/cover.prototype.js +1 -1
  57. package/modules/expandable-search/expandable-search.prototype.js +11 -7
  58. package/modules/featured-stories/featured-stories.prototype.js +2 -1
  59. package/modules/featured-video/featured-video.prototype.js +27 -17
  60. package/modules/featured-video/featured-video.video-post.js +3 -2
  61. package/modules/footer/footer.prototype.js +15 -8
  62. package/modules/footer-button-list/footer-button-list.prototype.js +28 -12
  63. package/modules/footer-magazine-image/footer-magazine-image.prototype.js +9 -5
  64. package/modules/footer-menus/footer-menus.prototype.js +11 -10
  65. package/modules/footer-newsletter/footer-newsletter.prototype.js +18 -9
  66. package/modules/footer-newsletter/footer-newsletter.twig +3 -0
  67. package/modules/footer-social/footer-social.prototype.js +27 -16
  68. package/modules/footer-social/footer-social.twig +11 -3
  69. package/modules/footer-tip/footer-tip.prototype.js +22 -11
  70. package/modules/header/header.article.js +34 -19
  71. package/modules/header/header.prototype.js +46 -24
  72. package/modules/header-menu/header-menu.prototype.js +19 -14
  73. package/modules/header-sticky/header-sticky.article.js +28 -20
  74. package/modules/header-sticky/header-sticky.prototype.js +24 -12
  75. package/modules/heading/heading.prototype.js +1 -1
  76. package/modules/hero-image-story/hero-image-story.prototype.js +32 -20
  77. package/modules/injected-related-content/injected-related-content.prototype.js +44 -32
  78. package/modules/linked-gallery/linked-gallery.prototype.js +48 -25
  79. package/modules/list/list.prototype.js +16 -17
  80. package/modules/listicle-item/listicle-item.prototype.js +6 -3
  81. package/modules/mega-menu/mega-menu.prototype.js +5 -3
  82. package/modules/mega-menu-content/mega-menu-content.prototype.js +7 -7
  83. package/modules/mega-menu-footer/mega-menu-footer.prototype.js +39 -18
  84. package/modules/mega-menu-footer-subscribe/mega-menu-footer-subscribe.prototype.js +7 -4
  85. package/modules/mega-menu-item/mega-menu-item.prototype.js +13 -11
  86. package/modules/more-stories-button/more-stories-button.profile.js +3 -2
  87. package/modules/more-stories-button/more-stories-button.prototype.js +11 -7
  88. package/modules/newsletter/newsletter.prototype.js +23 -14
  89. package/modules/newsletter-cta/newsletter-cta.prototype.js +13 -5
  90. package/modules/newswire/newswire.prototype.js +16 -9
  91. package/modules/page-404/page-404.prototype.js +11 -6
  92. package/modules/paragraph/paragraph.narrow.js +2 -2
  93. package/modules/pmc-footer/pmc-footer.prototype.js +24 -14
  94. package/modules/post-content-image/post-content-image.prototype.js +10 -5
  95. package/modules/production-credits/production-credits.prototype.js +4 -3
  96. package/modules/profile-block/profile-block.horizontal.js +9 -4
  97. package/modules/profile-block/profile-block.prototype.js +21 -10
  98. package/modules/profile-blurb/profile-blurb.card.js +13 -6
  99. package/modules/profile-blurb/profile-blurb.prototype.js +29 -16
  100. package/modules/profile-body/profile-body.prototype.js +9 -5
  101. package/modules/profile-browse-by/profile-browse-by.prototype.js +16 -9
  102. package/modules/profile-card-list/profile-card-list.prototype.js +8 -5
  103. package/modules/profile-filter/profile-filter.prototype.js +20 -10
  104. package/modules/profile-gallery/profile-gallery.prototype.js +16 -9
  105. package/modules/profile-header/profile-header.prototype.js +18 -10
  106. package/modules/profile-highlights/profile-highlights.prototype.js +10 -5
  107. package/modules/profile-landing-header/profile-landing-header.prototype.js +11 -5
  108. package/modules/profile-landing-river/profile-landing-river.prototype.js +7 -8
  109. package/modules/profile-related-stories/profile-related-stories.prototype.js +18 -10
  110. package/modules/read-next/read-next.prototype.js +12 -8
  111. package/modules/secondary-stories/secondary-stories.prototype.js +128 -71
  112. package/modules/section-heading/section-heading.h2.js +3 -3
  113. package/modules/section-heading/section-heading.h3.js +3 -2
  114. package/modules/section-heading/section-heading.prototype.js +7 -4
  115. package/modules/separator/separator.double-line.js +2 -1
  116. package/modules/separator/separator.prototype.js +1 -1
  117. package/modules/separator/separator.thick-double-line.js +2 -1
  118. package/modules/separator/separator.wide-thick.js +2 -1
  119. package/modules/separator/separator.wide.js +2 -1
  120. package/modules/social-share/social-share.prototype.js +24 -11
  121. package/modules/special-coverage/special-coverage.prototype.js +44 -21
  122. package/modules/story/story.borders.js +5 -2
  123. package/modules/story/story.center-vertical-borders.js +3 -1
  124. package/modules/story/story.center-vertical.js +4 -2
  125. package/modules/story/story.prototype.js +35 -16
  126. package/modules/story/story.right-borders.js +2 -1
  127. package/modules/story/story.right.js +7 -3
  128. package/modules/story/story.story-arc.js +3 -1
  129. package/modules/story/story.vertical.js +5 -2
  130. package/modules/story-arc-stories/story-arc-stories.prototype.js +12 -10
  131. package/modules/story-featured-quote/story-featured-quote.prototype.js +25 -17
  132. package/modules/story-grid/story-grid.prototype.js +7 -3
  133. package/modules/story-grid/story-grid.river.js +13 -5
  134. package/modules/sub-header/sub-header.prototype.js +4 -2
  135. package/modules/top-stories/top-stories.prototype.js +39 -22
  136. package/modules/top-stories/top-stories.xl.js +3 -3
  137. package/modules/video-slider/video-slider.prototype.js +8 -4
  138. package/modules/vlanding-playlist/vlanding-playlist.prototype.js +9 -10
  139. package/modules/vlanding-video-card/vlanding-video-card.prototype.js +16 -8
  140. package/modules/vlanding-video-showcase/vlanding-video-showcase.prototype.js +44 -25
  141. package/objects/o-account-menu/o-account-menu.prototype.js +21 -14
  142. package/objects/o-author/o-author.prototype.js +9 -5
  143. package/objects/o-card/o-card.prototype.js +18 -10
  144. package/objects/o-card-list/o-card-list.prototype.js +1 -5
  145. package/objects/o-category-link/o-category-link.prototype.js +3 -2
  146. package/objects/o-checkbox-input-list/o-checkbox-input-list.prototype.js +11 -5
  147. package/objects/o-collection-item/o-collection-item.floated.js +3 -1
  148. package/objects/o-collection-item/o-collection-item.prototype.js +6 -4
  149. package/objects/o-email-capture-form/o-email-capture-form.minimal.js +11 -4
  150. package/objects/o-email-capture-form/o-email-capture-form.prototype.js +9 -5
  151. package/objects/o-figure/o-figure.prototype.js +8 -4
  152. package/objects/o-header/o-header.prototype.js +10 -5
  153. package/objects/o-header-buttons/o-header-buttons.column.js +7 -4
  154. package/objects/o-header-buttons/o-header-buttons.prototype.js +23 -12
  155. package/objects/o-icon-button/o-icon-button.prototype.js +10 -5
  156. package/objects/o-icon-button/o-icon-button.search.js +5 -2
  157. package/objects/o-indicator/o-indicator.photos.js +7 -3
  158. package/objects/o-indicator/o-indicator.prototype.js +6 -3
  159. package/objects/o-input-group/o-input-group.prototype.js +4 -6
  160. package/objects/o-nav/o-nav.horizontal.js +2 -1
  161. package/objects/o-nav/o-nav.prototype.js +3 -3
  162. package/objects/o-select-nav/o-select-nav.prototype.js +8 -8
  163. package/objects/o-social-list/o-social-list.prototype.js +5 -4
  164. package/objects/o-span-group/o-span-group.prototype.js +4 -5
  165. package/objects/o-sponsored-by/o-sponsored-by.prototype.js +6 -3
  166. package/objects/o-story-arc-item/o-story-arc-item.prototype.js +12 -7
  167. package/objects/o-sub-header/o-sub-header.prototype.js +30 -15
  168. package/objects/o-tease/o-tease.prototype.js +16 -8
  169. package/objects/o-tease-list/o-tease-list.prototype.js +1 -5
  170. package/objects/o-video-card/o-video-card.prototype.js +28 -22
  171. package/package.json +5 -5
@@ -1 +1 @@
1
- // No data here.
1
+ // No data here.
@@ -1,18 +1,42 @@
1
1
  const clonedeep = require( 'lodash.clonedeep' );
2
2
  const { __experimentalCloneWithFallback } = require( '@penskemediacorp/larva' );
3
3
 
4
- const carousel_grid = __experimentalCloneWithFallback( 'modules/carousel-grid/carousel-grid.prototype' );
5
- const carousel_slider = __experimentalCloneWithFallback( 'modules/carousel-slider/carousel-slider.prototype' );
6
- const story_grid = __experimentalCloneWithFallback( 'modules/story-grid/story-grid.prototype' );
7
- const story_grid_river = __experimentalCloneWithFallback( 'modules/story-grid/story-grid.river' );
8
- const heading_h1 = __experimentalCloneWithFallback( 'modules/heading/heading.h1' );
9
- const heading_h3 = __experimentalCloneWithFallback( 'modules/heading/heading.h3' );
10
- const story = __experimentalCloneWithFallback( 'modules/story/story.prototype' );
11
- const button = __experimentalCloneWithFallback( 'modules/button/button.prototype' );
12
- const paragraph = __experimentalCloneWithFallback( 'modules/paragraph/paragraph.prototype' );
13
- const separator = __experimentalCloneWithFallback( 'modules/separator/separator.prototype' );
14
- const injected_related_content = __experimentalCloneWithFallback( 'modules/injected-related-content/injected-related-content.prototype' );
15
- const secondary_stories = __experimentalCloneWithFallback( 'modules/secondary-stories/secondary-stories.prototype' );
4
+ const carousel_grid = __experimentalCloneWithFallback(
5
+ 'modules/carousel-grid/carousel-grid.prototype'
6
+ );
7
+ const carousel_slider = __experimentalCloneWithFallback(
8
+ 'modules/carousel-slider/carousel-slider.prototype'
9
+ );
10
+ const story_grid = __experimentalCloneWithFallback(
11
+ 'modules/story-grid/story-grid.prototype'
12
+ );
13
+ const story_grid_river = __experimentalCloneWithFallback(
14
+ 'modules/story-grid/story-grid.river'
15
+ );
16
+ const heading_h1 = __experimentalCloneWithFallback(
17
+ 'modules/heading/heading.h1'
18
+ );
19
+ const heading_h3 = __experimentalCloneWithFallback(
20
+ 'modules/heading/heading.h3'
21
+ );
22
+ const story = __experimentalCloneWithFallback(
23
+ 'modules/story/story.prototype'
24
+ );
25
+ const button = __experimentalCloneWithFallback(
26
+ 'modules/button/button.prototype'
27
+ );
28
+ const paragraph = __experimentalCloneWithFallback(
29
+ 'modules/paragraph/paragraph.prototype'
30
+ );
31
+ const separator = __experimentalCloneWithFallback(
32
+ 'modules/separator/separator.prototype'
33
+ );
34
+ const injected_related_content = __experimentalCloneWithFallback(
35
+ 'modules/injected-related-content/injected-related-content.prototype'
36
+ );
37
+ const secondary_stories = __experimentalCloneWithFallback(
38
+ 'modules/secondary-stories/secondary-stories.prototype'
39
+ );
16
40
 
17
41
  module.exports = {
18
42
  carousel_grid,
@@ -26,5 +50,5 @@ module.exports = {
26
50
  separator,
27
51
  injected_related_content,
28
52
  story_grid_river,
29
- secondary_stories
30
- };
53
+ secondary_stories,
54
+ };
@@ -1,11 +1,23 @@
1
1
  const clonedeep = require( 'lodash.clonedeep' );
2
2
 
3
- const profile_header = clonedeep( require( '../../modules/profile-header/profile-header.prototype' ) );
4
- const back_to_list = clonedeep( require( '../../modules/back-to-list/back-to-list.prototype' ) );
5
- const profile_blurb = clonedeep( require( '../../modules/profile-blurb/profile-blurb.prototype' ) );
6
- const profile_body = clonedeep( require( '../../modules/profile-body/profile-body.prototype' ) );
7
- const profile_gallery = clonedeep( require( '../../modules/profile-gallery/profile-gallery.prototype' ) );
8
- const profile_related_stories = clonedeep( require( '../../modules/profile-related-stories/profile-related-stories.prototype' ) );
3
+ const profile_header = clonedeep(
4
+ require( '../../modules/profile-header/profile-header.prototype' )
5
+ );
6
+ const back_to_list = clonedeep(
7
+ require( '../../modules/back-to-list/back-to-list.prototype' )
8
+ );
9
+ const profile_blurb = clonedeep(
10
+ require( '../../modules/profile-blurb/profile-blurb.prototype' )
11
+ );
12
+ const profile_body = clonedeep(
13
+ require( '../../modules/profile-body/profile-body.prototype' )
14
+ );
15
+ const profile_gallery = clonedeep(
16
+ require( '../../modules/profile-gallery/profile-gallery.prototype' )
17
+ );
18
+ const profile_related_stories = clonedeep(
19
+ require( '../../modules/profile-related-stories/profile-related-stories.prototype' )
20
+ );
9
21
 
10
22
  module.exports = {
11
23
  profile_header,
@@ -13,5 +25,5 @@ module.exports = {
13
25
  profile_blurb,
14
26
  profile_body,
15
27
  profile_gallery,
16
- profile_related_stories
28
+ profile_related_stories,
17
29
  };
@@ -1,6 +1,10 @@
1
1
  const clonedeep = require( 'lodash.clonedeep' );
2
2
 
3
3
  module.exports = {
4
- profile_filter: clonedeep( require( '../../modules/profile-filter/profile-filter.prototype' ) ),
5
- profile_card_list: clonedeep( require( '../../modules/profile-card-list/profile-card-list.prototype' ) ),
4
+ profile_filter: clonedeep(
5
+ require( '../../modules/profile-filter/profile-filter.prototype' )
6
+ ),
7
+ profile_card_list: clonedeep(
8
+ require( '../../modules/profile-card-list/profile-card-list.prototype' )
9
+ ),
6
10
  };
@@ -1,11 +1,15 @@
1
1
  const clonedeep = require( 'lodash.clonedeep' );
2
2
 
3
3
  const header = clonedeep( require( '../../modules/header/header.prototype' ) );
4
- const vlanding_video_showcase = clonedeep( require( '../../modules/vlanding-video-showcase/vlanding-video-showcase.prototype' ) );
5
- const vlanding_playlist = clonedeep( require( '../../modules/vlanding-playlist/vlanding-playlist.prototype' ) );
4
+ const vlanding_video_showcase = clonedeep(
5
+ require( '../../modules/vlanding-video-showcase/vlanding-video-showcase.prototype' )
6
+ );
7
+ const vlanding_playlist = clonedeep(
8
+ require( '../../modules/vlanding-playlist/vlanding-playlist.prototype' )
9
+ );
6
10
 
7
11
  module.exports = {
8
- vlanding_video_showcase: vlanding_video_showcase,
9
- vlanding_playlist: vlanding_playlist,
10
- header: header
12
+ vlanding_video_showcase,
13
+ vlanding_playlist,
14
+ header,
11
15
  };
@@ -1,12 +1,15 @@
1
1
  module.exports = {
2
-
3
- carousel_grid_overlay_layout_class: 'lrv-a-carousel-grid__overlay',
4
-
5
- carousel_grid_overlay_content_class: 'lrv-a-carousel-grid__overlay--primary',
6
-
7
- carousel_grid_overlay_img_class: 'lrv-a-carousel-grid__overlay--primary-img',
2
+ carousel_grid_overlay_layout_class: 'lrv-a-carousel-grid__overlay',
8
3
 
9
- carousel_grid_overlay_content_class: 'lrv-a-carousel-grid__overlay--primary-content',
4
+ carousel_grid_overlay_content_class:
5
+ 'lrv-a-carousel-grid__overlay--primary',
10
6
 
11
- carousel_grid_overlay_secondary_class: 'lrv-a-carousel-grid__overlay--secondary'
12
- }
7
+ carousel_grid_overlay_img_class:
8
+ 'lrv-a-carousel-grid__overlay--primary-img',
9
+
10
+ carousel_grid_overlay_content_class:
11
+ 'lrv-a-carousel-grid__overlay--primary-content',
12
+
13
+ carousel_grid_overlay_secondary_class:
14
+ 'lrv-a-carousel-grid__overlay--secondary',
15
+ };
@@ -2,6 +2,7 @@ const clonedeep = require( 'lodash.clonedeep' );
2
2
 
3
3
  const c_button = clonedeep( require( './c-button.prototype' ) );
4
4
 
5
- c_button.c_button_classes += ' lrv-u-background-color-black lrv-u-color-white lrv-u-border-radius-5 lrv-u-color-white:hover lrv-u-padding-tb-050 lrv-u-padding-lr-2';
5
+ c_button.c_button_classes +=
6
+ ' lrv-u-background-color-black lrv-u-color-white lrv-u-border-radius-5 lrv-u-color-white:hover lrv-u-padding-tb-050 lrv-u-padding-lr-2';
6
7
 
7
8
  module.exports = c_button;
@@ -3,6 +3,7 @@ const clonedeep = require( 'lodash.clonedeep' );
3
3
  const c_button_protoype = require( './c-button.prototype' );
4
4
  const c_button = clonedeep( c_button_protoype );
5
5
 
6
- c_button.c_button_classes += ' lrv-u-padding-tb-050 lrv-u-padding-lr-1 lrv-u-background-color-brand-primary lrv-u-color-white';
6
+ c_button.c_button_classes +=
7
+ ' lrv-u-padding-tb-050 lrv-u-padding-lr-1 lrv-u-background-color-brand-primary lrv-u-color-white';
7
8
 
8
9
  module.exports = c_button;
@@ -3,7 +3,8 @@ const clonedeep = require( 'lodash.clonedeep' );
3
3
  const c_button_protoype = require( './c-button.prototype' );
4
4
  const c_button = clonedeep( c_button_protoype );
5
5
 
6
- c_button.c_button_classes += ' lrv-u-border-a-3 lrv-u-border-radius-5 lrv-u-color-brand-primary lrv-u-padding-tb-050 lrv-u-padding-lr-1 lrv-u-color-grey-dark:hover lrv-u-font-weight-bold lrv-u-display-inline-block';
6
+ c_button.c_button_classes +=
7
+ ' lrv-u-border-a-3 lrv-u-border-radius-5 lrv-u-color-brand-primary lrv-u-padding-tb-050 lrv-u-padding-lr-1 lrv-u-color-grey-dark:hover lrv-u-font-weight-bold lrv-u-display-inline-block';
7
8
  c_button.c_button_type_attr = '';
8
9
  c_button.c_button_url = '#';
9
10
 
@@ -7,5 +7,5 @@ module.exports = {
7
7
  c_button_target_attr: '',
8
8
  c_button_text: 'Sign Up',
9
9
  c_button_type_attr: 'submit',
10
- c_button_url: ''
11
- }
10
+ c_button_url: '',
11
+ };
@@ -1,7 +1,7 @@
1
- const clonedeep = require("lodash.clonedeep");
1
+ const clonedeep = require( 'lodash.clonedeep' );
2
2
 
3
- const c_button_protoype = require("./c-button.prototype");
4
- const c_button = clonedeep(c_button_protoype);
3
+ const c_button_protoype = require( './c-button.prototype' );
4
+ const c_button = clonedeep( c_button_protoype );
5
5
 
6
6
  c_button.c_button_classes += ' lrv-u-display-inline-flex';
7
7
 
@@ -3,4 +3,4 @@ module.exports = {
3
3
  c_checkbox_input_id_attr: '',
4
4
  c_checkbox_input_value_attr: '',
5
5
  c_checkbox_label_text: 'Option 1',
6
- }
6
+ };
@@ -1,5 +1,6 @@
1
1
  module.exports = {
2
2
  c_dek_classes: '',
3
3
  c_dek_markup: '',
4
- c_dek_text: 'Perfection is rarely achieved in movies, but this heaven-sent concert doc hits the sweet spot. Over two days in January 1972, the Queen of Soul, Aretha Franklin — she was 29 at the time — sweeps into the New Temple Missionary Baptist Church in Watts in front of a congregation and testifies to God in song. The blessed thing took nearly half a century to come out because director Sydney Pollack failed to sync the image with the sound. Then digital angels stepped in, and glory, glory, hallelujah!',
5
- };
4
+ c_dek_text:
5
+ 'Perfection is rarely achieved in movies, but this heaven-sent concert doc hits the sweet spot. Over two days in January 1972, the Queen of Soul, Aretha Franklin — she was 29 at the time — sweeps into the New Temple Missionary Baptist Church in Watts in front of a congregation and testifies to God in song. The blessed thing took nearly half a century to come out because director Sydney Pollack failed to sync the image with the sound. Then digital angels stepped in, and glory, glory, hallelujah!',
6
+ };
@@ -3,8 +3,11 @@ const clonedeep = require( 'lodash.clonedeep' );
3
3
  const c_email_field_prototype = require( './c-email-field.prototype' );
4
4
  const c_email_field = clonedeep( c_email_field_prototype );
5
5
 
6
- c_email_field.c_email_field_classes = 'lrv-u-font-size-14 lrv-u-flex lrv-u-align-items-center';
7
- c_email_field.c_email_field_label_classes = 'lrv-u-padding-r-050 lrv-u-font-weight-bold lrv-u-whitespace-nowrap';
8
- c_email_field.c_email_field_input_classes = 'lrv-u-background-color-transparent lrv-u-border-a-0 lrv-u-color-currentColor lrv-u-padding-a-050 lrv-u-font-size-14';
6
+ c_email_field.c_email_field_classes =
7
+ 'lrv-u-font-size-14 lrv-u-flex lrv-u-align-items-center';
8
+ c_email_field.c_email_field_label_classes =
9
+ 'lrv-u-padding-r-050 lrv-u-font-weight-bold lrv-u-whitespace-nowrap';
10
+ c_email_field.c_email_field_input_classes =
11
+ 'lrv-u-background-color-transparent lrv-u-border-a-0 lrv-u-color-currentColor lrv-u-padding-a-050 lrv-u-font-size-14';
9
12
 
10
13
  module.exports = c_email_field;
@@ -4,5 +4,5 @@ module.exports = {
4
4
  c_email_field_label_text: 'Your Email',
5
5
  c_email_field_input_id_attr: '',
6
6
  c_email_field_input_name_attr: '',
7
- c_email_field_input_placeholder_attr: 'email@example.com'
7
+ c_email_field_input_placeholder_attr: 'email@example.com',
8
8
  };
@@ -1,10 +1,11 @@
1
1
  module.exports = {
2
2
  c_figcaption_classes: '',
3
- c_figcaption_caption_markup: 'Protest art hangs at Hong Kong <em>International Airport</em>.',
3
+ c_figcaption_caption_markup:
4
+ 'Protest art hangs at Hong Kong <em>International Airport</em>.',
4
5
  c_figcaption_caption_classes: '',
5
6
  c_figcaption_credit_text: 'Courtesty Wong Ka Ying',
6
7
  c_figcaption_credit_text_markup: '',
7
8
  c_figcaption_credit_classes: '',
8
9
  c_figcaption_inner: false,
9
10
  c_figcaption_inner_classes: '',
10
- }
11
+ };
@@ -6,5 +6,5 @@ module.exports = {
6
6
  c_heading_link_classes: '',
7
7
  c_heading_outer: false,
8
8
  c_heading_outer_classes: '',
9
- c_heading_is_primary_heading: false
10
- }
9
+ c_heading_is_primary_heading: false,
10
+ };
@@ -1,5 +1,5 @@
1
1
  module.exports = {
2
2
  c_hidden_field_name_attr: '',
3
3
  c_hidden_field_value_attr: '',
4
- c_hidden_field_id_attr: ''
4
+ c_hidden_field_id_attr: '',
5
5
  };
@@ -8,5 +8,5 @@ module.exports = {
8
8
  c_icon_rel_name: 'noopener noreferrer',
9
9
  c_icon_screen_reader_tag_text: '',
10
10
  c_icon_screen_reader_text: 'Plus Icon',
11
- c_icon_screen_reader_title_attr: 'Plus Icon'
11
+ c_icon_screen_reader_title_attr: 'Plus Icon',
12
12
  };
@@ -3,5 +3,5 @@ module.exports = {
3
3
  c_label_tag_text: 'span',
4
4
  c_label_id_attr: '',
5
5
  c_label_url: '#',
6
- c_label_link_classes: ''
6
+ c_label_link_classes: '',
7
7
  };
@@ -6,13 +6,17 @@ module.exports = {
6
6
  c_lazy_image_crop_style_attr: false,
7
7
  c_lazy_image_link_tab_index_attr: false,
8
8
  c_lazy_image_alt_attr: 'Lazy loaded image',
9
- c_lazy_image_src_url: 'https://farm5.staticflickr.com/4078/5441060528_31db7838ba_z.jpg',
10
- c_lazy_image_placeholder_url: 'data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==',
11
- c_lazy_image_srcset_attr: 'https://farm5.staticflickr.com/4078/5441060528_31db7838ba_m.jpg 240w,https://farm5.staticflickr.com/4078/5441060528_31db7838ba_n.jpg 320w,https://farm5.staticflickr.com/4078/5441060528_31db7838ba.jpg 500w,https://farm5.staticflickr.com/4078/5441060528_31db7838ba_z.jpg 640w,https://farm5.staticflickr.com/4078/5441060528_31db7838ba_b.jpg 1024w',
9
+ c_lazy_image_src_url:
10
+ 'https://farm5.staticflickr.com/4078/5441060528_31db7838ba_z.jpg',
11
+ c_lazy_image_placeholder_url:
12
+ 'data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==',
13
+ c_lazy_image_srcset_attr:
14
+ 'https://farm5.staticflickr.com/4078/5441060528_31db7838ba_m.jpg 240w,https://farm5.staticflickr.com/4078/5441060528_31db7838ba_n.jpg 320w,https://farm5.staticflickr.com/4078/5441060528_31db7838ba.jpg 500w,https://farm5.staticflickr.com/4078/5441060528_31db7838ba_z.jpg 640w,https://farm5.staticflickr.com/4078/5441060528_31db7838ba_b.jpg 1024w',
12
15
  c_lazy_image_sizes_attr: 'auto',
13
- c_lazy_image_img_classes: 'lrv-u-background-color-grey-lightest lrv-u-width-100p lrv-u-display-block lrv-u-height-auto',
16
+ c_lazy_image_img_classes:
17
+ 'lrv-u-background-color-grey-lightest lrv-u-width-100p lrv-u-display-block lrv-u-height-auto',
14
18
  c_lazy_image_height_attr: '',
15
19
  c_lazy_image_width_attr: '',
16
20
  c_lazy_image_in_initial_viewport: false,
17
- c_lazy_image_decoding_attr: 'async'
18
- }
21
+ c_lazy_image_decoding_attr: 'async',
22
+ };
@@ -3,5 +3,5 @@ module.exports = {
3
3
  c_logo_classes: '',
4
4
  c_logo_url: '/',
5
5
  c_logo_svg: 'brand-logo',
6
- c_logo_screen_reader_text: 'Logo text'
6
+ c_logo_screen_reader_text: 'Logo text',
7
7
  };
@@ -3,5 +3,5 @@ module.exports = {
3
3
  c_nav_link_text: 'Navigation Item',
4
4
  c_nav_link_screen_reader_text: 'Navigation Item',
5
5
  c_nav_link_url: '#',
6
- c_nav_link_aria_current_attr: 'page'
7
- }
6
+ c_nav_link_aria_current_attr: 'page',
7
+ };
@@ -1,3 +1,3 @@
1
1
  module.exports = {
2
- c_play_badge_classes: ''
3
- }
2
+ c_play_badge_classes: '',
3
+ };
@@ -1,5 +1,5 @@
1
1
  module.exports = {
2
2
  c_select_option_url: '#',
3
3
  c_select_option_value_attr: 'option-value',
4
- c_select_option_text: 'Option Text'
4
+ c_select_option_text: 'Option Text',
5
5
  };
@@ -3,5 +3,5 @@ module.exports = {
3
3
  c_span_classes: 'lrv-u-whitespace-nowrap',
4
4
  c_span_text: 'Label Text',
5
5
  c_span_url: '',
6
- c_span_link_classes: ''
6
+ c_span_link_classes: '',
7
7
  };
@@ -4,4 +4,4 @@ const c_span = clonedeep( require( './c-span.prototype' ) );
4
4
  c_span.c_span_text = 'News';
5
5
  c_span.c_span_url = '#';
6
6
 
7
- module.exports = c_span;
7
+ module.exports = c_span;
@@ -1,4 +1,4 @@
1
1
  module.exports = {
2
2
  c_svg_classes: '',
3
- c_svg_name: 'brand-logo'
4
- }
3
+ c_svg_name: 'brand-logo',
4
+ };
@@ -1,4 +1,5 @@
1
1
  module.exports = {
2
2
  c_tagline_classes: '',
3
- c_tagline_text: 'Here is a pretty small amount of text for the tagline. It is a very flexible components, and is really just a single line of text.'
3
+ c_tagline_text:
4
+ 'Here is a pretty small amount of text for the tagline. It is a very flexible components, and is really just a single line of text.',
4
5
  };
@@ -2,5 +2,5 @@ module.exports = {
2
2
  c_timestamp_classes: '',
3
3
  c_timestamp_datetime_attr: '00:00-YY-DD-MM',
4
4
  c_timestamp_text: 'July 3, 2001',
5
- c_timestamp_aria_label_attr: false
5
+ c_timestamp_aria_label_attr: false,
6
6
  };
@@ -5,5 +5,5 @@ module.exports = {
5
5
  c_title_text: 'Title of a story',
6
6
  c_title_markup: '',
7
7
  c_title_link_classes: '',
8
- c_title_url: '#'
9
- }
8
+ c_title_url: '#',
9
+ };
package/index.js CHANGED
@@ -1,4 +1,4 @@
1
1
  module.exports = {
2
2
  o_nav: require( './objects/o-nav/o-nav.prototype' ),
3
- o_tease: require( './objects/o-tease/o-tease.prototype' )
4
- }
3
+ o_tease: require( './objects/o-tease/o-tease.prototype' ),
4
+ };
@@ -1,21 +1,31 @@
1
- const clonedeep = require('lodash.clonedeep');
1
+ const clonedeep = require( 'lodash.clonedeep' );
2
2
 
3
- const c_svg_prototype = require('@penskemediacorp/larva-patterns/components/c-svg/c-svg.prototype');
4
- const c_heading = clonedeep(require('@penskemediacorp/larva-patterns/components/c-heading/c-heading.prototype'));
5
- const o_input_group = clonedeep(require('@penskemediacorp/larva-patterns/objects/o-input-group/o-input-group.prototype'));
6
- const c_button = clonedeep(require('@penskemediacorp/larva-patterns/components/c-button/c-button.prototype'));
7
- const c_dek = clonedeep(require('@penskemediacorp/larva-patterns/components/c-dek/c-dek.prototype'));
3
+ const c_svg_prototype = require( '@penskemediacorp/larva-patterns/components/c-svg/c-svg.prototype' );
4
+ const c_heading = clonedeep(
5
+ require( '@penskemediacorp/larva-patterns/components/c-heading/c-heading.prototype' )
6
+ );
7
+ const o_input_group = clonedeep(
8
+ require( '@penskemediacorp/larva-patterns/objects/o-input-group/o-input-group.prototype' )
9
+ );
10
+ const c_button = clonedeep(
11
+ require( '@penskemediacorp/larva-patterns/components/c-button/c-button.prototype' )
12
+ );
13
+ const c_dek = clonedeep(
14
+ require( '@penskemediacorp/larva-patterns/components/c-dek/c-dek.prototype' )
15
+ );
8
16
 
9
- const c_svg_header = clonedeep(c_svg_prototype);
17
+ const c_svg_header = clonedeep( c_svg_prototype );
10
18
  c_svg_header.c_svg_name = 'brand-logo-white';
11
- c_svg_header.c_svg_classes = 'lrv-u-width-150 lrv-u-margin-lr-auto lrv-u-margin-b-2';
19
+ c_svg_header.c_svg_classes =
20
+ 'lrv-u-width-150 lrv-u-margin-lr-auto lrv-u-margin-b-2';
12
21
 
13
22
  c_heading.c_heading_classes += ' lrv-a-font-primary-l lrv-u-margin-b-2';
14
23
  c_heading.c_heading_text = 'You must be 21 to enter.';
15
24
 
16
25
  o_input_group.o_input_group_class = 'lrv-u-margin-b-2';
17
- o_input_group_item = clonedeep( o_input_group.o_input_group_items[0] );
18
- o_input_group_item.c_input_class = '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';
26
+ o_input_group_item = clonedeep( o_input_group.o_input_group_items[ 0 ] );
27
+ o_input_group_item.c_input_class =
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';
19
29
  o_input_group_item.c_input_size_attr = 2;
20
30
  o_input_group_item.c_input_maxlength_attr = 4;
21
31
 
@@ -44,17 +54,19 @@ o_input_year_item.c_input_maxlength_attr = 4;
44
54
  o_input_group.o_input_group_items = [
45
55
  o_input_month_item,
46
56
  o_input_day_item,
47
- o_input_year_item
57
+ o_input_year_item,
48
58
  ];
49
59
 
50
60
  c_button.c_button_text = 'View';
51
- c_button.c_button_classes = ' lrv-u-margin-t-2 lrv-u-color-white lrv-u-background-color-brand-primary lrv-u-padding-lr-2 lrv-u-padding-tb-075 lrv-u-margin-b-2 lrv-u-text-align-center lrv-u-text-transform-uppercase lrv-a-font-primary-m';
61
+ c_button.c_button_classes =
62
+ ' lrv-u-margin-t-2 lrv-u-color-white lrv-u-background-color-brand-primary lrv-u-padding-lr-2 lrv-u-padding-tb-075 lrv-u-margin-b-2 lrv-u-text-align-center lrv-u-text-transform-uppercase lrv-a-font-primary-m';
52
63
 
53
64
  c_dek.c_dek_classes = 'lrv-a-font-primary-xs';
54
- c_dek.c_dek_text = 'Legal text.'
65
+ c_dek.c_dek_text = 'Legal text.';
55
66
 
56
67
  module.exports = {
57
- age_gate_class: 'lrv-u-height-100p lrv-u-padding-t-2 lrv-u-background-color-black lrv-u-text-align-center lrv-u-color-white',
68
+ age_gate_class:
69
+ 'lrv-u-height-100p lrv-u-padding-t-2 lrv-u-background-color-black lrv-u-text-align-center lrv-u-color-white',
58
70
  age_gate_inner_class: 'lrv-u-max-width-1000 lrv-u-margin-lr-auto',
59
71
  age_gate_form_class: 'lrv-u-border-b-1',
60
72
  age_gate_error_class: 'lrv-a-font-primary-s',
@@ -64,5 +76,5 @@ module.exports = {
64
76
  c_svg_header,
65
77
  o_input_group,
66
78
  c_button,
67
- c_dek
79
+ c_dek,
68
80
  };
@@ -1,5 +1,6 @@
1
1
  module.exports = {
2
- article_callout_classes: '',
3
- article_callout_title_text: 'Update',
4
- article_callout_markup: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.'
2
+ article_callout_classes: '',
3
+ article_callout_title_text: 'Update',
4
+ article_callout_markup:
5
+ 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.',
5
6
  };
@@ -1,4 +1,5 @@
1
1
  module.exports = {
2
2
  article_excerpt_classes: '',
3
- article_excerpt_markup: 'The former President cautioned young activists against using the slogan “defund the police” to achieve changes in policing practices, instead urging them to have a more inclusive discussion to enact changes.',
3
+ article_excerpt_markup:
4
+ 'The former President cautioned young activists against using the slogan “defund the police” to achieve changes in policing practices, instead urging them to have a more inclusive discussion to enact changes.',
4
5
  };
@@ -8,10 +8,10 @@ o_nav.o_nav_list_items = [];
8
8
 
9
9
  const tags = [ 'Art Gallery', 'Retrospective', 'Mapplethorpe' ];
10
10
 
11
- for (let i = 0; i < tags.length; i++) {
12
- let c_link = clonedeep( c_link_prototype );
11
+ for ( let i = 0; i < tags.length; i++ ) {
12
+ const c_link = clonedeep( c_link_prototype );
13
13
 
14
- c_link.c_link_text = tags[i];
14
+ c_link.c_link_text = tags[ i ];
15
15
  c_link.c_link_classes += ' lrv-u-text-transform-uppercase';
16
16
 
17
17
  o_nav.o_nav_list_items.push( c_link );
@@ -20,5 +20,5 @@ for (let i = 0; i < tags.length; i++) {
20
20
  o_nav.o_nav_title_classes = 'lrv-u-padding-r-1 lrv-u-font-family-secondary';
21
21
 
22
22
  module.exports = {
23
- o_nav: o_nav,
23
+ o_nav,
24
24
  };
@@ -1,13 +1,15 @@
1
- const clonedeep = require('lodash.clonedeep');
1
+ const clonedeep = require( 'lodash.clonedeep' );
2
2
 
3
- const c_timestamp_prototype = require('@penskemediacorp/larva-patterns/components/c-timestamp/c-timestamp.prototype');
3
+ const c_timestamp_prototype = require( '@penskemediacorp/larva-patterns/components/c-timestamp/c-timestamp.prototype' );
4
4
 
5
- const c_timestamp = clonedeep(c_timestamp_prototype);
6
- c_timestamp.c_timestamp_classes = 'lrv-u-font-size-14 lrv-u-text-transform-uppercase lrv-u-color-black lrv-u-display-inline-block';
5
+ const c_timestamp = clonedeep( c_timestamp_prototype );
6
+ c_timestamp.c_timestamp_classes =
7
+ 'lrv-u-font-size-14 lrv-u-text-transform-uppercase lrv-u-color-black lrv-u-display-inline-block';
7
8
  c_timestamp.c_timestamp_text = 'September 3, 2019 7:51pm';
8
9
  c_timestamp.c_timestamp_datetime_attr = '2019-09-03';
9
10
 
10
11
  module.exports = {
11
- article_timestamp_classes: 'lrv-u-display-block lrv-u-margin-t-050@mobile-max',
12
- c_timestamp: c_timestamp,
12
+ article_timestamp_classes:
13
+ 'lrv-u-display-block lrv-u-margin-t-050@mobile-max',
14
+ c_timestamp,
13
15
  };
@@ -1,4 +1,5 @@
1
1
  module.exports = {
2
2
  article_title_classes: '',
3
- article_title_markup: 'Frieze Editorial Director to Step Down, and More from September 6, 2019',
3
+ article_title_markup:
4
+ 'Frieze Editorial Director to Step Down, and More from September 6, 2019',
4
5
  };