@penskemediacorp/larva 1.7.0-alpha.0 → 1.7.2

package/build/tokens/wwd-dd.custom-properties.css

@@ -0,0 +1,18 @@
+
+:root {
+  --border-color-grey-lightest: rgb(240, 240, 240);
+  /* The webfont, loaded async */
+  --font-family-primary-fancy: forma-djr-deck, sans-serif;
+  --font-family-basic: 'Frank Ruhl Libre', serif;
+  --background-color-grey-lightest: rgb(240, 240, 240);
+  /* Fallback for secondary-fancy */
+  --font-family-secondary: serif;
+  --font-family-body: 'Frank Ruhl Libre', serif;
+  /* The webfont, loaded async */
+  --font-family-secondary-fancy: 'Frank Ruhl Libre', serif;
+  --color-grey-lightest: rgb(240, 240, 240);
+  --font-family-accent: 'Times New Roman', serif;
+  /* Fallback for primary-fancy */
+  --font-family-primary: sans-serif;
+  --font-family-accent-fancy: 'Publico Banner', Times New Roman, sans-serif;
+}

package/build/tokens/wwd-dd.json

@@ -0,0 +1,13 @@
+{
+  "BORDER_COLOR_GREY_LIGHTEST": "rgb(240, 240, 240)",
+  "FONT_FAMILY_PRIMARY_FANCY": "forma-djr-deck, sans-serif",
+  "FONT_FAMILY_BASIC": "'Frank Ruhl Libre', serif",
+  "BACKGROUND_COLOR_GREY_LIGHTEST": "rgb(240, 240, 240)",
+  "FONT_FAMILY_SECONDARY": "serif",
+  "FONT_FAMILY_BODY": "'Frank Ruhl Libre', serif",
+  "FONT_FAMILY_SECONDARY_FANCY": "'Frank Ruhl Libre', serif",
+  "COLOR_GREY_LIGHTEST": "rgb(240, 240, 240)",
+  "FONT_FAMILY_ACCENT": "'Times New Roman', serif",
+  "FONT_FAMILY_PRIMARY": "sans-serif",
+  "FONT_FAMILY_ACCENT_FANCY": "'Publico Banner', Times New Roman, sans-serif"
+}

package/build/tokens/wwd-dd.map.scss

@@ -0,0 +1,18 @@
+
+$wwd-dd-map: (
+  'border-color-grey-lightest': (rgb(240, 240, 240)),
+  /* The webfont, loaded async */
+  'font-family-primary-fancy': (forma-djr-deck, sans-serif),
+  'font-family-basic': ('Frank Ruhl Libre', serif),
+  'background-color-grey-lightest': (rgb(240, 240, 240)),
+  /* Fallback for secondary-fancy */
+  'font-family-secondary': (serif),
+  'font-family-body': ('Frank Ruhl Libre', serif),
+  /* The webfont, loaded async */
+  'font-family-secondary-fancy': ('Frank Ruhl Libre', serif),
+  'color-grey-lightest': (rgb(240, 240, 240)),
+  'font-family-accent': ('Times New Roman', serif),
+  /* Fallback for primary-fancy */
+  'font-family-primary': (sans-serif),
+  'font-family-accent-fancy': ('Publico Banner', Times New Roman, sans-serif),
+);

package/build/tokens/wwd-dd.raw.json

