@penskemediacorp/larva 0.4.3 → 0.5.1

package/build/tokens/variety-compat.raw.json

@@ -0,0 +1,224 @@
+{
+  "aliases": {},
+  "props": {
+    "COLOR_BRAND_SECONDARY": {
+      "category": "text-color",
+      "type": "color",
+      "value": "rgb(238, 232, 9)",
+      "originalValue": "rgb(238, 232, 9)",
+      "name": "COLOR_BRAND_SECONDARY"
+    },
+    "BORDER_COLOR_GREY_LIGHTEST": {
+      "category": "hr-color",
+      "type": "color",
+      "value": "rgb(247, 247, 247)",
+      "originalValue": "rgb(247, 247, 247)",
+      "name": "BORDER_COLOR_GREY_LIGHTEST"
+    },
+    "BACKGROUND_COLOR_GREY_LIGHT": {
+      "category": "background-color",
+      "type": "color",
+      "value": "rgb(230, 230, 230)",
+      "originalValue": "rgb(230, 230, 230)",
+      "name": "BACKGROUND_COLOR_GREY_LIGHT"
+    },
+    "BACKGROUND_COLOR_GREY_LIGHTEST": {
+      "category": "background-color",
+      "type": "color",
+      "value": "rgb(247, 247, 247)",
+      "originalValue": "rgb(247, 247, 247)",
+      "name": "BACKGROUND_COLOR_GREY_LIGHTEST"
+    },
+    "COLOR_BLACK": {
+      "category": "text-color",
+      "type": "color",
+      "value": "rgb(0, 0, 0)",
+      "originalValue": "rgb(0, 0, 0)",
+      "name": "COLOR_BLACK"
+    },
+    "BORDER_COLOR_BRAND_SECONDARY_LIGHT": {
+      "category": "hr-color",
+      "type": "color",
+      "value": "rgb(243, 245, 203)",
+      "originalValue": "rgb(243, 245, 203)",
+      "name": "BORDER_COLOR_BRAND_SECONDARY_LIGHT"
+    },
+    "BORDER_COLOR_GREY_LIGHT": {
+      "category": "hr-color",
+      "type": "color",
+      "value": "rgb(230, 230, 230)",
+      "originalValue": "rgb(230, 230, 230)",
+      "name": "BORDER_COLOR_GREY_LIGHT"
+    },
+    "BACKGROUND_COLOR_BRAND_SECONDARY_LIGHT": {
+      "category": "background-color",
+      "type": "color",
+      "value": "rgb(243, 245, 203)",
+      "originalValue": "rgb(243, 245, 203)",
+      "name": "BACKGROUND_COLOR_BRAND_SECONDARY_LIGHT"
+    },
+    "COLOR_BRAND_PRIMARY_DARK": {
+      "category": "text-color",
+      "type": "color",
+      "value": "rgb(36, 56, 66)",
+      "originalValue": "rgb(36, 56, 66)",
+      "name": "COLOR_BRAND_PRIMARY_DARK"
+    },
+    "BORDER_COLOR_GREY_DARK": {
+      "category": "hr-color",
+      "type": "color",
+      "value": "rgb(106, 106, 106)",
+      "originalValue": "rgb(106, 106, 106)",
+      "name": "BORDER_COLOR_GREY_DARK"
+    },
+    "BACKGROUND_COLOR_GREY_DARK": {
+      "category": "background-color",
+      "type": "color",
+      "value": "rgb(106, 106, 106)",
+      "originalValue": "rgb(106, 106, 106)",
+      "name": "BACKGROUND_COLOR_GREY_DARK"
+    },
+    "BACKGROUND_COLOR_GREY": {
+      "category": "background-color",
+      "type": "color",
+      "value": "rgb(140, 140, 140)",
+      "originalValue": "rgb(140, 140, 140)",
+      "name": "BACKGROUND_COLOR_GREY"
+    },
+    "COLOR_WHITE": {
+      "category": "text-color",
+      "type": "color",
+      "value": "rgb(255, 255, 255)",
+      "originalValue": "rgb(255, 255, 255)",
+      "name": "COLOR_WHITE"
+    },
+    "BORDER_COLOR_BRAND_SECONDARY": {
+      "category": "hr-color",
+      "type": "color",
+      "value": "rgb(238, 232, 9)",
+      "originalValue": "rgb(238, 232, 9)",
+      "name": "BORDER_COLOR_BRAND_SECONDARY"
+    },
+    "BORDER_COLOR_GREY": {
+      "category": "hr-color",
+      "type": "color",
+      "value": "rgb(140, 140, 140)",
+      "originalValue": "rgb(140, 140, 140)",
+      "name": "BORDER_COLOR_GREY"
+    },
+    "COLOR_BRAND_PRIMARY": {
+      "category": "text-color",
+      "type": "color",
+      "value": "rgb(107, 123, 132)",
+      "originalValue": "rgb(107, 123, 132)",
+      "name": "COLOR_BRAND_PRIMARY"
+    },
+    "BACKGROUND_COLOR_BRAND_SECONDARY": {
+      "category": "background-color",
+      "type": "color",
+      "value": "rgb(238, 232, 9)",
+      "comment": "The secondary brand color. This should be lighter in hue, and sufficient contrast with black text.",
+      "originalValue": "rgb(238, 232, 9)",
+      "name": "BACKGROUND_COLOR_BRAND_SECONDARY"
+    },
+    "BACKGROUND_COLOR_BRAND_ACCENT": {
+      "value": "rgb(26, 40, 47)",
+      "type": "color",
+      "category": "background-color",
+      "originalValue": "rgb(26, 40, 47)",
+      "name": "BACKGROUND_COLOR_BRAND_ACCENT"
+    },
+    "COLOR_GREY_LIGHT": {
+      "category": "text-color",
+      "type": "color",
+      "value": "rgb(230, 230, 230)",
+      "originalValue": "rgb(230, 230, 230)",
+      "name": "COLOR_GREY_LIGHT"
+    },
+    "BACKGROUND_COLOR_BLACK": {
+      "category": "background-color",
+      "type": "color",
+      "value": "rgb(0, 0, 0)",
+      "originalValue": "rgb(0, 0, 0)",
+      "name": "BACKGROUND_COLOR_BLACK"
+    },
+    "COLOR_BRAND_SECONDARY_LIGHT": {
+      "category": "text-color",
+      "type": "color",
+      "value": "rgb(243, 245, 203)",
+      "originalValue": "rgb(243, 245, 203)",
+      "name": "COLOR_BRAND_SECONDARY_LIGHT"
+    },
+    "BACKGROUND_COLOR_BRAND_PRIMARY_DARK": {
+      "category": "background-color",
+      "type": "color",
+      "value": "rgb(36, 56, 66)",
+      "originalValue": "rgb(36, 56, 66)",
+      "name": "BACKGROUND_COLOR_BRAND_PRIMARY_DARK"
+    },
+    "BORDER_COLOR_WHITE": {
+      "category": "hr-color",
+      "type": "color",
+      "value": "rgb(255, 255, 255)",
+      "originalValue": "rgb(255, 255, 255)",
+      "name": "BORDER_COLOR_WHITE"
+    },
+    "BORDER_COLOR_BRAND_PRIMARY_DARK": {
+      "category": "hr-color",
+      "type": "color",
+      "value": "rgb(36, 56, 66)",
+      "originalValue": "rgb(36, 56, 66)",
+      "name": "BORDER_COLOR_BRAND_PRIMARY_DARK"
+    },
+    "COLOR_GREY_DARK": {
+      "category": "text-color",
+      "type": "color",
+      "value": "rgb(106, 106, 106)",
+      "originalValue": "rgb(106, 106, 106)",
+      "name": "COLOR_GREY_DARK"
+    },
+    "BORDER_COLOR_BRAND_PRIMARY": {
+      "category": "hr-color",
+      "type": "color",
+      "value": "rgb(107, 123, 132)",
+      "originalValue": "rgb(107, 123, 132)",
+      "name": "BORDER_COLOR_BRAND_PRIMARY"
+    },
+    "COLOR_GREY": {
+      "category": "text-color",
+      "type": "color",
+      "value": "rgb(140, 140, 140)",
+      "originalValue": "rgb(140, 140, 140)",
+      "name": "COLOR_GREY"
+    },
+    "BACKGROUND_COLOR_WHITE": {
+      "category": "background-color",
+      "type": "color",
+      "value": "rgb(255, 255, 255)",
+      "originalValue": "rgb(255, 255, 255)",
+      "name": "BACKGROUND_COLOR_WHITE"
+    },
+    "BACKGROUND_COLOR_BRAND_PRIMARY": {
+      "category": "background-color",
+      "type": "color",
+      "value": "rgb(107, 123, 132)",
+      "comment": "The primary brand color. This should be dark in hue, and have sufficient contrast with white text.",
+      "originalValue": "rgb(107, 123, 132)",
+      "name": "BACKGROUND_COLOR_BRAND_PRIMARY"
+    },
+    "BACKGROUND_COLOR_GREY_DARKEST": {
+      "category": "background-color",
+      "type": "color",
+      "value": "rgb(50, 50, 50)",
+      "originalValue": "rgb(50, 50, 50)",
+      "name": "BACKGROUND_COLOR_GREY_DARKEST"
+    },
+    "COLOR_BRAND_ACCENT": {
+      "value": "rgb(243, 112, 33)",
+      "type": "color",
+      "category": "text-color",
+      "originalValue": "rgb(243, 112, 33)",
+      "name": "COLOR_BRAND_ACCENT"
+    }
+  }
+}

