@penskemediacorp/larva-patterns 0.6.3 → 0.6.4

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/footer-button-list/footer-button-list.prototype.js +43 -0
  2. package/modules/footer-button-list/footer-button-list.twig +13 -0
  3. package/modules/footer-magazine-image/footer-magazine-image.prototype.js +15 -0
  4. package/modules/footer-magazine-image/footer-magazine-image.twig +3 -0
  5. package/package.json +3 -3
package/modules/footer-button-list/footer-button-list.prototype.js ADDED
@@ -0,0 +1,43 @@
1
+ const clonedeep = require( 'lodash.clonedeep' );
2
+
3
+ const c_button_prototype = require( '../../components/c-button/c-button.prototype.js' );
4
+ const get_digital_access = clonedeep( c_button_prototype );
5
+ const get_magazine = clonedeep( c_button_prototype );
6
+ const get_gift = clonedeep( c_button_prototype );
7
+ const customer_service = clonedeep( c_button_prototype );
8
+
9
+ get_digital_access.c_button_type_attr = 'button';
10
+ get_digital_access.c_button_inner_classes = 'lrv-u-display-inline-block lrv-u-border-color-grey lrv-u-border-color-white:hover lrv-u-padding-tb-050 lrv-u-padding-lr-025 lrv-u-width-100p lrv-u-border-a-1';
11
+ get_digital_access.c_button_classes = 'lrv-u-text-align-center lrv-u-margin-b-1 lrv-u-padding-a-025 lrv-u-background-color-brand-primary:hover lrv-u-color-white:hover lrv-u-font-weight-bold lrv-a-font-body-xxs lrv-u-background-color-white lrv-u-color-black cx-dynamic-link';
12
+ get_digital_access.c_button_screen_reader_text = 'Get Digital Access';
13
+ get_digital_access.c_button_text = 'Get Digital Access';
14
+ get_digital_access.c_button_url = '#get-digital-access';
15
+
16
+ get_magazine.c_button_type_attr = 'button';
17
+ get_magazine.c_button_inner_classes = 'lrv-u-display-inline-block lrv-u-border-color-grey lrv-u-border-color-white:hover lrv-u-padding-tb-050 lrv-u-padding-lr-025 lrv-u-width-100p lrv-u-border-a-1';
18
+ get_magazine.c_button_classes = 'lrv-u-text-align-center lrv-u-margin-b-1 lrv-u-padding-a-025 lrv-u-background-color-brand-primary:hover lrv-u-color-white:hover lrv-u-font-weight-bold lrv-a-font-body-xxs lrv-u-background-color-white lrv-u-color-black';
19
+ get_magazine.c_button_screen_reader_text = 'Get The Magazine';
20
+ get_magazine.c_button_text = 'Get The Magazine';
21
+ get_magazine.c_button_url = '#get-the-magazine';
22
+
23
+ get_gift.c_button_type_attr = 'button';
24
+ get_gift.c_button_inner_classes = 'lrv-u-display-inline-block lrv-u-border-color-grey lrv-u-border-color-white:hover lrv-u-padding-tb-050 lrv-u-padding-lr-025 lrv-u-width-100p lrv-u-border-a-1';
25
+ get_gift.c_button_classes = 'lrv-u-text-align-center lrv-u-margin-b-1 lrv-u-padding-a-025 lrv-u-background-color-brand-primary:hover lrv-u-color-white:hover lrv-u-font-weight-bold lrv-a-font-body-xxs lrv-u-color-white lrv-u-border-a-1 lrv-u-border-color-grey lrv-u-border-color-brand-primary-dark:hover';
26
+ get_gift.c_button_screen_reader_text = 'Get a Gift';
27
+ get_gift.c_button_text = 'Get a Gift';
28
+ get_gift.c_button_url = '#get-a-gift';
29
+
30
+ customer_service.c_button_type_attr = 'button';
31
+ customer_service.c_button_inner_classes = 'lrv-u-display-inline-block lrv-u-border-color-grey lrv-u-border-color-white:hover lrv-u-padding-tb-050 lrv-u-padding-lr-025 lrv-u-width-100p lrv-u-border-a-1';
32
+ customer_service.c_button_classes = 'lrv-u-text-align-center lrv-u-margin-b-1 lrv-u-padding-a-025 lrv-u-background-color-brand-primary:hover lrv-u-color-white:hover lrv-u-font-weight-bold lrv-a-font-body-xxs lrv-u-color-white lrv-u-border-a-1 lrv-u-border-color-grey lrv-u-border-color-brand-primary-dark:hover';
33
+ customer_service.c_button_screen_reader_text = 'Customer Service';
34
+ customer_service.c_button_text = 'Customer Service';
35
+ customer_service.c_button_url = '#customer-service';
36
+
37
+ module.exports = {
38
+ footer_button_list_content_classes: 'o-footer-button-list__content a-font-body-s lrv-u-flex lrv-u-flex-direction-column a-double-underline a-double-underline-color-grey a-double-underline-bottom@mobile-max lrv-u-padding-b-2@mobile-max',
39
+ footer_button_list_title_classes: 'a-font-accent-medium-l lrv-u-font-weight-bold lrv-u-display-none@mobile-max lrv-u-padding-b-050',
40
+ footer_button_list_classes: 'lrv-u-text-transform-uppercase u-letter-spacing-0063',
41
+ footer_button_list_title_text: '',
42
+ footer_button_list_buttons: [ get_digital_access, get_magazine, get_gift, customer_service],
43
+ };
package/modules/footer-button-list/footer-button-list.twig ADDED
@@ -0,0 +1,13 @@
1
+ <div class="footer-button-list {{ footer_button_list_classes }}">
2
+ {% if footer_button_list_title_text %}
3
+ <h4 class="footer-button-list__title {{ footer_button_list_title_classes }}">
4
+ {{ footer_button_list_title_text }}
5
+ </h4>
6
+ {% endif %}
7
+
8
+ <section class="footer-button-list__content lrv-u-flex lrv-u-flex-direction-column {{ footer_button_list_content_classes }}">
9
+ {% for item in footer_button_list_buttons %}
10
+ {% include "@larva/components/c-button/c-button.twig" with item %}
11
+ {% endfor %}
12
+ </section>
13
+ </div>
package/modules/footer-magazine-image/footer-magazine-image.prototype.js ADDED
@@ -0,0 +1,15 @@
1
+ const clonedeep = require( 'lodash.clonedeep' );
2
+
3
+ const c_lazy_magazine_image_prototype = require( '../../components/c-lazy-image/c-lazy-image.prototype' );
4
+ const c_lazy_magazine_image = clonedeep( c_lazy_magazine_image_prototype );
5
+
6
+ c_lazy_magazine_image.c_lazy_image_classes = 'lrv-u-flex-shrink-0 lrv-u-margin-r-2 lrv-u-width-300 a-hidden@desktop-xl-max';
7
+ c_lazy_magazine_image.c_lazy_image_src_url = 'https://cdn.shopify.com/s/files/1/0238/6647/products/2019_37_540x.jpg';
8
+ c_lazy_magazine_image.c_lazy_image_placeholder_url = 'https://cdn.shopify.com/s/files/1/0238/6647/products/2019_37_540x.jpg';
9
+ c_lazy_magazine_image.c_lazy_image_crop_class = '';
10
+ c_lazy_magazine_image.c_lazy_image_link_url = '/subscribe-us/';
11
+ c_lazy_magazine_image.c_lazy_image_srcset_attr = 'https://cdn.shopify.com/s/files/1/0238/6647/products/2019_37_540x.jpg 240w,https://cdn.shopify.com/s/files/1/0238/6647/products/2019_37_540x.jpg 320w,https://cdn.shopify.com/s/files/1/0238/6647/products/2019_37_540x.jpg 500w,https://cdn.shopify.com/s/files/1/0238/6647/products/2019_37_540x.jpg 640w,https://cdn.shopify.com/s/files/1/0238/6647/products/2019_37_540x.jpg 1024w';
12
+
13
+ module.exports = {
14
+ c_lazy_magazine_image,
15
+ };
package/modules/footer-magazine-image/footer-magazine-image.twig ADDED
@@ -0,0 +1,3 @@
1
+ <div class="footer-image //">
2
+ {% include "@larva/components/c-lazy-image/c-lazy-image.twig" with c_lazy_magazine_image %}
3
+ </div>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@penskemediacorp/larva-patterns",
3
- "version": "0.6.3",
3
+ "version": "0.6.4",
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.3",
23
+ "@penskemediacorp/larva-css": "^0.6.4",
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": "f0ffbd9ac9ba9b13889ade0e4dbc9c94f9e6dd11"
28
+ "gitHead": "8bb6f5065f67b2284d187b5e6c6558ff57bc7ee5"
29
29
  }