@penskemediacorp/larva 1.15.0 → 1.18.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 (37) hide show
  1. package/build/css/larva-important.css +1 -1
  2. package/build/css/larva.css +1 -1
  3. package/build/css/larva.inline-important.css +1 -1
  4. package/build/css/larva.inline.css +1 -1
  5. package/build/css/variety.compat-important.css +1 -1
  6. package/build/css/variety.compat.css +1 -1
  7. package/build/js/common.js +1 -1
  8. package/build/js/standalone/video-showcase.js +7 -7
  9. package/build/svg/defs/sprite.defs.html +5 -5
  10. package/build/tokens/artinamerica.custom-properties.css +1 -546
  11. package/build/tokens/artnews.custom-properties.css +1 -550
  12. package/build/tokens/bbpro.custom-properties.css +1 -96
  13. package/build/tokens/billboard.custom-properties.css +1 -96
  14. package/build/tokens/deadline.custom-properties.css +1 -533
  15. package/build/tokens/default.custom-properties.css +1 -533
  16. package/build/tokens/dirt.custom-properties.css +1 -81
  17. package/build/tokens/indiewire.custom-properties.css +1 -536
  18. package/build/tokens/rivet.custom-properties.css +1 -82
  19. package/build/tokens/robbreport.custom-properties.css +1 -536
  20. package/build/tokens/rollingstone-2022.custom-properties.css +1 -534
  21. package/build/tokens/rollingstone-2022.json +27 -27
  22. package/build/tokens/rollingstone-2022.map.scss +27 -27
  23. package/build/tokens/rollingstone-2022.raw.json +54 -54
  24. package/build/tokens/rollingstone.custom-properties.css +1 -530
  25. package/build/tokens/sheknows.custom-properties.css +1 -92
  26. package/build/tokens/sourcingjournal.custom-properties.css +1 -87
  27. package/build/tokens/sportico.custom-properties.css +1 -73
  28. package/build/tokens/thr.custom-properties.css +1 -83
  29. package/build/tokens/variety-compat.custom-properties.css +1 -36
  30. package/build/tokens/variety-vip.custom-properties.css +1 -532
  31. package/build/tokens/variety.custom-properties.css +1 -534
  32. package/build/tokens/vibe.custom-properties.css +1 -81
  33. package/build/tokens/wwd-2021.custom-properties.css +1 -82
  34. package/build/tokens/wwd-beauty.custom-properties.css +1 -86
  35. package/build/tokens/wwd-dd.custom-properties.css +1 -18
  36. package/build/tokens/wwd.custom-properties.css +1 -70
  37. package/package.json +7 -7
