@penskemediacorp/larva 1.71.0 → 1.73.0

package/build/tokens/billboard.json

@@ -57,22 +57,34 @@
   "SPACING_150": "1.5rem",
   "SPACING_2": "2rem",
   "BACKGROUND_COLOR_BRAND_ACCENT_RED": "rgb(251, 103, 107)",
+  "BASIC_XXS_LINE_HEIGHT_DESKTOP_XL": "13px",
   "COLOR_GREY_LIGH": "rgb(213, 213, 213)",
   "COLOR_BRAND_ACCENT_GREEN": "rgb(0, 221, 161)",
+  "BASIC_XXS_FONT_SIZE_DESKTOP_XL": "11px",
   "BORDER_COLOR_BRAND_ACCENT_RED": "rgb(251, 103, 107)",
+  "BASIC_XXS_LETTER_SPACING_DESKTOP": "0.22px",
   "BORDER_COLOR_BRAND_ACCENT_BLUE": "rgb(118, 186, 223)",
+  "BASIC_XXS_FONT_WEIGHT_DESKTOP": "800",
   "BACKGROUND_COLOR_BRAND_ACCENT_BLUE": "rgb(118, 186, 223)",
+  "BASIC_XXS_FONT_WEIGHT_DESKTOP_XL": "800",
   "COLOR_GREY_DARKEST": "rgb(43, 46, 60)",
+  "BASIC_XXS_LINE_HEIGHT_MOBILE": "13px",
+  "BASIC_XXS_FONT_SIZE_MOBILE": "11px",
+  "BASIC_XXS_LETTER_SPACING_DESKTOP_XL": "0.22px",
   "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)",
+  "BASIC_XXS_FONT_SIZE_DESKTOP": "11px",
   "BORDER_COLOR_BRAND_ACCENT": "rgb(207, 213, 230)",
+  "BASIC_XXS_LINE_HEIGHT_DESKTOP": "13px",
   "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",
+  "BASIC_XXS_FONT_WEIGHT_MOBILE": "800",
+  "BASIC_XXS_LETTER_SPACING_MOBILE": "0.22px",
   "COLOR_BRAND_ACCENT_BLUE": "rgb(118, 186, 223)",
   "COLOR_BRAND_ACCENT": "rgb(207, 213, 230)",
   "BORDER_COLOR_GREY_DARKEST": "rgb(43, 46, 60)",

package/build/tokens/billboard.map.scss

@@ -71,23 +71,35 @@ $billboard-map: (
   /* Used for margins and padding only. */
   'spacing-2': (2rem),
   'background-color-brand-accent-red': (rgb(251, 103, 107)),
+  'basic-xxs-line-height-desktop-xl': (13px),
   'color-grey-ligh': (rgb(213, 213, 213)),
   'color-brand-accent-green': (rgb(0, 221, 161)),
+  'basic-xxs-font-size-desktop-xl': (11px),
   'border-color-brand-accent-red': (rgb(251, 103, 107)),
+  'basic-xxs-letter-spacing-desktop': (0.22px),
   'border-color-brand-accent-blue': (rgb(118, 186, 223)),
+  'basic-xxs-font-weight-desktop': (800),
   'background-color-brand-accent-blue': (rgb(118, 186, 223)),
+  'basic-xxs-font-weight-desktop-xl': (800),
   'color-grey-darkest': (rgb(43, 46, 60)),
+  'basic-xxs-line-height-mobile': (13px),
+  'basic-xxs-font-size-mobile': (11px),
+  'basic-xxs-letter-spacing-desktop-xl': (0.22px),
   '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)),
+  'basic-xxs-font-size-desktop': (11px),
   'border-color-brand-accent': (rgb(207, 213, 230)),
+  'basic-xxs-line-height-desktop': (13px),
   '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)),
   /* The fallback for the accent font */
   'font-family-accent': (Arial, serif),
+  'basic-xxs-font-weight-mobile': (800),
+  'basic-xxs-letter-spacing-mobile': (0.22px),
   'color-brand-accent-blue': (rgb(118, 186, 223)),
   'color-brand-accent': (rgb(207, 213, 230)),
   'border-color-grey-darkest': (rgb(43, 46, 60)),

package/build/tokens/billboard.raw.json

@@ -643,6 +643,13 @@
       "originalValue": "#FB676B",
       "name": "BACKGROUND_COLOR_BRAND_ACCENT_RED"
     },