@@ -0,0 +1,90 @@
+{
+  "aliases": {},
+  "props": {
+    "BORDER_COLOR_GREY_LIGHTEST": {
+      "category": "hr-color",
+      "type": "color",
+      "value": "rgb(240, 240, 240)",
+      "originalValue": "rgb(240,240,240)",
+      "name": "BORDER_COLOR_GREY_LIGHTEST"
+    },
+    "FONT_FAMILY_PRIMARY_FANCY": {
+      "category": "font-family",
+      "value": "forma-djr-deck, sans-serif",
+      "type": "font",
+      "comment": "The webfont, loaded async",
+      "originalValue": "forma-djr-deck, sans-serif",
+      "name": "FONT_FAMILY_PRIMARY_FANCY"
+    },
+    "FONT_FAMILY_BASIC": {
+      "category": "font-family",
+      "value": "'Frank Ruhl Libre', serif",
+      "type": "font-family",
+      "originalValue": "'Frank Ruhl Libre', serif",
+      "name": "FONT_FAMILY_BASIC"
+    },
+    "BACKGROUND_COLOR_GREY_LIGHTEST": {
+      "category": "background-color",
+      "type": "color",
+      "value": "rgb(240, 240, 240)",
+      "originalValue": "rgb(240,240,240)",
+      "name": "BACKGROUND_COLOR_GREY_LIGHTEST"
+    },
+    "FONT_FAMILY_SECONDARY": {
+      "category": "font-family",
+      "value": "serif",
+      "type": "font",
+      "comment": "Fallback for secondary-fancy",
+      "originalValue": "serif",
+      "name": "FONT_FAMILY_SECONDARY"
+    },
+    "FONT_FAMILY_BODY": {
+      "category": "font-family",
+      "value": "'Frank Ruhl Libre', serif",
+      "type": "font",
+      "originalValue": "'Frank Ruhl Libre', serif",
+      "name": "FONT_FAMILY_BODY"
+    },
+    "FONT_FAMILY_SECONDARY_FANCY": {
+      "category": "font-family",
+      "value": "'Frank Ruhl Libre', serif",
+      "type": "font",
+      "comment": "The webfont, loaded async",
+      "originalValue": "'Frank Ruhl Libre', serif",
+      "name": "FONT_FAMILY_SECONDARY_FANCY"
+    },
+    "COLOR_GREY_LIGHTEST": {
+      "category": "text-color",
+      "type": "color",
+      "value": "rgb(240, 240, 240)",
+      "originalValue": "rgb(240,240,240)",
+      "name": "COLOR_GREY_LIGHTEST"
+    },
+    "FONT_FAMILY_ACCENT": {
+      "selector": "lrv-a-font",
+      "status": "alpha",
+      "value": "'Times New Roman', serif",
+      "type": "font-family",
+      "category": "font-family",
+      "originalValue": "'Times New Roman', serif",
+      "name": "FONT_FAMILY_ACCENT"
+    },
+    "FONT_FAMILY_PRIMARY": {
+      "category": "font-family",
+      "value": "sans-serif",
+      "type": "font",
+      "comment": "Fallback for primary-fancy",
+      "originalValue": "sans-serif",
+      "name": "FONT_FAMILY_PRIMARY"
+    },
+    "FONT_FAMILY_ACCENT_FANCY": {
+      "selector": "lrv-a-font",
+      "status": "alpha",
+      "value": "'Publico Banner', Times New Roman, sans-serif",
+      "type": "font-family",
+      "category": "font-family",
+      "originalValue": "'Publico Banner', Times New Roman, sans-serif",
+      "name": "FONT_FAMILY_ACCENT_FANCY"
+    }
+  }
+}

package/build/tokens/wwd.custom-properties.css

@@ -0,0 +1,70 @@
+
+:root {
+  --border-color-grey-lightest: rgb(247, 247, 247);
+  --border-color-brand-secondary-light: rgb(0, 0, 0);
+  --border-color-grey-light: rgb(204, 204, 204);
+  --border-color-grey-dark: rgb(106, 106, 106);
+  --border-color-brand-secondary-dark: rgb(0, 0, 0);
+  --border-color-brand-secondary: rgb(0, 0, 0);
+  --border-color-grey: rgb(140, 140, 140);
+  --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(228, 0, 0);
+  --background-color-grey-light: rgb(204, 204, 204);
+  --background-color-grey-lightest: rgb(247, 247, 247);
+  --background-color-brand-secondary-dark: rgb(0, 0, 0);
+  --background-color-brand-secondary-light: rgb(0, 0, 0);
+  --background-color-grey-dark: rgb(106, 106, 106);
+  --background-color-grey: rgb(140, 140, 140);
+  /* The background color of the main body of the site. */
+  --background-color-body: rgb(255, 255, 255);
+  --background-color-brand-secondary: rgb(0, 0, 0);
+  --background-color-black: rgb(0, 0, 0);
+  --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(228, 0, 0);
+  --background-color-grey-darkest: rgb(50, 50, 50);
+  --color-brand-secondary: rgb(0, 0, 0);
+  --color-black: rgb(0, 0, 0);
+  --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(228, 0, 0);
+  --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(106, 106, 106);
+  --color-grey: rgb(140, 140, 140);
+  --font-family-primary-fancy: 'neue-haas-unica', Helvetica, sans-serif;
+  --font-family-primary: Helvetica, sans-serif;
+  --font-family-secondary-fancy: Georgia, serif;
+  --font-family-secondary: Georgia, serif;
+  --font-family-body: 'Helvetica Neue', Helvetica, Arial, sans-serif;
+  --font-family-basic: 'Helvetica Neue', Helvetica, Arial, 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;
+  /* Used for margins and padding only. */
+  --spacing-00: 0;
+  /* Used for margins and padding only. */
+  --spacing-025: 0.25rem;
+  /* Used for margins and padding only. */
+  --spacing-050: 0.5rem;
+  /* Used for margins and padding only. */
+  --spacing-075: 0.75rem;
+  /* Used for margins and padding only. */
+  --spacing-1: 1rem;
+  /* Used for margins and padding only. */
+  --spacing-125: 1.25rem;
+  /* Used for margins and padding only. */
+  --spacing-150: 1.5rem;
+  /* Used for margins and padding only. */
+  --spacing-2: 2rem;
+  --background-color-brand-accent: rgb(240, 241, 242);
+}

package/build/tokens/wwd.json