package/build/tokens/bbpro.custom-properties.css CHANGED
@@ -1,96 +1 @@
1
-
2
- :root {
3
- --border-color-grey-lightest: rgb(237, 235, 235);
4
- --border-color-brand-secondary-light: rgb(0, 0, 0);
5
- --border-color-grey-light: rgb(204, 204, 204);
6
- --border-color-grey-dark: rgb(76, 81, 103);
7
- --border-color-brand-secondary-dark: rgb(0, 0, 0);
8
- --border-color-brand-secondary: rgb(203, 0, 27);
9
- --border-color-grey: rgb(130, 137, 161);
10
- --border-color-brand-primary-light: rgb(236, 28, 36);
11
- --border-color-white: rgb(255, 255, 255);
12
- --border-color-brand-primary-dark: rgb(236, 28, 36);
13
- --border-color-brand-primary: rgb(203, 0, 27);
14
- --background-color-grey-light: rgb(204, 204, 204);
15
- --background-color-grey-lightest: rgb(237, 235, 235);
16
- --background-color-brand-secondary-dark: rgb(0, 0, 0);
17
- --background-color-brand-secondary-light: rgb(0, 0, 0);
18
- --background-color-grey-dark: rgb(76, 81, 103);
19
- --background-color-grey: rgb(130, 137, 161);
20
- /* The background color of the main body of the site. */
21
- --background-color-body: rgb(255, 255, 255);
22
- --background-color-brand-secondary: rgb(203, 0, 27);
23
- --background-color-black: rgb(16, 17, 25);
24
- --background-color-brand-primary-light: rgb(236, 28, 36);
25
- --background-color-brand-primary-dark: rgb(236, 28, 36);
26
- --background-color-white: rgb(255, 255, 255);
27
- --background-color-brand-primary: rgb(203, 0, 27);
28
- --background-color-grey-darkest: rgb(43, 46, 60);
29
- --color-brand-secondary: rgb(203, 0, 27);
30
- --color-black: rgb(16, 17, 25);
31
- --color-brand-primary-light: rgb(236, 28, 36);
32
- --color-brand-primary-dark: rgb(236, 28, 36);
33
- --color-white: rgb(255, 255, 255);
34
- --color-brand-primary: rgb(203, 0, 27);
35
- --color-grey-light: rgb(230, 230, 230);
36
- --color-brand-secondary-dark: rgb(0, 0, 0);
37
- --color-brand-secondary-light: rgb(0, 0, 0);
38
- --color-grey-dark: rgb(76, 81, 103);
39
- --color-grey: rgb(130, 137, 161);
40
- /* The webfont for font-family-primary. */
41
- --font-family-primary-fancy: 'Fletcha S', Georgia, sans-serif;
42
- /* The fallback font for font-family-primary. */
43
- --font-family-primary: 'Georgia', serif;
44
- /* The webfont for font-family-secondary. */
45
- --font-family-secondary-fancy: 'neue-haas-grotesk-display', Arial, serif;
46
- /* Fallback from font-family-secondary */
47
- --font-family-secondary: Arial, serif;
48
- --font-family-body: 'Georgia', Helvetica, sans-serif;
49
- --font-family-basic: Helvetica, sans-serif;
50
- --font-weight-light: 300;
51
- --font-weight-normal: 400;
52
- --font-weight-bold: 700;
53
- --line-height-small: 1.1;
54
- --line-height-normal: 1.35;
55
- --line-height-copy: 1.5;
56
- --line-height-large: 1.85;
57
- /* Used for margins and padding only. */
58
- --spacing-00: 0;
59
- /* Used for margins and padding only. */
60
- --spacing-025: 0.25rem;
61
- /* Used for margins and padding only. */
62
- --spacing-050: 0.5rem;
63
- /* Used for margins and padding only. */
64
- --spacing-075: 0.75rem;
65
- /* Used for margins and padding only. */
66
- --spacing-1: 1rem;
67
- /* Used for margins and padding only. */
68
- --spacing-125: 1.25rem;
69
- /* Used for margins and padding only. */
70
- --spacing-150: 1.5rem;
71
- /* Used for margins and padding only. */
72
- --spacing-2: 2rem;
73
- --background-color-brand-accent-red: rgb(251, 103, 107);
74
- --color-grey-ligh: rgb(213, 213, 213);
75
- --color-brand-accent-green: rgb(0, 221, 161);
76
- --border-color-brand-accent-red: rgb(251, 103, 107);
77
- --border-color-brand-accent-blue: rgb(118, 186, 223);
78
- --background-color-brand-accent-blue: rgb(118, 186, 223);
79
- --color-grey-darkest: rgb(43, 46, 60);
80
- --border-color-grey-ligh: rgb(213, 213, 213);
81
- --background-color-brand-accent: rgb(207, 213, 230);
82
- --border-color-black: rgb(16, 17, 25);
83
- --color-brand-accent-red: rgb(251, 103, 107);
84
- --background-color-grey-ligh: rgb(213, 213, 213);
85
- --border-color-brand-accent: rgb(207, 213, 230);
86
- --background-color-brand-accent-green: rgb(0, 221, 161);
87
- --color-grey-lightest: rgb(237, 235, 235);
88
- --border-color-brand-accent-green: rgb(0, 221, 161);
89
- /* The fallback for the accent font */
90
- --font-family-accent: Arial, serif;
91
- --color-brand-accent-blue: rgb(118, 186, 223);
92
- --color-brand-accent: rgb(207, 213, 230);
93
- --border-color-grey-darkest: rgb(43, 46, 60);
94
- /* The accent webfont, loaded async */
95
- --font-family-accent-fancy: 'acumin-pro-condensed', Arial, sans-serif;
96
- }
1
+ :root{--border-color-grey-lightest: rgb(237, 235, 235);--border-color-brand-secondary-light: rgb(0, 0, 0);--border-color-grey-light: rgb(204, 204, 204);--border-color-grey-dark: rgb(76, 81, 103);--border-color-brand-secondary-dark: rgb(0, 0, 0);--border-color-brand-secondary: rgb(203, 0, 27);--border-color-grey: rgb(130, 137, 161);--border-color-brand-primary-light: rgb(236, 28, 36);--border-color-white: rgb(255, 255, 255);--border-color-brand-primary-dark: rgb(236, 28, 36);--border-color-brand-primary: rgb(203, 0, 27);--background-color-grey-light: rgb(204, 204, 204);--background-color-grey-lightest: rgb(237, 235, 235);--background-color-brand-secondary-dark: rgb(0, 0, 0);--background-color-brand-secondary-light: rgb(0, 0, 0);--background-color-grey-dark: rgb(76, 81, 103);--background-color-grey: rgb(130, 137, 161);--background-color-body: rgb(255, 255, 255);--background-color-brand-secondary: rgb(203, 0, 27);--background-color-black: rgb(16, 17, 25);--background-color-brand-primary-light: rgb(236, 28, 36);--background-color-brand-primary-dark: rgb(236, 28, 36);--background-color-white: rgb(255, 255, 255);--background-color-brand-primary: rgb(203, 0, 27);--background-color-grey-darkest: rgb(43, 46, 60);--color-brand-secondary: rgb(203, 0, 27);--color-black: rgb(16, 17, 25);--color-brand-primary-light: rgb(236, 28, 36);--color-brand-primary-dark: rgb(236, 28, 36);--color-white: rgb(255, 255, 255);--color-brand-primary: rgb(203, 0, 27);--color-grey-light: rgb(230, 230, 230);--color-brand-secondary-dark: rgb(0, 0, 0);--color-brand-secondary-light: rgb(0, 0, 0);--color-grey-dark: rgb(76, 81, 103);--color-grey: rgb(130, 137, 161);--font-family-primary-fancy: "Fletcha S", Georgia, sans-serif;--font-family-primary: "Georgia", serif;--font-family-secondary-fancy: "neue-haas-grotesk-display", Arial, serif;--font-family-secondary: Arial, serif;--font-family-body: "Georgia", Helvetica, sans-serif;--font-family-basic: Helvetica, sans-serif;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-bold: 700;--line-height-small: 1.1;--line-height-normal: 1.35;--line-height-copy: 1.5;--line-height-large: 1.85;--spacing-00: 0;--spacing-025: 0.25rem;--spacing-050: 0.5rem;--spacing-075: 0.75rem;--spacing-1: 1rem;--spacing-125: 1.25rem;--spacing-150: 1.5rem;--spacing-2: 2rem;--background-color-brand-accent-red: rgb(251, 103, 107);--color-grey-ligh: rgb(213, 213, 213);--color-brand-accent-green: rgb(0, 221, 161);--border-color-brand-accent-red: rgb(251, 103, 107);--border-color-brand-accent-blue: rgb(118, 186, 223);--background-color-brand-accent-blue: rgb(118, 186, 223);--color-grey-darkest: rgb(43, 46, 60);--border-color-grey-ligh: rgb(213, 213, 213);--background-color-brand-accent: rgb(207, 213, 230);--border-color-black: rgb(16, 17, 25);--color-brand-accent-red: rgb(251, 103, 107);--background-color-grey-ligh: rgb(213, 213, 213);--border-color-brand-accent: rgb(207, 213, 230);--background-color-brand-accent-green: rgb(0, 221, 161);--color-grey-lightest: rgb(237, 235, 235);--border-color-brand-accent-green: rgb(0, 221, 161);--font-family-accent: Arial, serif;--color-brand-accent-blue: rgb(118, 186, 223);--color-brand-accent: rgb(207, 213, 230);--border-color-grey-darkest: rgb(43, 46, 60);--font-family-accent-fancy: "acumin-pro-condensed", Arial, sans-serif}
package/build/tokens/billboard.custom-properties.css CHANGED
@@ -1,96 +1 @@
1
-
2
- :root {
3
- --border-color-grey-lightest: rgb(237, 235, 235);
4
- --border-color-brand-secondary-light: rgb(0, 0, 0);
5
- --border-color-grey-light: rgb(204, 204, 204);
6
- --border-color-grey-dark: rgb(76, 81, 103);
7
- --border-color-brand-secondary-dark: rgb(0, 0, 0);
8
- --border-color-brand-secondary: rgb(203, 0, 27);
9
- --border-color-grey: rgb(130, 137, 161);
10
- --border-color-brand-primary-light: rgb(236, 28, 36);
11
- --border-color-white: rgb(255, 255, 255);
12
- --border-color-brand-primary-dark: rgb(236, 28, 36);
13
- --border-color-brand-primary: rgb(26, 72, 196);
14
- --background-color-grey-light: rgb(204, 204, 204);
15
- --background-color-grey-lightest: rgb(237, 235, 235);
16
- --background-color-brand-secondary-dark: rgb(0, 0, 0);
17
- --background-color-brand-secondary-light: rgb(0, 0, 0);
18
- --background-color-grey-dark: rgb(76, 81, 103);
19
- --background-color-grey: rgb(130, 137, 161);
20
- /* The background color of the main body of the site. */
21
- --background-color-body: rgb(255, 255, 255);
22
- --background-color-brand-secondary: rgb(203, 0, 27);
23
- --background-color-black: rgb(16, 17, 25);
24
- --background-color-brand-primary-light: rgb(236, 28, 36);
25
- --background-color-brand-primary-dark: rgb(236, 28, 36);
26
- --background-color-white: rgb(255, 255, 255);
27
- --background-color-brand-primary: rgb(26, 72, 196);
28
- --background-color-grey-darkest: rgb(43, 46, 60);
29
- --color-brand-secondary: rgb(203, 0, 27);
30
- --color-black: rgb(16, 17, 25);
31
- --color-brand-primary-light: rgb(236, 28, 36);
32
- --color-brand-primary-dark: rgb(236, 28, 36);
33
- --color-white: rgb(255, 255, 255);
34
- --color-brand-primary: rgb(26, 72, 196);
35
- --color-grey-light: rgb(230, 230, 230);
36
- --color-brand-secondary-dark: rgb(0, 0, 0);
37
- --color-brand-secondary-light: rgb(0, 0, 0);
38
- --color-grey-dark: rgb(76, 81, 103);
39
- --color-grey: rgb(130, 137, 161);
40
- /* The webfont for font-family-primary. */
41
- --font-family-primary-fancy: 'neue-haas-grotesk-display', Times New Roman, sans-serif;
42
- /* The fallback font for font-family-primary. */
43
- --font-family-primary: 'Times New Roman', serif;
44
- /* The webfont, loaded async */
45
- --font-family-secondary-fancy: Arial, sams-serif;
46
- /* Fallback for secondary-fancy */
47
- --font-family-secondary: Arial, sans-serif;
48
- --font-family-body: 'open-sans', Helvetica, sans-serif;
49
- --font-family-basic: Helvetica, sans-serif;
50
- --font-weight-light: 300;
51
- --font-weight-normal: 400;
52
- --font-weight-bold: 700;
53
- --line-height-small: 1.1;
54
- --line-height-normal: 1.35;
55
- --line-height-copy: 1.5;
56
- --line-height-large: 1.85;
57
- /* Used for margins and padding only. */
58
- --spacing-00: 0;
59
- /* Used for margins and padding only. */
60
- --spacing-025: 0.25rem;
61
- /* Used for margins and padding only. */
62
- --spacing-050: 0.5rem;
63
- /* Used for margins and padding only. */
64
- --spacing-075: 0.75rem;
65
- /* Used for margins and padding only. */
66
- --spacing-1: 1rem;
67
- /* Used for margins and padding only. */
68
- --spacing-125: 1.25rem;
69
- /* Used for margins and padding only. */
70
- --spacing-150: 1.5rem;
71
- /* Used for margins and padding only. */
72
- --spacing-2: 2rem;
73
- --background-color-brand-accent-red: rgb(251, 103, 107);
74
- --color-grey-ligh: rgb(213, 213, 213);
75
- --color-brand-accent-green: rgb(0, 221, 161);
76
- --border-color-brand-accent-red: rgb(251, 103, 107);
77
- --border-color-brand-accent-blue: rgb(118, 186, 223);
78
- --background-color-brand-accent-blue: rgb(118, 186, 223);
79
- --color-grey-darkest: rgb(43, 46, 60);
80
- --border-color-grey-ligh: rgb(213, 213, 213);
81
- --background-color-brand-accent: rgb(207, 213, 230);
82
- --border-color-black: rgb(16, 17, 25);
83
- --color-brand-accent-red: rgb(251, 103, 107);
84
- --background-color-grey-ligh: rgb(213, 213, 213);
85
- --border-color-brand-accent: rgb(207, 213, 230);
86
- --background-color-brand-accent-green: rgb(0, 221, 161);
87
- --color-grey-lightest: rgb(237, 235, 235);
88
- --border-color-brand-accent-green: rgb(0, 221, 161);
89
- /* The fallback for the accent font */
90
- --font-family-accent: Arial, serif;
91
- --color-brand-accent-blue: rgb(118, 186, 223);
92
- --color-brand-accent: rgb(207, 213, 230);
93
- --border-color-grey-darkest: rgb(43, 46, 60);
94
- /* The accent webfont, loaded async */
95
- --font-family-accent-fancy: 'acumin-pro-condensed', Arial, sans-serif;
96
- }
1
+ :root{--border-color-grey-lightest: rgb(237, 235, 235);--border-color-brand-secondary-light: rgb(0, 0, 0);--border-color-grey-light: rgb(204, 204, 204);--border-color-grey-dark: rgb(76, 81, 103);--border-color-brand-secondary-dark: rgb(0, 0, 0);--border-color-brand-secondary: rgb(203, 0, 27);--border-color-grey: rgb(130, 137, 161);--border-color-brand-primary-light: rgb(236, 28, 36);--border-color-white: rgb(255, 255, 255);--border-color-brand-primary-dark: rgb(236, 28, 36);--border-color-brand-primary: rgb(26, 72, 196);--background-color-grey-light: rgb(204, 204, 204);--background-color-grey-lightest: rgb(237, 235, 235);--background-color-brand-secondary-dark: rgb(0, 0, 0);--background-color-brand-secondary-light: rgb(0, 0, 0);--background-color-grey-dark: rgb(76, 81, 103);--background-color-grey: rgb(130, 137, 161);--background-color-body: rgb(255, 255, 255);--background-color-brand-secondary: rgb(203, 0, 27);--background-color-black: rgb(16, 17, 25);--background-color-brand-primary-light: rgb(236, 28, 36);--background-color-brand-primary-dark: rgb(236, 28, 36);--background-color-white: rgb(255, 255, 255);--background-color-brand-primary: rgb(26, 72, 196);--background-color-grey-darkest: rgb(43, 46, 60);--color-brand-secondary: rgb(203, 0, 27);--color-black: rgb(16, 17, 25);--color-brand-primary-light: rgb(236, 28, 36);--color-brand-primary-dark: rgb(236, 28, 36);--color-white: rgb(255, 255, 255);--color-brand-primary: rgb(26, 72, 196);--color-grey-light: rgb(230, 230, 230);--color-brand-secondary-dark: rgb(0, 0, 0);--color-brand-secondary-light: rgb(0, 0, 0);--color-grey-dark: rgb(76, 81, 103);--color-grey: rgb(130, 137, 161);--font-family-primary-fancy: "neue-haas-grotesk-display", Times New Roman, sans-serif;--font-family-primary: "Times New Roman", serif;--font-family-secondary-fancy: Arial, sams-serif;--font-family-secondary: Arial, sans-serif;--font-family-body: "open-sans", Helvetica, sans-serif;--font-family-basic: Helvetica, sans-serif;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-bold: 700;--line-height-small: 1.1;--line-height-normal: 1.35;--line-height-copy: 1.5;--line-height-large: 1.85;--spacing-00: 0;--spacing-025: 0.25rem;--spacing-050: 0.5rem;--spacing-075: 0.75rem;--spacing-1: 1rem;--spacing-125: 1.25rem;--spacing-150: 1.5rem;--spacing-2: 2rem;--background-color-brand-accent-red: rgb(251, 103, 107);--color-grey-ligh: rgb(213, 213, 213);--color-brand-accent-green: rgb(0, 221, 161);--border-color-brand-accent-red: rgb(251, 103, 107);--border-color-brand-accent-blue: rgb(118, 186, 223);--background-color-brand-accent-blue: rgb(118, 186, 223);--color-grey-darkest: rgb(43, 46, 60);--border-color-grey-ligh: rgb(213, 213, 213);--background-color-brand-accent: rgb(207, 213, 230);--border-color-black: rgb(16, 17, 25);--color-brand-accent-red: rgb(251, 103, 107);--background-color-grey-ligh: rgb(213, 213, 213);--border-color-brand-accent: rgb(207, 213, 230);--background-color-brand-accent-green: rgb(0, 221, 161);--color-grey-lightest: rgb(237, 235, 235);--border-color-brand-accent-green: rgb(0, 221, 161);--font-family-accent: Arial, serif;--color-brand-accent-blue: rgb(118, 186, 223);--color-brand-accent: rgb(207, 213, 230);--border-color-grey-darkest: rgb(43, 46, 60);--font-family-accent-fancy: "acumin-pro-condensed", Arial, sans-serif}