+    "BASIC_XXS_LINE_HEIGHT_DESKTOP_XL": {
+      "category": "line-height",
+      "type": "number",
+      "value": "13px",
+      "originalValue": "13px",
+      "name": "BASIC_XXS_LINE_HEIGHT_DESKTOP_XL"
+    },
     "COLOR_GREY_LIGH": {
       "value": "rgb(213, 213, 213)",
       "type": "color",
@@ -657,6 +664,13 @@
       "originalValue": "#00DDA1",
       "name": "COLOR_BRAND_ACCENT_GREEN"
     },
+    "BASIC_XXS_FONT_SIZE_DESKTOP_XL": {
+      "category": "font-size",
+      "type": "number",
+      "value": "11px",
+      "originalValue": "11px",
+      "name": "BASIC_XXS_FONT_SIZE_DESKTOP_XL"
+    },
     "BORDER_COLOR_BRAND_ACCENT_RED": {
       "value": "rgb(251, 103, 107)",
       "type": "color",
@@ -664,6 +678,13 @@
       "originalValue": "#FB676B",
       "name": "BORDER_COLOR_BRAND_ACCENT_RED"
     },
+    "BASIC_XXS_LETTER_SPACING_DESKTOP": {
+      "category": "letter-spacing",
+      "type": "number",
+      "value": "0.22px",
+      "originalValue": "0.22px",
+      "name": "BASIC_XXS_LETTER_SPACING_DESKTOP"
+    },
     "BORDER_COLOR_BRAND_ACCENT_BLUE": {
       "value": "rgb(118, 186, 223)",
       "type": "color",
@@ -671,6 +692,13 @@
       "originalValue": "#76BADF",
       "name": "BORDER_COLOR_BRAND_ACCENT_BLUE"
     },
+    "BASIC_XXS_FONT_WEIGHT_DESKTOP": {
+      "category": "font-weight",
+      "type": "number",
+      "value": "800",
+      "originalValue": "800",
+      "name": "BASIC_XXS_FONT_WEIGHT_DESKTOP"
+    },
     "BACKGROUND_COLOR_BRAND_ACCENT_BLUE": {
       "value": "rgb(118, 186, 223)",
       "type": "color",
@@ -678,6 +706,13 @@
       "originalValue": "#76BADF",
       "name": "BACKGROUND_COLOR_BRAND_ACCENT_BLUE"
     },
+    "BASIC_XXS_FONT_WEIGHT_DESKTOP_XL": {
+      "category": "font-weight",
+      "type": "number",
+      "value": "800",
+      "originalValue": "800",
+      "name": "BASIC_XXS_FONT_WEIGHT_DESKTOP_XL"
+    },
     "COLOR_GREY_DARKEST": {
       "value": "rgb(43, 46, 60)",
       "type": "color",
@@ -685,6 +720,27 @@
       "originalValue": "#2B2E3C",
       "name": "COLOR_GREY_DARKEST"
     },
+    "BASIC_XXS_LINE_HEIGHT_MOBILE": {
+      "category": "line-height",
+      "type": "number",
+      "value": "13px",
+      "originalValue": "13px",
+      "name": "BASIC_XXS_LINE_HEIGHT_MOBILE"
+    },
+    "BASIC_XXS_FONT_SIZE_MOBILE": {
+      "category": "font-size",
+      "type": "number",
+      "value": "11px",
+      "originalValue": "11px",
+      "name": "BASIC_XXS_FONT_SIZE_MOBILE"
+    },
+    "BASIC_XXS_LETTER_SPACING_DESKTOP_XL": {
+      "category": "letter-spacing",
+      "type": "number",
+      "value": "0.22px",
+      "originalValue": "0.22px",
+      "name": "BASIC_XXS_LETTER_SPACING_DESKTOP_XL"
+    },
     "BORDER_COLOR_GREY_LIGH": {
       "value": "rgb(213, 213, 213)",
       "type": "color",
@@ -720,6 +776,13 @@
       "originalValue": "#D5D5D5",
       "name": "BACKGROUND_COLOR_GREY_LIGH"
     },
