Releasing version 1.7.0

.stylelintrc

@@ -1,16 +1,12 @@
 {
-  "defaultSeverity": "warning",
+  "extends": "stylelint-config-rivet",
+  "plugins": ["stylelint-scss"],
   "rules": {
-    "block-closing-brace-newline-after": "always",
-    "block-opening-brace-newline-after": "always",
-    "block-closing-brace-newline-before": "always",
-    "block-opening-brace-space-before": "always",
-    "color-hex-case": "lower",
-    "selector-list-comma-newline-after": "always",
-    "indentation": 2,
-    "number-leading-zero": never,
-    "declaration-colon-space-after": "always-single-line",
-    "declaration-block-semicolon-newline-after": "always",
-    "rule-empty-line-before": ["always", { except: ["first-nested"] }]
+    "at-rule-no-unknown": null,
+    "scss/at-rule-no-unknown": true,
+    "color-hex-length": "long",
+    "selector-type-no-unknown": [true, {
+      ignore: ["custom-elements"]
+    }]
   }
 }

README.md

@@ -2,6 +2,8 @@
 
 [![License](https://img.shields.io/badge/License-BSD%203--Clause-blue.svg)](https://opensource.org/licenses/BSD-3-Clause) [![npm version](https://img.shields.io/npm/v/rivet-uits.svg?style=flat)](https://www.npmjs.com/package/rivet-uits) [![CircleCI](https://circleci.com/gh/indiana-university/rivet-source.svg?style=shield&circle-token=:circle-token)](https://circleci.com/gh/indiana-university/rivet-source)
 
+![Browserstack logo](./src/components/_extras/Browserstack-logo@2x.png)
+
 ## Principles
 Designers and developers can use this system as a foundation for great experiences across all UITS applications. They can also contribute to it—and make the system relevant to any team.
 

cypress/integration/alert_spec.js

@@ -5,11 +5,11 @@ const ALERT_CLOSE = ALERT_INFO + '>.rvt-alert__dismiss';
 const DEV_SERVER = "http://localhost:3000";
 
 describe('Rivet alert interactions', function() {
-  it('Visits the alert page', function() {
-    cy.visit(DEV_SERVER + '/components/preview/alerts--default');
+  it('Visits the info alert page', function() {
+    cy.visit(DEV_SERVER + '/components/preview/alert');
   });
 
-  it('Should see the alert', function() {
+  it('Should see the info alert page', function() {
     cy.get(ALERT_INFO)
       .should('have.attr', 'aria-labelledby', 'information-alert-title')
       .and('be.visible');

gulpfile.js

@@ -11,7 +11,7 @@ const reporter = require("postcss-reporter");
 const requireDir = require("require-dir");
 const sass = require("gulp-sass");
 const scss = require("postcss-scss");
-const stylelint = require("stylelint");
+const stylelint = require("gulp-stylelint");
 const uglify = require("gulp-uglify");
 
 const bannerPackage = require("./config/banner");
@@ -36,16 +36,28 @@ function compileSass() {
 }
 
 // List .scss files. See .stylelintrc for config
-function lintSass() {
-  return src(["src/sass/**/*.scss", "!src/sass/libs/**/*.scss"]).pipe(
-    postcss([stylelint(), reporter({ clearMessages: true })], {
-      syntax: scss
-    })
-  );
+function lintSassWatch() {
+  return src(["src/sass/**/*.scss", "!src/sass/libs/**/*.scss"])
+  .pipe(stylelint({
+    failAfterError: false,
+    reporters: [
+      {formatter: 'string', console: true}
+    ]
+  }));
+}
+
+function lintSassBuild() {
+  return src(["src/sass/**/*.scss", "!src/sass/libs/**/*.scss"])
+  .pipe(stylelint({
+    failAfterError: true,
+    reporters: [
+      {formatter: 'string', console: true}
+    ]
+  }));
 }
 
 function watchSass(callback) {
-  watch("src/sass/**/*.scss", series(compileSass, lintSass));
+  watch("src/sass/**/*.scss", series(compileSass, lintSassWatch));
   callback();
 }
 
@@ -69,11 +81,10 @@ function compileCSS() {
   return src("static/css/rivet.css").pipe(dest("./css"));
 }
 
-function headerCSS(callback) {
-  src("./css/rivet.css")
+function headerCSS() {
+  return src("./css/rivet.css")
     .pipe(header(bannerPackage, { package: package }))
     .pipe(dest("./css/"));
-  callback();
 }
 
 function minifyCSS(callback) {
@@ -220,6 +231,7 @@ function example(callback) {
 }
 
 exports.release = series(
+  lintSassBuild,
   compileSass,
   lintJSBuild,
   concatJS,
@@ -236,6 +248,7 @@ exports.release = series(
 );
 
 exports.build = series(
+  lintSassBuild,
   compileSass,
   lintJSBuild,
   concatJS,
@@ -247,7 +260,7 @@ exports.build = series(
 exports.fractalBuild = fractalBuild;
 
 exports.headless = series(compileSass,
-  lintSass,
+  lintSassWatch,
   lintJSWatch,
   concatJS,
   fractalHeadless,
@@ -257,7 +270,7 @@ exports.headless = series(compileSass,
 
 exports.default = series(
   compileSass,
-  lintSass,
+  lintSassWatch,
   lintJSWatch,
   concatJS,
   fractalStart,