@@ -0,0 +1,60 @@
+{
+  "BORDER_COLOR_GREY_LIGHTEST": "rgb(247, 247, 247)",
+  "BORDER_COLOR_BRAND_SECONDARY_LIGHT": "rgb(0, 0, 0)",
+  "BORDER_COLOR_GREY_LIGHT": "rgb(204, 204, 204)",
+  "BORDER_COLOR_GREY_DARK": "rgb(106, 106, 106)",
+  "BORDER_COLOR_BRAND_SECONDARY_DARK": "rgb(0, 0, 0)",
+  "BORDER_COLOR_BRAND_SECONDARY": "rgb(0, 0, 0)",
+  "BORDER_COLOR_GREY": "rgb(140, 140, 140)",
+  "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(228, 0, 0)",
+  "BACKGROUND_COLOR_GREY_LIGHT": "rgb(204, 204, 204)",
+  "BACKGROUND_COLOR_GREY_LIGHTEST": "rgb(247, 247, 247)",
+  "BACKGROUND_COLOR_BRAND_SECONDARY_DARK": "rgb(0, 0, 0)",
+  "BACKGROUND_COLOR_BRAND_SECONDARY_LIGHT": "rgb(0, 0, 0)",
+  "BACKGROUND_COLOR_GREY_DARK": "rgb(106, 106, 106)",
+  "BACKGROUND_COLOR_GREY": "rgb(140, 140, 140)",
+  "BACKGROUND_COLOR_BODY": "rgb(255, 255, 255)",
+  "BACKGROUND_COLOR_BRAND_SECONDARY": "rgb(0, 0, 0)",
+  "BACKGROUND_COLOR_BLACK": "rgb(0, 0, 0)",
+  "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(228, 0, 0)",
+  "BACKGROUND_COLOR_GREY_DARKEST": "rgb(50, 50, 50)",
+  "COLOR_BRAND_SECONDARY": "rgb(0, 0, 0)",
+  "COLOR_BLACK": "rgb(0, 0, 0)",
+  "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(228, 0, 0)",
+  "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(106, 106, 106)",
+  "COLOR_GREY": "rgb(140, 140, 140)",
+  "FONT_FAMILY_PRIMARY_FANCY": "'neue-haas-unica', Helvetica, sans-serif",
+  "FONT_FAMILY_PRIMARY": "Helvetica, sans-serif",
+  "FONT_FAMILY_SECONDARY_FANCY": "Georgia, serif",
+  "FONT_FAMILY_SECONDARY": "Georgia, serif",
+  "FONT_FAMILY_BODY": "'Helvetica Neue', Helvetica, Arial, sans-serif",
+  "FONT_FAMILY_BASIC": "'Helvetica Neue', Helvetica, Arial, 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": "rgb(240, 241, 242)"
+}

package/build/tokens/wwd.map.scss

@@ -0,0 +1,70 @@
+
+$wwd-map: (
+  'border-color-grey-lightest': (rgb(247, 247, 247)),
+  'border-color-brand-secondary-light': (rgb(0, 0, 0)),
+  'border-color-grey-light': (rgb(204, 204, 204)),
+  'border-color-grey-dark': (rgb(106, 106, 106)),
+  'border-color-brand-secondary-dark': (rgb(0, 0, 0)),
+  'border-color-brand-secondary': (rgb(0, 0, 0)),
+  'border-color-grey': (rgb(140, 140, 140)),
+  '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(228, 0, 0)),
+  'background-color-grey-light': (rgb(204, 204, 204)),
+  'background-color-grey-lightest': (rgb(247, 247, 247)),
+  'background-color-brand-secondary-dark': (rgb(0, 0, 0)),
+  'background-color-brand-secondary-light': (rgb(0, 0, 0)),
+  'background-color-grey-dark': (rgb(106, 106, 106)),
+  'background-color-grey': (rgb(140, 140, 140)),
+  /* The background color of the main body of the site. */
+  'background-color-body': (rgb(255, 255, 255)),
+  'background-color-brand-secondary': (rgb(0, 0, 0)),
+  'background-color-black': (rgb(0, 0, 0)),
+  '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(228, 0, 0)),
+  'background-color-grey-darkest': (rgb(50, 50, 50)),
+  'color-brand-secondary': (rgb(0, 0, 0)),
+  'color-black': (rgb(0, 0, 0)),
+  '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(228, 0, 0)),
+  '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(106, 106, 106)),
+  'color-grey': (rgb(140, 140, 140)),
+  'font-family-primary-fancy': ('neue-haas-unica', Helvetica, sans-serif),
+  'font-family-primary': (Helvetica, sans-serif),
+  'font-family-secondary-fancy': (Georgia, serif),
+  'font-family-secondary': (Georgia, serif),
+  'font-family-body': ('Helvetica Neue', Helvetica, Arial, sans-serif),
+  'font-family-basic': ('Helvetica Neue', Helvetica, Arial, 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),
+  /* Used for margins and padding only. */
+  'spacing-00': (0),
+  /* Used for margins and padding only. */
+  'spacing-025': (0.25rem),
+  /* Used for margins and padding only. */
+  'spacing-050': (0.5rem),
+  /* Used for margins and padding only. */
+  'spacing-075': (0.75rem),
+  /* Used for margins and padding only. */
+  'spacing-1': (1rem),
+  /* Used for margins and padding only. */
+  'spacing-125': (1.25rem),
+  /* Used for margins and padding only. */
+  'spacing-150': (1.5rem),
+  /* Used for margins and padding only. */
+  'spacing-2': (2rem),
+  'background-color-brand-accent': (rgb(240, 241, 242)),
+);