package/build/tokens/variety-vip.custom-properties.css

@@ -13,11 +13,11 @@
   --color-grey: rgb(140, 140, 140);
   --font-family-primary-fancy: 'Graphik XX Cond', sans-serif;
   /* Fallback for primary-fancy */
-  --font-family-primary: Georgia, serif;
+  --font-family-primary: Arial, sans-serif;
   --font-family-secondary-fancy: 'IBM Plex Sans', sans-serif;
   --font-family-secondary: Helvetica, sans-serif;
-  --font-family-body: Georgia, serif;
-  --font-family-basic: Helvetica, sans-serif;
+  --font-family-body: Arial, sans-serif;
+  --font-family-basic: Arial, sans-serif;
   --background-color-grey-light: rgb(204, 204, 204);
   --background-color-grey-lightest: rgb(247, 247, 247);
   --background-color-brand-secondary-dark: rgb(36, 56, 66);

package/build/tokens/variety-vip.json

@@ -11,11 +11,11 @@
   "COLOR_GREY_DARK": "rgb(106, 106, 106)",
   "COLOR_GREY": "rgb(140, 140, 140)",
   "FONT_FAMILY_PRIMARY_FANCY": "'Graphik XX Cond', sans-serif",
-  "FONT_FAMILY_PRIMARY": "Georgia, serif",
+  "FONT_FAMILY_PRIMARY": "Arial, sans-serif",
   "FONT_FAMILY_SECONDARY_FANCY": "'IBM Plex Sans', sans-serif",
   "FONT_FAMILY_SECONDARY": "Helvetica, sans-serif",
