@penskemediacorp/larva-patterns 1.46.1 → 1.47.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 (3) hide show
  1. package/modules/page-404/page-404.prototype.js +38 -25
  2. package/modules/page-404/page-404.twig +12 -8
  3. package/package.json +5 -5
package/modules/page-404/page-404.prototype.js CHANGED
@@ -1,49 +1,62 @@
1
1
  const clonedeep = require( 'lodash.clonedeep' );
2
2
 
3
3
  const c_heading_prototype = require( '@penskemediacorp/larva-patterns/components/c-heading/c-heading.prototype' );
4
- const c_heading = clonedeep( c_heading_prototype );
5
-
6
4
  const c_svg_prototype = require( '../../components/c-svg/c-svg.prototype.js' );
7
- const c_svg = clonedeep( c_svg_prototype );
8
-
9
5
  const c_title_prototype = require( '@penskemediacorp/larva-patterns/components/c-title/c-title.prototype' );
10
- const c_title = clonedeep( c_title_prototype );
6
+ const c_tagline_prototype = require( '@penskemediacorp/larva-patterns/components/c-tagline/c-tagline.prototype' );
7
+ const suggested_link_items_prototype = require( '@penskemediacorp/larva-patterns/modules/list/list.prototype' );
8
+ const search_form_prototype = require( '@penskemediacorp/larva-patterns/modules/search-form/search-form.prototype' );
11
9
 
12
- const c_button_prototype = require( '@penskemediacorp/larva-patterns/components/c-button/c-button.prototype' );
13
- const c_button_home = clonedeep( c_button_prototype );
14
- const c_button_search = clonedeep( c_button_prototype );
10
+ const c_heading = clonedeep( c_heading_prototype );
11
+ const c_suggestion_title = clonedeep( c_title_prototype );
12
+ const c_search_title = clonedeep( c_title_prototype );
13
+ const c_svg = clonedeep( c_svg_prototype );
14
+ const c_title = clonedeep( c_title_prototype );
15
+ const c_tagline = clonedeep( c_tagline_prototype );
16
+ const suggested_link_items = clonedeep( suggested_link_items_prototype );
17
+ const search_form = clonedeep( search_form_prototype );
15
18
 
16
- c_heading.c_heading_text = '404';
17
19
  c_heading.c_heading_classes = 'lrv-a-screen-reader-only';
18
20
  c_heading.c_heading_is_primary_heading = true;
21
+ c_heading.c_heading_text = '404';
19
22
 
20
23
  c_svg.c_svg_name = 'logo-404';
21
24
  c_svg.c_svg_classes = 'lrv-u-max-width-100p';
22
25
 
23
26
  c_title.c_title_text = 'OOPS! Something went wrong here!';
24
- c_title.c_title_classes =
25
- 'lrv-a-font-secondary-l lrv-u-text-transform-uppercase lrv-u-margin-b-125';
27
+ c_title.c_title_classes = 'lrv-a-font-secondary-l lrv-u-text-transform-uppercase lrv-u-margin-b-125';
26
28
  c_title.c_title_url = false;
27
29
 
28
- c_button_home.c_button_text = 'Back To Homepage';
29
- c_button_home.c_button_url = '/';
30
- c_button_home.c_button_classes +=
31
- ' lrv-u-background-color-black lrv-u-margin-lr-075 lrv-u-text-transform-uppercase lrv-u-font-weight-bold u-background-color-brand-primary-dark:hover lrv-u-color-white lrv-u-color-white:hover lrv-u-padding-tb-050 lrv-u-padding-lr-1';
30
+ 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_url = false;
32
33
 