+    "BASIC_XXS_FONT_SIZE_DESKTOP": {
+      "category": "font-size",
+      "type": "number",
+      "value": "11px",
+      "originalValue": "11px",
+      "name": "BASIC_XXS_FONT_SIZE_DESKTOP"
+    },
     "BORDER_COLOR_BRAND_ACCENT": {
       "value": "rgb(207, 213, 230)",
       "type": "color",
@@ -727,6 +790,13 @@
       "originalValue": "#CFD5E6",
       "name": "BORDER_COLOR_BRAND_ACCENT"
     },
+    "BASIC_XXS_LINE_HEIGHT_DESKTOP": {
+      "category": "line-height",
+      "type": "number",
+      "value": "13px",
+      "originalValue": "13px",
+      "name": "BASIC_XXS_LINE_HEIGHT_DESKTOP"
+    },
     "BACKGROUND_COLOR_BRAND_ACCENT_GREEN": {
       "value": "rgb(0, 221, 161)",
       "type": "color",
@@ -756,6 +826,20 @@
       "originalValue": "Arial, serif",
       "name": "FONT_FAMILY_ACCENT"
     },
+    "BASIC_XXS_FONT_WEIGHT_MOBILE": {
+      "category": "font-weight",
+      "type": "number",
+      "value": "800",
+      "originalValue": "800",
+      "name": "BASIC_XXS_FONT_WEIGHT_MOBILE"
+    },
+    "BASIC_XXS_LETTER_SPACING_MOBILE": {
+      "category": "letter-spacing",
+      "type": "number",
+      "value": "0.22px",
+      "originalValue": "0.22px",
+      "name": "BASIC_XXS_LETTER_SPACING_MOBILE"
+    },
     "COLOR_BRAND_ACCENT_BLUE": {
       "value": "rgb(118, 186, 223)",
       "type": "color",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@penskemediacorp/larva",
-  "version": "1.71.0",
+  "version": "1.73.0",
   "description": "> TODO: description",
   "author": "laras126 <laras126@gmail.com>",
   "homepage": "https://github.com/Penske-Media-Corp/pmc-larva/tree/master/packages/larva#readme",
@@ -44,16 +44,16 @@
   "dependencies": {
     "@babel/core": "^7",
     "@babel/preset-env": "^7",
-    "@penskemediacorp/backstopjs-config": "^1.71.0",
-    "@penskemediacorp/eslint-config": "^1.71.0",
-    "@penskemediacorp/larva-css": "^1.71.0",
-    "@penskemediacorp/larva-js": "^1.71.0",
-    "@penskemediacorp/larva-patterns": "^1.71.0",
+    "@penskemediacorp/backstopjs-config": "^1.73.0",
+    "@penskemediacorp/eslint-config": "^1.73.0",
+    "@penskemediacorp/larva-css": "^1.73.0",
+    "@penskemediacorp/larva-js": "^1.73.0",
+    "@penskemediacorp/larva-patterns": "^1.73.0",
     "@penskemediacorp/larva-scss": "^1.66.4",
     "@penskemediacorp/larva-svg": "^1.66.4",
-    "@penskemediacorp/larva-tokens": "^1.71.0",
-    "@penskemediacorp/stylelint-config": "^1.71.0",
-    "@penskemediacorp/twig-to-php-parser": "^1.71.0",
+    "@penskemediacorp/larva-tokens": "^1.73.0",
+    "@penskemediacorp/stylelint-config": "^1.73.0",
+    "@penskemediacorp/twig-to-php-parser": "^1.73.0",
     "axios": "^1",
     "babel-loader": "^9",
     "chalk": "^4",
@@ -95,5 +95,5 @@
   "overrides": {
     "@wordpress/eslint-plugin": "^17"
   },
-  "gitHead": "ed4d209930232254337b644b3af92de47d4a1730"
+  "gitHead": "725a97fa8e3b54d47897ddbda7913b5cbf8c9e78"
 }