-  "FONT_FAMILY_BODY": "Georgia, serif",
-  "FONT_FAMILY_BASIC": "Helvetica, sans-serif",
+  "FONT_FAMILY_BODY": "Arial, sans-serif",
+  "FONT_FAMILY_BASIC": "Arial, sans-serif",
   "BACKGROUND_COLOR_GREY_LIGHT": "rgb(204, 204, 204)",
   "BACKGROUND_COLOR_GREY_LIGHTEST": "rgb(247, 247, 247)",
   "BACKGROUND_COLOR_BRAND_SECONDARY_DARK": "rgb(36, 56, 66)",

package/build/tokens/variety-vip.map.scss

@@ -13,11 +13,11 @@ $variety-vip-map: (
   'color-grey': (rgb(140, 140, 140)),
   'font-family-primary-fancy': ('Graphik XX Cond', sans-serif),
   /* Fallback for primary-fancy */
-  'font-family-primary': (Georgia, serif),
+  'font-family-primary': (Arial, sans-serif),
   'font-family-secondary-fancy': ('IBM Plex Sans', sans-serif),
   'font-family-secondary': (Helvetica, sans-serif),
-  'font-family-body': (Georgia, serif),
-  'font-family-basic': (Helvetica, sans-serif),
+  'font-family-body': (Arial, sans-serif),
+  'font-family-basic': (Arial, sans-serif),
   'background-color-grey-light': (rgb(204, 204, 204)),
   'background-color-grey-lightest': (rgb(247, 247, 247)),
   'background-color-brand-secondary-dark': (rgb(36, 56, 66)),

package/build/tokens/variety-vip.raw.json

@@ -310,10 +310,10 @@
     },
     "FONT_FAMILY_PRIMARY": {
       "category": "font-family",
-      "value": "Georgia, serif",
+      "value": "Arial, sans-serif",
       "type": "font",
       "comment": "Fallback for primary-fancy",
-      "originalValue": "Georgia, serif",
+      "originalValue": "Arial, sans-serif",
       "name": "FONT_FAMILY_PRIMARY"
     },
     "FONT_FAMILY_SECONDARY_FANCY": {
@@ -332,16 +332,16 @@
     },
     "FONT_FAMILY_BODY": {
       "category": "font-family",
-      "value": "Georgia, serif",
+      "value": "Arial, sans-serif",
       "type": "font",
-      "originalValue": "Georgia, serif",
+      "originalValue": "Arial, sans-serif",
       "name": "FONT_FAMILY_BODY"
     },
     "FONT_FAMILY_BASIC": {
       "category": "font-family",
-      "value": "Helvetica, sans-serif",
+      "value": "Arial, sans-serif",
       "type": "font-family",
-      "originalValue": "Helvetica, sans-serif",
+      "originalValue": "Arial, sans-serif",
       "name": "FONT_FAMILY_BASIC"
     },
     "BACKGROUND_COLOR_GREY_LIGHT": {

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

@@ -40,12 +40,12 @@
   --color-grey: rgb(140, 140, 140);
   --font-family-primary-fancy: 'Para Supreme Regular', serif;
   /* Fallback for primary-fancy */
-  --font-family-primary: Georgia, serif;
+  --font-family-primary: Arial, sans-serif;
   --font-family-secondary-fancy: 'IBM Plex Sans', sans-serif;
   /* Fallback for secondary-fancy */
-  --font-family-secondary: Helvetica, serif;
-  --font-family-body: Georgia, serif;
-  --font-family-basic: Helvetica, sans-serif;
+  --font-family-secondary: Arial, sans-serif;
+  --font-family-body: Arial, sans-serif;
+  --font-family-basic: Arial, sans-serif;
   --font-weight-light: 300;
   --font-weight-normal: 400;
   --font-weight-bold: 700;

package/build/tokens/variety.json

@@ -36,11 +36,11 @@
   "COLOR_GREY_DARK": "rgb(106, 106, 106)",
   "COLOR_GREY": "rgb(140, 140, 140)",
   "FONT_FAMILY_PRIMARY_FANCY": "'Para Supreme Regular', serif",
-  "FONT_FAMILY_PRIMARY": "Georgia, serif",
+  "FONT_FAMILY_PRIMARY": "Arial, sans-serif",
   "FONT_FAMILY_SECONDARY_FANCY": "'IBM Plex Sans', sans-serif",
-  "FONT_FAMILY_SECONDARY": "Helvetica, serif",
-  "FONT_FAMILY_BODY": "Georgia, serif",
-  "FONT_FAMILY_BASIC": "Helvetica, sans-serif",
+  "FONT_FAMILY_SECONDARY": "Arial, sans-serif",
+  "FONT_FAMILY_BODY": "Arial, sans-serif",
+  "FONT_FAMILY_BASIC": "Arial, sans-serif",
   "FONT_WEIGHT_LIGHT": "300",
   "FONT_WEIGHT_NORMAL": "400",
   "FONT_WEIGHT_BOLD": "700",

package/build/tokens/variety.map.scss

@@ -40,12 +40,12 @@ $variety-map: (
   'color-grey': (rgb(140, 140, 140)),
   'font-family-primary-fancy': ('Para Supreme Regular', serif),
   /* Fallback for primary-fancy */
-  'font-family-primary': (Georgia, serif),
+  'font-family-primary': (Arial, sans-serif),
   'font-family-secondary-fancy': ('IBM Plex Sans', sans-serif),
   /* Fallback for secondary-fancy */
-  'font-family-secondary': (Helvetica, serif),
-  'font-family-body': (Georgia, serif),
-  'font-family-basic': (Helvetica, sans-serif),
+  'font-family-secondary': (Arial, sans-serif),
+  'font-family-body': (Arial, sans-serif),
+  'font-family-basic': (Arial, sans-serif),
   'font-weight-light': (300),
   'font-weight-normal': (400),
   'font-weight-bold': (700),

package/build/tokens/variety.raw.json

@@ -487,10 +487,10 @@
     },
     "FONT_FAMILY_PRIMARY": {
       "category": "font-family",
-      "value": "Georgia, serif",
+      "value": "Arial, sans-serif",
       "type": "font",
       "comment": "Fallback for primary-fancy",
-      "originalValue": "Georgia, serif",
+      "originalValue": "Arial, sans-serif",
       "name": "FONT_FAMILY_PRIMARY"
     },
     "FONT_FAMILY_SECONDARY_FANCY": {
@@ -502,24 +502,24 @@
     },
     "FONT_FAMILY_SECONDARY": {
       "category": "font-family",
-      "value": "Helvetica, serif",
+      "value": "Arial, sans-serif",
       "type": "font",
       "comment": "Fallback for secondary-fancy",
-      "originalValue": "Helvetica, serif",
+      "originalValue": "Arial, sans-serif",
       "name": "FONT_FAMILY_SECONDARY"
     },
     "FONT_FAMILY_BODY": {
       "category": "font-family",
-      "value": "Georgia, serif",
+      "value": "Arial, sans-serif",
       "type": "font",
-      "originalValue": "Georgia, serif",
+      "originalValue": "Arial, sans-serif",
       "name": "FONT_FAMILY_BODY"
     },
     "FONT_FAMILY_BASIC": {
       "category": "font-family",
-      "value": "Helvetica, sans-serif",
+      "value": "Arial, sans-serif",
       "type": "font-family",
-      "originalValue": "Helvetica, sans-serif",
+      "originalValue": "Arial, sans-serif",
       "name": "FONT_FAMILY_BASIC"
     },
     "FONT_WEIGHT_LIGHT": {

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/lib/server.js

@@ -39,6 +39,14 @@ const markdownFilter = new TwingFilter( 'markdown', ( string ) => {
 	}
 });
 
+// Support `{{ item|markup }}` syntax for outputting escaped content within loops.
+const markupFilter = new TwingFilter(
+	'markup',
+	( string ) => Promise.resolve( string ),
+	{},
+	{ is_safe: ['html'] }
+);
+
 const kebabify = ( name ) => {
 	let kebabCase = [];
 
@@ -67,6 +75,7 @@ if( fs.existsSync( patternConfig.projectPatternsDir ) ) {
 let twing = new TwingEnvironment( loader, { debug: true } );
 
 twing.addFilter( markdownFilter );
+twing.addFilter( markupFilter );
 
 // Add custom function support for doing wp action: {{ wp_action( ... ) }}
 twing.addFunction(new TwingFunction('wp_action',() => {
@@ -272,4 +281,4 @@ app.get( '/:source?/:type?', function (req, res) {
 	twing.render( 'index.html', req.params ).then( output => res.end( output ) );
 });
 
-module.exports = app;
+module.exports = app;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@penskemediacorp/larva",
-  "version": "0.4.3",
+  "version": "0.5.1",
   "description": "> TODO: description",
   "author": "laras126 <laras126@gmail.com>",
   "homepage": "https://github.com/Penske-Media-Corp/pmc-larva/tree/master/packages/larva#readme",
@@ -43,16 +43,16 @@
   "dependencies": {
     "@babel/core": "^7.10.5",
     "@babel/preset-env": "^7.10.4",
-    "@penskemediacorp/backstopjs-config": "^0.4.0",
-    "@penskemediacorp/eslint-config": "^0.4.0",
-    "@penskemediacorp/larva-css": "^0.4.2",
-    "@penskemediacorp/larva-js": "^0.4.0",
-    "@penskemediacorp/larva-patterns": "^0.4.3",
-    "@penskemediacorp/larva-scss": "^0.4.0",
-    "@penskemediacorp/larva-svg": "^0.4.0",
-    "@penskemediacorp/larva-tokens": "^0.4.2",
-    "@penskemediacorp/stylelint-config": "^0.4.0",
-    "@penskemediacorp/twig-to-php-parser": "^0.4.0",
+    "@penskemediacorp/backstopjs-config": "^0.5.0",
+    "@penskemediacorp/eslint-config": "^0.5.0",
+    "@penskemediacorp/larva-css": "^0.5.1",
+    "@penskemediacorp/larva-js": "^0.5.0",
+    "@penskemediacorp/larva-patterns": "^0.5.1",
+    "@penskemediacorp/larva-scss": "^0.5.0",
+    "@penskemediacorp/larva-svg": "^0.5.0",
+    "@penskemediacorp/larva-tokens": "^0.5.1",
+    "@penskemediacorp/stylelint-config": "^0.5.0",
+    "@penskemediacorp/twig-to-php-parser": "^0.5.0",
     "axios": "^0.21.1",
     "babel-loader": "^8.1.0",
     "chalk": "^4.1.0",
@@ -88,5 +88,5 @@
     "webpack": "^4.43.0",
     "webpack-cli": "^3.3.12"
   },
-  "gitHead": "2989186a9789c922a334635fa6eacda67ff33416"
+  "gitHead": "e205a0b770f3f833aeafbfd837c9397f18843616"
 }