33
- c_button_search.c_button_text = 'Head To Search';
34
- c_button_search.c_button_url = '#';
35
- c_button_search.c_button_classes +=
36
- ' lrv-u-background-color-black lrv-u-margin-lr-075 lrv-u-text-transform-uppercase lrv-u-font-weight-bold u-background-color-brand-primary-dark:hover lrv-u-color-white lrv-u-color-white:hover lrv-u-padding-tb-050 lrv-u-padding-lr-1 lrv-u-margin-t-050@mobile-max';
34
+ suggested_link_items.list_classes = 'lrv-u-text-align-left lrv-u-padding-b-1';
35
+ suggested_link_items.list_items = [
36
+ { list_markup: 'item_one' },
37
+ { list_markup: 'item_two' },
38
+ ];
39
+
40
+ c_search_title.c_title_classes = 'lrv-u-text-align-left';
41
+ c_search_title.c_title_text = 'Or try searching for it here...';
42
+ c_search_title.c_title_url = false;
43
+
44
+ search_form.search_form_classes = 'lrv-u-text-align-left lrv-u-margin-t-1 search-form-404';
45
+ search_form.search_form_input_classes = 'lrv-u-border-a-1 lrv-u-width-100p';
46
+ search_form.search_form_action_url = '/?s=';
37
47
 
38
48
  module.exports = {
49
+ button_outer_classes:
50
+ 'lrv-u-flex lrv-u-justify-content-center lrv-u-align-items-center lrv-u-flex-direction-column@mobile-max',
39
51
  c_heading,
40
- c_title,
41
- c_button_home,
42
- c_button_search,
52
+ c_suggestion_title,
53
+ c_search_title,
43
54
  c_svg,
55
+ c_tagline,
56
+ c_title,
57
+ page_404_inner_classes: 'lrv-u-margin-lr-auto lrv-u-padding-lr-1',
58
+ search_form,
59
+ suggested_link_items,
44
60
  wrapper_classes:
45
61
  'lrv-u-text-align-center lrv-u-padding-t-1 lrv-u-padding-b-2 lrv-u-margin-b-2 lrv-u-max-width-830 lrv-u-margin-lr-auto',
46
- page_404_inner_classes: 'lrv-u-margin-lr-auto lrv-u-padding-lr-1',
47
- button_outer_classes:
48
- 'lrv-u-flex lrv-u-justify-content-center lrv-u-align-items-center lrv-u-flex-direction-column@mobile-max',
49
62
  };
package/modules/page-404/page-404.twig CHANGED
@@ -16,17 +16,21 @@
16
16
  {% include "@larva/components/c-tagline/c-tagline.twig" with c_tagline %}
17
17
  {% endif %}
18
18
 
19
- <div class="buttons-outer {{ button_outer_classes }}">
19
+ {% if c_suggestion_title %}
20
+ {% include "@larva/components/c-title/c-title.twig" with c_suggestion_title %}
21
+ {% endif %}
20
22
 
21
- {% if c_button_home %}
22
- {% include "@larva/components/c-button/c-button.twig" with c_button_home %}
23
- {% endif %}
23
+ {% if suggested_link_items %}
24
+ {% include "@larva/modules/list/list.twig" with suggested_link_items %}
25
+ {% endif %}
24
26
 
25
- {% if c_button_search %}
26
- {% include "@larva/components/c-button/c-button.twig" with c_button_search %}
27
- {% endif %}
27
+ {% if c_search_title %}
28
+ {% include "@larva/components/c-title/c-title.twig" with c_search_title %}
29
+ {% endif %}
28
30
 
29
- </div>
31
+ {% if search_form %}
32
+ {% include "@larva/modules/search-form/search-form.twig" with search_form %}
33
+ {% endif %}
30
34
 
31
35
  </div>
32
36
  </section>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@penskemediacorp/larva-patterns",
3
- "version": "1.46.1",
3
+ "version": "1.47.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.46.1",
24
- "@penskemediacorp/larva-js": "^1.46.1",
25
- "@penskemediacorp/larva-svg": "^1.46.1",
23
+ "@penskemediacorp/larva-css": "^1.47.0",
24
+ "@penskemediacorp/larva-js": "^1.47.0",
25
+ "@penskemediacorp/larva-svg": "^1.47.0",
26
26
  "lodash.clonedeep": "^4.5.0"
27
27
  },
28
- "gitHead": "05fa633c002f8636bf93235d4f05e456047dc92f"
28
+ "gitHead": "eaf00ea74ee3fbd2fcbccf90ffcbd86c8e603011"
29
29
  }