@penskemediacorp/larva 0.6.2 → 0.6.4-develop.17

package/build/tokens/artnews.map.scss

@@ -86,7 +86,7 @@ $artnews-map: (
   'body-s-font-size-desktop': (16px),
   'body-xxs-font-size-desktop': (initial),
   'primary-s-font-size-desktop': (24px),
-  'primary-xxs-font-size-desktop': (36px),
+  'primary-xxs-font-size-desktop': (18px),
   'secondary-regular-m-font-size-desktop-xl': (15px),
   'secondary-xl-font-size-desktop-xl': (initial),
   'accent-s-font-size-desktop-xl': (23px),
@@ -94,7 +94,7 @@ $artnews-map: (
   'accent-l-font-size-desktop': (58px),
   'accent-m-font-size-desktop': (26px),
   'primary-xxxs-font-size-desktop': (20px),
-  'primary-xs-font-size-desktop': (36px),
+  'primary-xs-font-size-desktop': (26px),
   'body-xxxs-font-size-desktop': (initial),
   'body-xs-font-size-desktop': (initial),
   'secondary-s-font-size-mobile': (11px),
@@ -133,7 +133,7 @@ $artnews-map: (
   'secondary-l-font-size-desktop': (42px),
   'secondary-regular-m-font-size-mobile': (15px),
   'accent-xxs-font-size-mobile': (14px),
-  'secondary-m-font-size-desktop': (20px),
+  'secondary-m-font-size-desktop': (16px),
   'basic-s-font-size-desktop': (initial),
   'basic-xxs-font-size-desktop': (initial),
   'accent-s-font-size-mobile': (23px),
@@ -162,7 +162,7 @@ $artnews-map: (
   'secondary-s-font-size-desktop': (12px),
   'basic-xs-font-size-desktop-xl': (initial),
   'accent-l-font-size-mobile': (40px),
-  'primary-xxs-font-size-mobile': (26px),
+  'primary-xxs-font-size-mobile': (19px),
   'primary-s-font-size-mobile': (21px),
   'body-xxs-font-size-mobile': (initial),
   'body-s-font-size-mobile': (16px),
@@ -182,7 +182,7 @@ $artnews-map: (
   'primary-m-font-size-mobile': (28px),
   'body-m-font-size-desktop': (18px),
   'body-m-font-size-mobile': (18px),
-  'primary-m-font-size-desktop': (30px),
+  'primary-m-font-size-desktop': (16px),
   'accent-xs-font-size-desktop': (23px),
   'secondary-xs-letter-spacing-desktop': (normal),
   'secondary-xxs-letter-spacing-mobile': (normal),
@@ -248,7 +248,7 @@ $artnews-map: (
   'basic-s-letter-spacing-desktop-xl': (normal),
   'accent-m-letter-spacing-mobile': (.74px),
   'primary-xxxs-letter-spacing-mobile': (normal),
-  'primary-xxs-letter-spacing-desktop': (normal),
+  'primary-xxs-letter-spacing-desktop': (.52px),
   'primary-xs-letter-spacing-mobile': (normal),
   'body-xxs-letter-spacing-desktop': (normal),
   'body-xxxs-letter-spacing-mobile': (normal),

package/build/tokens/artnews.raw.json

@@ -765,8 +765,8 @@
       "status": "alpha",
       "category": "font-size",
       "type": "number",
-      "value": "36px",
-      "originalValue": "36px",
+      "value": "18px",
+      "originalValue": "18px",
       "name": "PRIMARY_XXS_FONT_SIZE_DESKTOP"
     },
     "SECONDARY_REGULAR_M_FONT_SIZE_DESKTOP_XL": {
@@ -835,8 +835,8 @@
       "status": "alpha",
       "category": "font-size",
       "type": "number",
-      "value": "36px",
-      "originalValue": "36px",
+      "value": "26px",
+      "originalValue": "26px",
       "name": "PRIMARY_XS_FONT_SIZE_DESKTOP"
     },
     "BODY_XXXS_FONT_SIZE_DESKTOP": {
@@ -1146,8 +1146,8 @@
       "status": "alpha",
       "category": "font-size",
       "type": "number",
-      "value": "20px",
-      "originalValue": "20px",
+      "value": "16px",
+      "originalValue": "16px",
       "name": "SECONDARY_M_FONT_SIZE_DESKTOP"
     },
     "BASIC_S_FONT_SIZE_DESKTOP": {
@@ -1375,8 +1375,8 @@
       "status": "alpha",
       "category": "font-size",
       "type": "number",
-      "value": "26px",
-      "originalValue": "26px",
+      "value": "19px",
+      "originalValue": "19px",
       "name": "PRIMARY_XXS_FONT_SIZE_MOBILE"
     },
     "PRIMARY_S_FONT_SIZE_MOBILE": {
@@ -1535,8 +1535,8 @@
       "status": "alpha",
       "category": "font-size",
       "type": "number",
-      "value": "30px",
-      "originalValue": "30px",
+      "value": "16px",
+      "originalValue": "16px",
       "name": "PRIMARY_M_FONT_SIZE_DESKTOP"
     },
     "ACCENT_XS_FONT_SIZE_DESKTOP": {
@@ -2017,8 +2017,8 @@
     "PRIMARY_XXS_LETTER_SPACING_DESKTOP": {
       "category": "letter-spacing",
       "type": "number",
-      "value": "normal",
-      "originalValue": "normal",
+      "value": ".52px",
+      "originalValue": ".52px",
       "name": "PRIMARY_XXS_LETTER_SPACING_DESKTOP"
     },
     "PRIMARY_XS_LETTER_SPACING_MOBILE": {

package/build/tokens/rollingstone-2022.custom-properties.css

@@ -325,12 +325,12 @@
   --body-xxxl-font-weight-mobile: normal;
   --primary-xl-font-weight-mobile: bold;
   --secondary-xxl-font-weight-desktop: normal;
-  --secondary-l-font-weight-desktop: 600;
+  --secondary-l-font-weight-desktop: 400;
   --body-m-font-weight-mobile: normal;
   --basic-xxs-font-weight-desktop: 600;
   --accent-xs-font-weight-mobile: 300;
   --basic-xl-font-weight-desktop-xl: 600;
-  --secondary-m-font-weight-desktop: 600;
+  --secondary-m-font-weight-desktop: 400;
   --basic-s-font-weight-desktop: 600;
   --primary-m-font-weight-mobile: bold;
   --primary-xxl-font-weight-mobile: bold;
@@ -340,8 +340,8 @@
   --basic-xl-font-weight-desktop: 600;
   --basic-xxs-font-weight-desktop-xl: 600;
   --basic-s-font-weight-desktop-xl: 600;
-  --secondary-m-font-weight-desktop-xl: 600;
-  --secondary-l-font-weight-desktop-xl: 600;
+  --secondary-m-font-weight-desktop-xl: 400;
+  --secondary-l-font-weight-desktop-xl: 400;
   --secondary-xxl-font-weight-desktop-xl: normal;
   --basic-xs-font-weight-mobile: 600;
   --secondary-xs-font-weight-desktop: normal;
@@ -375,11 +375,11 @@
   --basic-xxs-font-weight-mobile: 600;
   --accent-xs-font-weight-desktop: 300;
   --basic-s-font-weight-mobile: 600;
-  --secondary-m-font-weight-mobile: 600;
+  --secondary-m-font-weight-mobile: 400;
   --primary-xl-font-weight-desktop: bold;
   --body-xxxl-font-weight-desktop: normal;
   --body-xl-font-weight-desktop: normal;
-  --secondary-l-font-weight-mobile: 600;
+  --secondary-l-font-weight-mobile: 400;
   --secondary-xxl-font-weight-mobile: normal;
   --primary-xxs-font-weight-desktop-xl: bold;
   --primary-s-font-weight-desktop-xl: bold;
@@ -449,7 +449,7 @@
   --basic-xl-line-height-mobile: 17px;
   --accent-regular-xxs-line-height-desktop: 26px;
   --body-xs-line-height-desktop-xl: 15px;
-  --primary-xs-line-height-desktop-xl: 20px;
+  --primary-xs-line-height-desktop-xl: 22px;
   --body-xxxs-line-height-desktop-xl: 17px;
   --primary-xxxs-line-height-desktop-xl: 23px;
   --accent-m-line-height-desktop-xl: 26px;

package/build/tokens/rollingstone-2022.json

@@ -310,12 +310,12 @@
   "BODY_XXXL_FONT_WEIGHT_MOBILE": "normal",
   "PRIMARY_XL_FONT_WEIGHT_MOBILE": "bold",
   "SECONDARY_XXL_FONT_WEIGHT_DESKTOP": "normal",
-  "SECONDARY_L_FONT_WEIGHT_DESKTOP": "600",
+  "SECONDARY_L_FONT_WEIGHT_DESKTOP": "400",
   "BODY_M_FONT_WEIGHT_MOBILE": "normal",
   "BASIC_XXS_FONT_WEIGHT_DESKTOP": "600",
   "ACCENT_XS_FONT_WEIGHT_MOBILE": "300",
   "BASIC_XL_FONT_WEIGHT_DESKTOP_XL": "600",
-  "SECONDARY_M_FONT_WEIGHT_DESKTOP": "600",
+  "SECONDARY_M_FONT_WEIGHT_DESKTOP": "400",
   "BASIC_S_FONT_WEIGHT_DESKTOP": "600",
   "PRIMARY_M_FONT_WEIGHT_MOBILE": "bold",
   "PRIMARY_XXL_FONT_WEIGHT_MOBILE": "bold",
@@ -325,8 +325,8 @@
   "BASIC_XL_FONT_WEIGHT_DESKTOP": "600",
   "BASIC_XXS_FONT_WEIGHT_DESKTOP_XL": "600",
   "BASIC_S_FONT_WEIGHT_DESKTOP_XL": "600",
-  "SECONDARY_M_FONT_WEIGHT_DESKTOP_XL": "600",
-  "SECONDARY_L_FONT_WEIGHT_DESKTOP_XL": "600",
+  "SECONDARY_M_FONT_WEIGHT_DESKTOP_XL": "400",
+  "SECONDARY_L_FONT_WEIGHT_DESKTOP_XL": "400",
   "SECONDARY_XXL_FONT_WEIGHT_DESKTOP_XL": "normal",
   "BASIC_XS_FONT_WEIGHT_MOBILE": "600",
   "SECONDARY_XS_FONT_WEIGHT_DESKTOP": "normal",
@@ -360,11 +360,11 @@
   "BASIC_XXS_FONT_WEIGHT_MOBILE": "600",
   "ACCENT_XS_FONT_WEIGHT_DESKTOP": "300",
   "BASIC_S_FONT_WEIGHT_MOBILE": "600",
-  "SECONDARY_M_FONT_WEIGHT_MOBILE": "600",
+  "SECONDARY_M_FONT_WEIGHT_MOBILE": "400",
   "PRIMARY_XL_FONT_WEIGHT_DESKTOP": "bold",
   "BODY_XXXL_FONT_WEIGHT_DESKTOP": "normal",
   "BODY_XL_FONT_WEIGHT_DESKTOP": "normal",
-  "SECONDARY_L_FONT_WEIGHT_MOBILE": "600",
+  "SECONDARY_L_FONT_WEIGHT_MOBILE": "400",
   "SECONDARY_XXL_FONT_WEIGHT_MOBILE": "normal",
   "PRIMARY_XXS_FONT_WEIGHT_DESKTOP_XL": "bold",
   "PRIMARY_S_FONT_WEIGHT_DESKTOP_XL": "bold",
@@ -434,7 +434,7 @@
   "BASIC_XL_LINE_HEIGHT_MOBILE": "17px",
   "ACCENT_REGULAR_XXS_LINE_HEIGHT_DESKTOP": "26px",
   "BODY_XS_LINE_HEIGHT_DESKTOP_XL": "15px",
-  "PRIMARY_XS_LINE_HEIGHT_DESKTOP_XL": "20px",
+  "PRIMARY_XS_LINE_HEIGHT_DESKTOP_XL": "22px",
   "BODY_XXXS_LINE_HEIGHT_DESKTOP_XL": "17px",
   "PRIMARY_XXXS_LINE_HEIGHT_DESKTOP_XL": "23px",
   "ACCENT_M_LINE_HEIGHT_DESKTOP_XL": "26px",

package/build/tokens/rollingstone-2022.map.scss

@@ -325,12 +325,12 @@ $rollingstone-2022-map: (
   'body-xxxl-font-weight-mobile': (normal),
   'primary-xl-font-weight-mobile': (bold),
   'secondary-xxl-font-weight-desktop': (normal),
-  'secondary-l-font-weight-desktop': (600),
+  'secondary-l-font-weight-desktop': (400),
   'body-m-font-weight-mobile': (normal),
   'basic-xxs-font-weight-desktop': (600),
   'accent-xs-font-weight-mobile': (300),
   'basic-xl-font-weight-desktop-xl': (600),
-  'secondary-m-font-weight-desktop': (600),
+  'secondary-m-font-weight-desktop': (400),
   'basic-s-font-weight-desktop': (600),
   'primary-m-font-weight-mobile': (bold),
   'primary-xxl-font-weight-mobile': (bold),
@@ -340,8 +340,8 @@ $rollingstone-2022-map: (
   'basic-xl-font-weight-desktop': (600),
   'basic-xxs-font-weight-desktop-xl': (600),
   'basic-s-font-weight-desktop-xl': (600),
-  'secondary-m-font-weight-desktop-xl': (600),
-  'secondary-l-font-weight-desktop-xl': (600),
+  'secondary-m-font-weight-desktop-xl': (400),
+  'secondary-l-font-weight-desktop-xl': (400),
   'secondary-xxl-font-weight-desktop-xl': (normal),
   'basic-xs-font-weight-mobile': (600),
   'secondary-xs-font-weight-desktop': (normal),
@@ -375,11 +375,11 @@ $rollingstone-2022-map: (
   'basic-xxs-font-weight-mobile': (600),
   'accent-xs-font-weight-desktop': (300),
   'basic-s-font-weight-mobile': (600),
-  'secondary-m-font-weight-mobile': (600),
+  'secondary-m-font-weight-mobile': (400),
   'primary-xl-font-weight-desktop': (bold),
   'body-xxxl-font-weight-desktop': (normal),
   'body-xl-font-weight-desktop': (normal),
-  'secondary-l-font-weight-mobile': (600),
+  'secondary-l-font-weight-mobile': (400),
   'secondary-xxl-font-weight-mobile': (normal),
   'primary-xxs-font-weight-desktop-xl': (bold),
   'primary-s-font-weight-desktop-xl': (bold),
@@ -449,7 +449,7 @@ $rollingstone-2022-map: (
   'basic-xl-line-height-mobile': (17px),
   'accent-regular-xxs-line-height-desktop': (26px),
   'body-xs-line-height-desktop-xl': (15px),
-  'primary-xs-line-height-desktop-xl': (20px),
+  'primary-xs-line-height-desktop-xl': (22px),
   'body-xxxs-line-height-desktop-xl': (17px),
   'primary-xxxs-line-height-desktop-xl': (23px),
   'accent-m-line-height-desktop-xl': (26px),

package/build/tokens/rollingstone-2022.raw.json

@@ -2506,12 +2506,10 @@
       "name": "SECONDARY_XXL_FONT_WEIGHT_DESKTOP"
     },
     "SECONDARY_L_FONT_WEIGHT_DESKTOP": {
-      "selector": "lrv-a-font",
-      "status": "alpha",
       "category": "font-weight",
       "type": "number",
-      "value": "600",
-      "originalValue": "600",
+      "value": "400",
+      "originalValue": "400",
       "name": "SECONDARY_L_FONT_WEIGHT_DESKTOP"
     },
     "BODY_M_FONT_WEIGHT_MOBILE": {
@@ -2545,12 +2543,10 @@
       "originalValue": "600"
     },
     "SECONDARY_M_FONT_WEIGHT_DESKTOP": {
-      "selector": "lrv-a-font",
-      "status": "alpha",
       "category": "font-weight",
       "type": "number",
-      "value": "600",
-      "originalValue": "600",
+      "value": "400",
+      "originalValue": "400",
       "name": "SECONDARY_M_FONT_WEIGHT_DESKTOP"
     },
     "BASIC_S_FONT_WEIGHT_DESKTOP": {
@@ -2617,21 +2613,17 @@
       "originalValue": "600"
     },
     "SECONDARY_M_FONT_WEIGHT_DESKTOP_XL": {
-      "selector": "lrv-a-font",
-      "status": "alpha",
       "category": "font-weight",
       "type": "number",
-      "value": "600",
-      "originalValue": "600",
+      "value": "400",
+      "originalValue": "400",
       "name": "SECONDARY_M_FONT_WEIGHT_DESKTOP_XL"
     },
     "SECONDARY_L_FONT_WEIGHT_DESKTOP_XL": {
-      "selector": "lrv-a-font",
-      "status": "alpha",
       "category": "font-weight",
       "type": "number",
-      "value": "600",
-      "originalValue": "600",
+      "value": "400",
+      "originalValue": "400",
       "name": "SECONDARY_L_FONT_WEIGHT_DESKTOP_XL"
     },
     "SECONDARY_XXL_FONT_WEIGHT_DESKTOP_XL": {
@@ -2880,12 +2872,10 @@
       "name": "BASIC_S_FONT_WEIGHT_MOBILE"
     },
     "SECONDARY_M_FONT_WEIGHT_MOBILE": {
-      "selector": "lrv-a-font",
-      "status": "alpha",
       "category": "font-weight",
       "type": "number",
-      "value": "600",
-      "originalValue": "600",
+      "value": "400",
+      "originalValue": "400",
       "name": "SECONDARY_M_FONT_WEIGHT_MOBILE"
     },
     "PRIMARY_XL_FONT_WEIGHT_DESKTOP": {
@@ -2910,12 +2900,10 @@
       "name": "BODY_XL_FONT_WEIGHT_DESKTOP"
     },
     "SECONDARY_L_FONT_WEIGHT_MOBILE": {
-      "selector": "lrv-a-font",
-      "status": "alpha",
       "category": "font-weight",
       "type": "number",
-      "value": "600",
-      "originalValue": "600",
+      "value": "400",
+      "originalValue": "400",
       "name": "SECONDARY_L_FONT_WEIGHT_MOBILE"
     },
     "SECONDARY_XXL_FONT_WEIGHT_MOBILE": {
@@ -3436,8 +3424,8 @@
     "PRIMARY_XS_LINE_HEIGHT_DESKTOP_XL": {
       "category": "line-height",
       "type": "number",
-      "value": "20px",
-      "originalValue": "20px",
+      "value": "22px",
+      "originalValue": "22px",
       "name": "PRIMARY_XS_LINE_HEIGHT_DESKTOP_XL"
     },
     "BODY_XXXS_LINE_HEIGHT_DESKTOP_XL": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@penskemediacorp/larva",
-  "version": "0.6.2",
+  "version": "0.6.4-develop.17+854eedf7",
   "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.6.0",
-    "@penskemediacorp/eslint-config": "^0.6.0",
-    "@penskemediacorp/larva-css": "^0.6.2",
-    "@penskemediacorp/larva-js": "^0.6.0",
-    "@penskemediacorp/larva-patterns": "^0.6.2",
-    "@penskemediacorp/larva-scss": "^0.6.0",
-    "@penskemediacorp/larva-svg": "^0.6.0",
-    "@penskemediacorp/larva-tokens": "^0.6.0",
-    "@penskemediacorp/stylelint-config": "^0.6.0",
-    "@penskemediacorp/twig-to-php-parser": "^0.6.1",
+    "@penskemediacorp/backstopjs-config": "^0.6.4-develop.17+854eedf7",
+    "@penskemediacorp/eslint-config": "^0.6.4-develop.17+854eedf7",
+    "@penskemediacorp/larva-css": "^0.6.4-develop.17+854eedf7",
+    "@penskemediacorp/larva-js": "^0.6.4-develop.17+854eedf7",
+    "@penskemediacorp/larva-patterns": "^0.6.4-develop.17+854eedf7",
+    "@penskemediacorp/larva-scss": "^0.6.4-develop.17+854eedf7",
+    "@penskemediacorp/larva-svg": "^0.6.4-develop.17+854eedf7",
+    "@penskemediacorp/larva-tokens": "^0.6.4-develop.17+854eedf7",
+    "@penskemediacorp/stylelint-config": "^0.6.4-develop.17+854eedf7",
+    "@penskemediacorp/twig-to-php-parser": "^0.6.4-develop.17+854eedf7",
     "axios": "^0.21.1",
     "babel-loader": "^8.1.0",
     "chalk": "^4.1.0",
@@ -81,6 +81,7 @@
     "nodemon": "^2.0.4",
     "postcss": "^7.0.35",
     "sass": "^1.32.8",
+    "shelljs": "^0.8.5",
     "stylelint": "^13.6.1",
     "svg-sprite": "^1.5.0",
     "svgo": "^1.3.2",
@@ -88,5 +89,5 @@
     "webpack": "^4.43.0",
     "webpack-cli": "^3.3.12"
   },
-  "gitHead": "c54da41f516960a630885fb7ce9bd12bc00dff6e"
+  "gitHead": "854eedf76f31c2ed8f5300329cc2242f936e69b8"
 }

package/scripts/help.js

@@ -0,0 +1,65 @@
+/**
+ * Help command for Larva.
+ *
+ * ## OPTIONS
+ *
+ * [<command>]
+ * : Slug of a command to display the CLI usage information.
+ *
+ * ## EXAMPLES
+ *
+ *     # Display a list of available commands.
+ *     $ npx @penskemediacorp/larva help
+ *
+ *     # Display the prod command docblock.
+ *     $ npx @penskemediacorp/larva help prod
+ */
+
+// Dependencies.
+const fs = require('fs');
+const path = require( 'path' );
+const shell = require( 'shelljs' );
+
+// CLI arguments.
+const getArgsFromCli = require( '../lib/utils/getArgsFromCli' );
+const cliArgs = getArgsFromCli();
+
+const allowedCommands = [
+	'help',
+	'link-all',
+	'lint',
+	'prod',
+	'start',
+	'upgrade',
+];
+
+// Display a generic help description.
+if ( 2 !== cliArgs.length ) {
+	console.log( 'Usage: npx @penskemediacorp/larval <command> [--help]\n' );
+	console.log( `Where <command> is one of ${allowedCommands.join( ', ' )}.\n` );
+	return;
+}
+
+// Check for invalid commands.
+const command = cliArgs[1];
+if ( ! allowedCommands.includes( command ) ) {
+	console.log( `Invalid command '${command}'.\n` );
+	return;
+}
+
+// Display the docblock for a given command.
+const pathToFile = path.resolve( __dirname, `${command}.js` );
+try {
+	if ( fs.existsSync( pathToFile ) ) {
+		fs.readFile( pathToFile, 'utf8', ( error, data ) => {
+			if ( error ) {
+				console.error( error );
+				return;
+			}
+			const fileParts = data.split( '*/', 1 );
+			console.log( fileParts[0] + '*/' );
+		} );
+	}
+} catch( error ) {
+	console.error( error );
+}

package/scripts/link-all.js

@@ -0,0 +1,40 @@
+/**
+ * This command can be used from within any Larva project to link the Larva
+ * packages (from the monorepo) for local development.
+ *
+ * @see https://github.com/penske-media-corp/pmc-larva/blob/master/README.md#linking-larva-for-local-development
+ *
+ * ## OPTIONS
+ *
+ * [--help]
+ * : Display usage and examples for this command.
+ *
+ * ## EXAMPLES
+ *
+ *     # NPM link local packages to Larva monorepo.
+ *     $ npx @penskemediacorp/larva link-all
+ *
+ *     # Help command.
+ *     $ npx @penskemediacorp/larva link-all help
+ */
+
+const shell = require( 'shelljs' );
+
+// CLI arguments.
+const getArgsFromCli = require( '../lib/utils/getArgsFromCli' );
+const cliArgs = getArgsFromCli();
+
+// Handle help command.
+if ( cliArgs.includes( '--help' ) ) {
+    shell.exec( `npx @penskemediacorp/larva help link-all` );
+    return;
+}
+
+shell.exec( 'npm link @penskemediacorp/larva' );
+shell.exec( 'npm link @penskemediacorp/larva-css' );
+shell.exec( 'npm link @penskemediacorp/larva-js' );
+shell.exec( 'npm link @penskemediacorp/larva-patterns' );
+shell.exec( 'npm link @penskemediacorp/larva-scss' );
+shell.exec( 'npm link @penskemediacorp/larva-svg' );
+shell.exec( 'npm link @penskemediacorp/larva-tokens' );
+shell.exec( 'npm link @penskemediacorp/twig-to-php-parser' );

package/scripts/lint.js

@@ -0,0 +1,73 @@
+/**
+ * Lint JavaScript and CSS files in a Larva project.
+ *
+ * ## OPTIONS
+ *
+ * [--help]
+ * : Display usage and examples for this command.
+ *
+ * [--css]
+ * : Lint CSS assets.
+ *
+ * [--js]
+ * : Lint JavaScript assets.
+ *
+ * [--fix]
+ * : Try to automatically fix any issues that arise while linting.
+ *
+ * ## EXAMPLES
+ *
+ *     # Lint CSS and JavaScript assets.
+ *     $ npx @penskemediacorp/larva lint
+ *
+ *     # Only lint CSS assets.
+ *     $ npx @penskemediacorp/larva lint --css
+ *
+ *     # Only lint JavaScripot assets.
+ *     $ npx @penskemediacorp/larva lint --js
+ *
+ *     # Fix CSS and JavaScript assets.
+ *     $ npx @penskemediacorp/larva lint --fix
+ *
+ *     # Mix and match, fix JavaScript assets.
+ *     $ npx @penskemediacorp/larva lint --js --fix
+ *
+ *     # Help command.
+ *     $ npx @penskemediacorp/larva lint --help
+ */
+
+// Dependencies.
+const path = require( 'path' );
+const shell = require( 'shelljs' );
+
+// Construct some paths to point our scripts at.
+const binPath = path.resolve( __dirname, '../bin/larva.js' ); // For sibling scripts.
+const workingDirectory = process.cwd(); // For paths relative to the directory this script was called from.
+
+// CLI arguments.
+const getArgsFromCli = require( '../lib/utils/getArgsFromCli' );
+const cliArgs = getArgsFromCli();
+
+// Handle help command.
+if ( cliArgs.includes( '--help' ) ) {
+    shell.exec( `npx @penskemediacorp/larva help lint` );
+    return;
+}
+
+// Trigger linting when a specific flag is present, or when neither flag is
+// present.
+const lintCSS = cliArgs.includes( '--css' ) || ! cliArgs.includes( '--js' );
+const lintJS = cliArgs.includes( '--js' ) || ! cliArgs.includes( '--css' );
+
+// Appends ` fix` to our linting scripts if the flag is present.
+const fix = cliArgs.includes( '--fix' ) ? ' fix' : '';
+
+if ( lintCSS ) {
+	console.log( 'Linting CSS assets\n\n\n' );
+	shell.exec( `${binPath} lint-scss${fix}` );
+}
+
+if ( lintJS ) {
+	console.log( 'Linting JavaScript assets\n\n\n' );
+	shell.exec( `${binPath} lint-js ${workingDirectory}${fix}` );
+}