@penskemediacorp/larva 0.4.3 → 0.5.1

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 (61) 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/svg/defs/sprite.defs.html +1 -1
  8. package/build/tokens/artinamerica.custom-properties.css +2 -2
  9. package/build/tokens/artinamerica.json +2 -2
  10. package/build/tokens/artinamerica.map.scss +2 -2
  11. package/build/tokens/artinamerica.raw.json +4 -4
  12. package/build/tokens/artnews.custom-properties.css +1 -1
  13. package/build/tokens/artnews.json +1 -1
  14. package/build/tokens/artnews.map.scss +1 -1
  15. package/build/tokens/artnews.raw.json +2 -2
  16. package/build/tokens/billboard.custom-properties.css +2 -2
  17. package/build/tokens/billboard.json +2 -2
  18. package/build/tokens/billboard.map.scss +2 -2
  19. package/build/tokens/billboard.raw.json +4 -4
  20. package/build/tokens/deadline.custom-properties.css +1 -1
  21. package/build/tokens/deadline.json +1 -1
  22. package/build/tokens/deadline.map.scss +1 -1
  23. package/build/tokens/deadline.raw.json +2 -2
  24. package/build/tokens/default.custom-properties.css +6 -6
  25. package/build/tokens/default.json +6 -6
  26. package/build/tokens/default.map.scss +6 -6
  27. package/build/tokens/default.raw.json +12 -12
  28. package/build/tokens/indiewire.custom-properties.css +1 -1
  29. package/build/tokens/indiewire.json +1 -1
  30. package/build/tokens/indiewire.map.scss +1 -1
  31. package/build/tokens/indiewire.raw.json +2 -2
  32. package/build/tokens/robbreport.custom-properties.css +3 -3
  33. package/build/tokens/robbreport.json +3 -3
  34. package/build/tokens/robbreport.map.scss +3 -3
  35. package/build/tokens/robbreport.raw.json +6 -6
  36. package/build/tokens/rollingstone.custom-properties.css +1 -1
  37. package/build/tokens/rollingstone.json +1 -1
  38. package/build/tokens/rollingstone.map.scss +1 -1
  39. package/build/tokens/rollingstone.raw.json +2 -2
  40. package/build/tokens/variety-compat.custom-properties.css +36 -0
  41. package/build/tokens/variety-compat.json +33 -0
  42. package/build/tokens/variety-compat.map.scss +36 -0
  43. package/build/tokens/variety-compat.raw.json +224 -0
  44. package/build/tokens/variety-vip.custom-properties.css +3 -3
  45. package/build/tokens/variety-vip.json +3 -3
  46. package/build/tokens/variety-vip.map.scss +3 -3
  47. package/build/tokens/variety-vip.raw.json +6 -6
  48. package/build/tokens/variety.custom-properties.css +4 -4
  49. package/build/tokens/variety.json +4 -4
  50. package/build/tokens/variety.map.scss +4 -4
  51. package/build/tokens/variety.raw.json +8 -8
  52. package/build/tokens/wwd-dd.custom-properties.css +18 -0
  53. package/build/tokens/wwd-dd.json +13 -0
  54. package/build/tokens/wwd-dd.map.scss +18 -0
  55. package/build/tokens/wwd-dd.raw.json +90 -0
  56. package/lib/server.js +10 -1
  57. package/package.json +12 -12
  58. package/build/tokens/build/bbpro.custom-properties.css +0 -96
  59. package/build/tokens/build/bbpro.json +0 -80
  60. package/build/tokens/build/bbpro.map.scss +0 -96
  61. package/build/tokens/build/bbpro.raw.json +0 -789
package/build/tokens/build/bbpro.custom-properties.css DELETED
@@ -1,96 +0,0 @@
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
- }
package/build/tokens/build/bbpro.json DELETED
@@ -1,80 +0,0 @@
1
- {
2
- "BORDER_COLOR_GREY_LIGHTEST": "rgb(237, 235, 235)",
3
- "BORDER_COLOR_BRAND_SECONDARY_LIGHT": "rgb(0, 0, 0)",
4
- "BORDER_COLOR_GREY_LIGHT": "rgb(204, 204, 204)",
5
- "BORDER_COLOR_GREY_DARK": "rgb(76, 81, 103)",
6
- "BORDER_COLOR_BRAND_SECONDARY_DARK": "rgb(0, 0, 0)",
7
- "BORDER_COLOR_BRAND_SECONDARY": "rgb(203, 0, 27)",
8
- "BORDER_COLOR_GREY": "rgb(130, 137, 161)",
9
- "BORDER_COLOR_BRAND_PRIMARY_LIGHT": "rgb(236, 28, 36)",
10
- "BORDER_COLOR_WHITE": "rgb(255, 255, 255)",
11
- "BORDER_COLOR_BRAND_PRIMARY_DARK": "rgb(236, 28, 36)",
12
- "BORDER_COLOR_BRAND_PRIMARY": "rgb(203, 0, 27)",
13
- "BACKGROUND_COLOR_GREY_LIGHT": "rgb(204, 204, 204)",
14
- "BACKGROUND_COLOR_GREY_LIGHTEST": "rgb(237, 235, 235)",
15
- "BACKGROUND_COLOR_BRAND_SECONDARY_DARK": "rgb(0, 0, 0)",
16
- "BACKGROUND_COLOR_BRAND_SECONDARY_LIGHT": "rgb(0, 0, 0)",
17
- "BACKGROUND_COLOR_GREY_DARK": "rgb(76, 81, 103)",
18
- "BACKGROUND_COLOR_GREY": "rgb(130, 137, 161)",
19
- "BACKGROUND_COLOR_BODY": "rgb(255, 255, 255)",
20
- "BACKGROUND_COLOR_BRAND_SECONDARY": "rgb(203, 0, 27)",
21
- "BACKGROUND_COLOR_BLACK": "rgb(16, 17, 25)",
22
- "BACKGROUND_COLOR_BRAND_PRIMARY_LIGHT": "rgb(236, 28, 36)",
23
- "BACKGROUND_COLOR_BRAND_PRIMARY_DARK": "rgb(236, 28, 36)",
24
- "BACKGROUND_COLOR_WHITE": "rgb(255, 255, 255)",
25
- "BACKGROUND_COLOR_BRAND_PRIMARY": "rgb(203, 0, 27)",
26
- "BACKGROUND_COLOR_GREY_DARKEST": "rgb(43, 46, 60)",
27
- "COLOR_BRAND_SECONDARY": "rgb(203, 0, 27)",
28
- "COLOR_BLACK": "rgb(16, 17, 25)",
29
- "COLOR_BRAND_PRIMARY_LIGHT": "rgb(236, 28, 36)",
30
- "COLOR_BRAND_PRIMARY_DARK": "rgb(236, 28, 36)",
31
- "COLOR_WHITE": "rgb(255, 255, 255)",
32
- "COLOR_BRAND_PRIMARY": "rgb(203, 0, 27)",
33
- "COLOR_GREY_LIGHT": "rgb(230, 230, 230)",
34
- "COLOR_BRAND_SECONDARY_DARK": "rgb(0, 0, 0)",
35
- "COLOR_BRAND_SECONDARY_LIGHT": "rgb(0, 0, 0)",
36
- "COLOR_GREY_DARK": "rgb(76, 81, 103)",
37
- "COLOR_GREY": "rgb(130, 137, 161)",
38
- "FONT_FAMILY_PRIMARY_FANCY": "'Fletcha S', Georgia, sans-serif",
39
- "FONT_FAMILY_PRIMARY": "'Georgia', serif",
40
- "FONT_FAMILY_SECONDARY_FANCY": "'neue-haas-grotesk-display', Arial, serif",
41
- "FONT_FAMILY_SECONDARY": "Arial, serif",
42
- "FONT_FAMILY_BODY": "'Georgia', Helvetica, sans-serif",
43
- "FONT_FAMILY_BASIC": "Helvetica, sans-serif",
44
- "FONT_WEIGHT_LIGHT": "300",
45
- "FONT_WEIGHT_NORMAL": "400",
46
- "FONT_WEIGHT_BOLD": "700",
47
- "LINE_HEIGHT_SMALL": "1.1",
48
- "LINE_HEIGHT_NORMAL": "1.35",
49
- "LINE_HEIGHT_COPY": "1.5",
50
- "LINE_HEIGHT_LARGE": "1.85",
51
- "SPACING_00": "0",
52
- "SPACING_025": "0.25rem",
53
- "SPACING_050": "0.5rem",
54
- "SPACING_075": "0.75rem",
55
- "SPACING_1": "1rem",
56
- "SPACING_125": "1.25rem",
57
- "SPACING_150": "1.5rem",
58
- "SPACING_2": "2rem",
59
- "BACKGROUND_COLOR_BRAND_ACCENT_RED": "rgb(251, 103, 107)",
60
- "COLOR_GREY_LIGH": "rgb(213, 213, 213)",
61
- "COLOR_BRAND_ACCENT_GREEN": "rgb(0, 221, 161)",
62
- "BORDER_COLOR_BRAND_ACCENT_RED": "rgb(251, 103, 107)",
63
- "BORDER_COLOR_BRAND_ACCENT_BLUE": "rgb(118, 186, 223)",
64
- "BACKGROUND_COLOR_BRAND_ACCENT_BLUE": "rgb(118, 186, 223)",
65
- "COLOR_GREY_DARKEST": "rgb(43, 46, 60)",
66
- "BORDER_COLOR_GREY_LIGH": "rgb(213, 213, 213)",
67
- "BACKGROUND_COLOR_BRAND_ACCENT": "rgb(207, 213, 230)",
68
- "BORDER_COLOR_BLACK": "rgb(16, 17, 25)",
69
- "COLOR_BRAND_ACCENT_RED": "rgb(251, 103, 107)",
70
- "BACKGROUND_COLOR_GREY_LIGH": "rgb(213, 213, 213)",
71
- "BORDER_COLOR_BRAND_ACCENT": "rgb(207, 213, 230)",
72
- "BACKGROUND_COLOR_BRAND_ACCENT_GREEN": "rgb(0, 221, 161)",
73
- "COLOR_GREY_LIGHTEST": "rgb(237, 235, 235)",
74
- "BORDER_COLOR_BRAND_ACCENT_GREEN": "rgb(0, 221, 161)",
75
- "FONT_FAMILY_ACCENT": "Arial, serif",
76
- "COLOR_BRAND_ACCENT_BLUE": "rgb(118, 186, 223)",
77
- "COLOR_BRAND_ACCENT": "rgb(207, 213, 230)",
78
- "BORDER_COLOR_GREY_DARKEST": "rgb(43, 46, 60)",
79
- "FONT_FAMILY_ACCENT_FANCY": "'acumin-pro-condensed', Arial, sans-serif"
80
- }
package/build/tokens/build/bbpro.map.scss DELETED
@@ -1,96 +0,0 @@
1
-
2
- $bbpro-map: (
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
- );