@barguide/style-guide - npm Package Compare versions

Comparing version 0.0.2-alpha.5 to 0.0.2-alpha.8

dist/index.amd.js

@@ -11,74 +11,74 @@ define(['exports'], function (exports) { 'use strict';
    */
-  var SPOT_BLACK = '#000';
-  var SPOT_GREY_9 = '#1a1a1a';
-  var SPOT_GREY_8 = '#333';
-  var SPOT_GREY_7 = '#555';
-  var SPOT_GREY_6 = '#666';
-  var SPOT_GREY_5 = '#808080';
-  var SPOT_GREY_4 = '#999';
-  var SPOT_GREY_3 = '#b3b3b3';
-  var SPOT_GREY_2 = '#ccc';
-  var SPOT_GREY_1 = '#e5e5e5';
-  var SPOT_GREY_0 = '#eee';
-  var SPOT_WHITE = '#fff';
+  const SPOT_BLACK = '#000';
+  const SPOT_GREY_9 = '#1a1a1a';
+  const SPOT_GREY_8 = '#333';
+  const SPOT_GREY_7 = '#555';
+  const SPOT_GREY_6 = '#666';
+  const SPOT_GREY_5 = '#808080';
+  const SPOT_GREY_4 = '#999';
+  const SPOT_GREY_3 = '#b3b3b3';
+  const SPOT_GREY_2 = '#ccc';
+  const SPOT_GREY_1 = '#e5e5e5';
+  const SPOT_GREY_0 = '#eee';
+  const SPOT_WHITE = '#fff';
   /**
    * Secondary Colors ~ ROYGBIV ~ https://goo.gl/CcYD6Q
    */
-  var SPOT_RED = '#a10';
-  var SPOT_ORANGE = '#f40';
-  var SPOT_YELLOW = '#fb1';
-  var SPOT_GREEN = '#5a0';
-  var SPOT_BLUE = '#005';
-  var SPOT_INDIGO = '#310062';
-  var SPOT_VIOLET = '#4b0082';
+  const SPOT_RED = '#f00';
+  const SPOT_ORANGE = '#f70';
+  const SPOT_YELLOW = '#fd0';
+  const SPOT_GREEN = '#0f0';
+  const SPOT_BLUE = '#00f';
+  const SPOT_INDIGO = '#8a2be2';
+  const SPOT_VIOLET = '#c77df3';
   // Alternates of the ROYGBIV palette
-  var SPOT_RED_ALT = '#f00';
-  var SPOT_ORANGE_ALT = '#f70';
-  var SPOT_YELLOW_ALT = '#fd0';
-  var SPOT_GREEN_ALT = '#0f0';
-  var SPOT_BLUE_ALT = '#00f';
-  var SPOT_INDIGO_ALT = '#8a2be2';
-  var SPOT_VIOLET_ALT = '#c77df3';
+  const SPOT_RED_ALT = '#a10';
+  const SPOT_ORANGE_ALT = '#f40';
+  const SPOT_YELLOW_ALT = '#fb1';
+  const SPOT_GREEN_ALT = '#5a0';
+  const SPOT_BLUE_ALT = '#005';
+  const SPOT_INDIGO_ALT = '#310062';
+  const SPOT_VIOLET_ALT = '#4b0082';
   /**
    * Primary / Brand Colors
    */
-  var SPOT_PRIMARY = SPOT_RED;
-  var SPOT_PRIMARY_ALT = SPOT_RED;
-  var SPOT_SECONDARY = SPOT_GREY_9;
-  var SPOT_SECONDARY_ALT = SPOT_GREY_9;
+  const SPOT_PRIMARY = SPOT_RED;
+  const SPOT_PRIMARY_ALT = SPOT_RED_ALT;
+  const SPOT_SECONDARY = SPOT_GREY_9;
+  const SPOT_SECONDARY_ALT = SPOT_GREY_9;
   // These last two exports are for the Style Guide
-  var GROUP_BRAND = {
-      SPOT_PRIMARY: SPOT_PRIMARY,
-      SPOT_SECONDARY: SPOT_SECONDARY
+  const GROUP_BRAND = {
+      SPOT_PRIMARY,
+      SPOT_SECONDARY
   };
-  var GROUP_PRIMARY = {
-      SPOT_RED: SPOT_RED,
-      SPOT_ORANGE: SPOT_ORANGE,
-      SPOT_YELLOW: SPOT_YELLOW,
-      SPOT_GREEN: SPOT_GREEN,
-      SPOT_BLUE: SPOT_BLUE,
-      SPOT_INDIGO: SPOT_INDIGO,
-      SPOT_VIOLET: SPOT_VIOLET
+  const GROUP_PRIMARY = {
+      SPOT_RED,
+      SPOT_ORANGE,
+      SPOT_YELLOW,
+      SPOT_GREEN,
+      SPOT_BLUE,
+      SPOT_INDIGO,
+      SPOT_VIOLET
   };
-  var GROUP_SECONDARY = {
-      SPOT_RED_ALT: SPOT_RED_ALT,
-      SPOT_ORANGE_ALT: SPOT_ORANGE_ALT,
-      SPOT_YELLOW_ALT: SPOT_YELLOW_ALT,
-      SPOT_GREEN_ALT: SPOT_GREEN_ALT,
-      SPOT_BLUE_ALT: SPOT_BLUE_ALT,
-      SPOT_INDIGO_ALT: SPOT_INDIGO_ALT,
-      SPOT_VIOLET_ALT: SPOT_VIOLET_ALT
+  const GROUP_SECONDARY = {
+      SPOT_RED_ALT,
+      SPOT_ORANGE_ALT,
+      SPOT_YELLOW_ALT,
+      SPOT_GREEN_ALT,
+      SPOT_BLUE_ALT,
+      SPOT_INDIGO_ALT,
+      SPOT_VIOLET_ALT
   };
-  var GROUP_GREYS = {
-      SPOT_BLACK: SPOT_BLACK,
-      SPOT_GREY_9: SPOT_GREY_9,
-      SPOT_GREY_8: SPOT_GREY_8,
-      SPOT_GREY_7: SPOT_GREY_7,
-      SPOT_GREY_6: SPOT_GREY_6,
-      SPOT_GREY_5: SPOT_GREY_5,
-      SPOT_GREY_4: SPOT_GREY_4,
-      SPOT_GREY_3: SPOT_GREY_3,
-      SPOT_GREY_2: SPOT_GREY_2,
-      SPOT_GREY_1: SPOT_GREY_1,
-      SPOT_WHITE: SPOT_WHITE
+  const GROUP_GREYS = {
+      SPOT_BLACK,
+      SPOT_GREY_9,
+      SPOT_GREY_8,
+      SPOT_GREY_7,
+      SPOT_GREY_6,
+      SPOT_GREY_5,
+      SPOT_GREY_4,
+      SPOT_GREY_3,
+      SPOT_GREY_2,
+      SPOT_GREY_1,
+      SPOT_WHITE
   };
@@ -85,0 +85,0 @@

dist/index.cjs.js

@@ -13,74 +13,74 @@ 'use strict';
  */
-var SPOT_BLACK = '#000';
-var SPOT_GREY_9 = '#1a1a1a';
-var SPOT_GREY_8 = '#333';
-var SPOT_GREY_7 = '#555';
-var SPOT_GREY_6 = '#666';
-var SPOT_GREY_5 = '#808080';
-var SPOT_GREY_4 = '#999';
-var SPOT_GREY_3 = '#b3b3b3';
-var SPOT_GREY_2 = '#ccc';
-var SPOT_GREY_1 = '#e5e5e5';
-var SPOT_GREY_0 = '#eee';
-var SPOT_WHITE = '#fff';
+const SPOT_BLACK = '#000';
+const SPOT_GREY_9 = '#1a1a1a';
+const SPOT_GREY_8 = '#333';
+const SPOT_GREY_7 = '#555';
+const SPOT_GREY_6 = '#666';
+const SPOT_GREY_5 = '#808080';
+const SPOT_GREY_4 = '#999';
+const SPOT_GREY_3 = '#b3b3b3';
+const SPOT_GREY_2 = '#ccc';
+const SPOT_GREY_1 = '#e5e5e5';
+const SPOT_GREY_0 = '#eee';
+const SPOT_WHITE = '#fff';
 /**
  * Secondary Colors ~ ROYGBIV ~ https://goo.gl/CcYD6Q
  */
-var SPOT_RED = '#a10';
-var SPOT_ORANGE = '#f40';
-var SPOT_YELLOW = '#fb1';
-var SPOT_GREEN = '#5a0';
-var SPOT_BLUE = '#005';
-var SPOT_INDIGO = '#310062';
-var SPOT_VIOLET = '#4b0082';
+const SPOT_RED = '#f00';
+const SPOT_ORANGE = '#f70';
+const SPOT_YELLOW = '#fd0';
+const SPOT_GREEN = '#0f0';
+const SPOT_BLUE = '#00f';
+const SPOT_INDIGO = '#8a2be2';
+const SPOT_VIOLET = '#c77df3';
 // Alternates of the ROYGBIV palette
-var SPOT_RED_ALT = '#f00';
-var SPOT_ORANGE_ALT = '#f70';
-var SPOT_YELLOW_ALT = '#fd0';
-var SPOT_GREEN_ALT = '#0f0';
-var SPOT_BLUE_ALT = '#00f';
-var SPOT_INDIGO_ALT = '#8a2be2';
-var SPOT_VIOLET_ALT = '#c77df3';
+const SPOT_RED_ALT = '#a10';
+const SPOT_ORANGE_ALT = '#f40';
+const SPOT_YELLOW_ALT = '#fb1';
+const SPOT_GREEN_ALT = '#5a0';
+const SPOT_BLUE_ALT = '#005';
+const SPOT_INDIGO_ALT = '#310062';
+const SPOT_VIOLET_ALT = '#4b0082';
 /**
  * Primary / Brand Colors
  */
-var SPOT_PRIMARY = SPOT_RED;
-var SPOT_PRIMARY_ALT = SPOT_RED;
-var SPOT_SECONDARY = SPOT_GREY_9;
-var SPOT_SECONDARY_ALT = SPOT_GREY_9;
+const SPOT_PRIMARY = SPOT_RED;
+const SPOT_PRIMARY_ALT = SPOT_RED_ALT;
+const SPOT_SECONDARY = SPOT_GREY_9;
+const SPOT_SECONDARY_ALT = SPOT_GREY_9;
 // These last two exports are for the Style Guide
-var GROUP_BRAND = {
-    SPOT_PRIMARY: SPOT_PRIMARY,
-    SPOT_SECONDARY: SPOT_SECONDARY
+const GROUP_BRAND = {
+    SPOT_PRIMARY,
+    SPOT_SECONDARY
 };
-var GROUP_PRIMARY = {
-    SPOT_RED: SPOT_RED,
-    SPOT_ORANGE: SPOT_ORANGE,
-    SPOT_YELLOW: SPOT_YELLOW,
-    SPOT_GREEN: SPOT_GREEN,
-    SPOT_BLUE: SPOT_BLUE,
-    SPOT_INDIGO: SPOT_INDIGO,
-    SPOT_VIOLET: SPOT_VIOLET
+const GROUP_PRIMARY = {
+    SPOT_RED,
+    SPOT_ORANGE,
+    SPOT_YELLOW,
+    SPOT_GREEN,
+    SPOT_BLUE,
+    SPOT_INDIGO,
+    SPOT_VIOLET
 };
-var GROUP_SECONDARY = {
-    SPOT_RED_ALT: SPOT_RED_ALT,
-    SPOT_ORANGE_ALT: SPOT_ORANGE_ALT,
-    SPOT_YELLOW_ALT: SPOT_YELLOW_ALT,
-    SPOT_GREEN_ALT: SPOT_GREEN_ALT,
-    SPOT_BLUE_ALT: SPOT_BLUE_ALT,
-    SPOT_INDIGO_ALT: SPOT_INDIGO_ALT,
-    SPOT_VIOLET_ALT: SPOT_VIOLET_ALT
+const GROUP_SECONDARY = {
+    SPOT_RED_ALT,
+    SPOT_ORANGE_ALT,
+    SPOT_YELLOW_ALT,
+    SPOT_GREEN_ALT,
+    SPOT_BLUE_ALT,
+    SPOT_INDIGO_ALT,
+    SPOT_VIOLET_ALT
 };
-var GROUP_GREYS = {
-    SPOT_BLACK: SPOT_BLACK,
-    SPOT_GREY_9: SPOT_GREY_9,
-    SPOT_GREY_8: SPOT_GREY_8,
-    SPOT_GREY_7: SPOT_GREY_7,
-    SPOT_GREY_6: SPOT_GREY_6,
-    SPOT_GREY_5: SPOT_GREY_5,
-    SPOT_GREY_4: SPOT_GREY_4,
-    SPOT_GREY_3: SPOT_GREY_3,
-    SPOT_GREY_2: SPOT_GREY_2,
-    SPOT_GREY_1: SPOT_GREY_1,
-    SPOT_WHITE: SPOT_WHITE
+const GROUP_GREYS = {
+    SPOT_BLACK,
+    SPOT_GREY_9,
+    SPOT_GREY_8,
+    SPOT_GREY_7,
+    SPOT_GREY_6,
+    SPOT_GREY_5,
+    SPOT_GREY_4,
+    SPOT_GREY_3,
+    SPOT_GREY_2,
+    SPOT_GREY_1,
+    SPOT_WHITE
 };
@@ -87,0 +87,0 @@

dist/index.iife.js

@@ -12,74 +12,74 @@ var Component = (function (exports) {
    */
-  var SPOT_BLACK = '#000';
-  var SPOT_GREY_9 = '#1a1a1a';
-  var SPOT_GREY_8 = '#333';
-  var SPOT_GREY_7 = '#555';
-  var SPOT_GREY_6 = '#666';
-  var SPOT_GREY_5 = '#808080';
-  var SPOT_GREY_4 = '#999';
-  var SPOT_GREY_3 = '#b3b3b3';
-  var SPOT_GREY_2 = '#ccc';
-  var SPOT_GREY_1 = '#e5e5e5';
-  var SPOT_GREY_0 = '#eee';
-  var SPOT_WHITE = '#fff';
+  const SPOT_BLACK = '#000';
+  const SPOT_GREY_9 = '#1a1a1a';
+  const SPOT_GREY_8 = '#333';
+  const SPOT_GREY_7 = '#555';
+  const SPOT_GREY_6 = '#666';
+  const SPOT_GREY_5 = '#808080';
+  const SPOT_GREY_4 = '#999';
+  const SPOT_GREY_3 = '#b3b3b3';
+  const SPOT_GREY_2 = '#ccc';
+  const SPOT_GREY_1 = '#e5e5e5';
+  const SPOT_GREY_0 = '#eee';
+  const SPOT_WHITE = '#fff';
   /**
    * Secondary Colors ~ ROYGBIV ~ https://goo.gl/CcYD6Q
    */
-  var SPOT_RED = '#a10';
-  var SPOT_ORANGE = '#f40';
-  var SPOT_YELLOW = '#fb1';
-  var SPOT_GREEN = '#5a0';
-  var SPOT_BLUE = '#005';
-  var SPOT_INDIGO = '#310062';
-  var SPOT_VIOLET = '#4b0082';
+  const SPOT_RED = '#f00';
+  const SPOT_ORANGE = '#f70';
+  const SPOT_YELLOW = '#fd0';
+  const SPOT_GREEN = '#0f0';
+  const SPOT_BLUE = '#00f';
+  const SPOT_INDIGO = '#8a2be2';
+  const SPOT_VIOLET = '#c77df3';
   // Alternates of the ROYGBIV palette
-  var SPOT_RED_ALT = '#f00';
-  var SPOT_ORANGE_ALT = '#f70';
-  var SPOT_YELLOW_ALT = '#fd0';
-  var SPOT_GREEN_ALT = '#0f0';
-  var SPOT_BLUE_ALT = '#00f';
-  var SPOT_INDIGO_ALT = '#8a2be2';
-  var SPOT_VIOLET_ALT = '#c77df3';
+  const SPOT_RED_ALT = '#a10';
+  const SPOT_ORANGE_ALT = '#f40';
+  const SPOT_YELLOW_ALT = '#fb1';
+  const SPOT_GREEN_ALT = '#5a0';
+  const SPOT_BLUE_ALT = '#005';
+  const SPOT_INDIGO_ALT = '#310062';
+  const SPOT_VIOLET_ALT = '#4b0082';
   /**
    * Primary / Brand Colors
    */
-  var SPOT_PRIMARY = SPOT_RED;
-  var SPOT_PRIMARY_ALT = SPOT_RED;
-  var SPOT_SECONDARY = SPOT_GREY_9;
-  var SPOT_SECONDARY_ALT = SPOT_GREY_9;
+  const SPOT_PRIMARY = SPOT_RED;
+  const SPOT_PRIMARY_ALT = SPOT_RED_ALT;
+  const SPOT_SECONDARY = SPOT_GREY_9;
+  const SPOT_SECONDARY_ALT = SPOT_GREY_9;
   // These last two exports are for the Style Guide
-  var GROUP_BRAND = {
-      SPOT_PRIMARY: SPOT_PRIMARY,
-      SPOT_SECONDARY: SPOT_SECONDARY
+  const GROUP_BRAND = {
+      SPOT_PRIMARY,
+      SPOT_SECONDARY
   };
-  var GROUP_PRIMARY = {
-      SPOT_RED: SPOT_RED,
-      SPOT_ORANGE: SPOT_ORANGE,
-      SPOT_YELLOW: SPOT_YELLOW,
-      SPOT_GREEN: SPOT_GREEN,
-      SPOT_BLUE: SPOT_BLUE,
-      SPOT_INDIGO: SPOT_INDIGO,
-      SPOT_VIOLET: SPOT_VIOLET
+  const GROUP_PRIMARY = {
+      SPOT_RED,
+      SPOT_ORANGE,
+      SPOT_YELLOW,
+      SPOT_GREEN,
+      SPOT_BLUE,
+      SPOT_INDIGO,
+      SPOT_VIOLET
   };
-  var GROUP_SECONDARY = {
-      SPOT_RED_ALT: SPOT_RED_ALT,
-      SPOT_ORANGE_ALT: SPOT_ORANGE_ALT,
-      SPOT_YELLOW_ALT: SPOT_YELLOW_ALT,
-      SPOT_GREEN_ALT: SPOT_GREEN_ALT,
-      SPOT_BLUE_ALT: SPOT_BLUE_ALT,
-      SPOT_INDIGO_ALT: SPOT_INDIGO_ALT,
-      SPOT_VIOLET_ALT: SPOT_VIOLET_ALT
+  const GROUP_SECONDARY = {
+      SPOT_RED_ALT,
+      SPOT_ORANGE_ALT,
+      SPOT_YELLOW_ALT,
+      SPOT_GREEN_ALT,
+      SPOT_BLUE_ALT,
+      SPOT_INDIGO_ALT,
+      SPOT_VIOLET_ALT
   };
-  var GROUP_GREYS = {
-      SPOT_BLACK: SPOT_BLACK,
-      SPOT_GREY_9: SPOT_GREY_9,
-      SPOT_GREY_8: SPOT_GREY_8,
-      SPOT_GREY_7: SPOT_GREY_7,
-      SPOT_GREY_6: SPOT_GREY_6,
-      SPOT_GREY_5: SPOT_GREY_5,
-      SPOT_GREY_4: SPOT_GREY_4,
-      SPOT_GREY_3: SPOT_GREY_3,
-      SPOT_GREY_2: SPOT_GREY_2,
-      SPOT_GREY_1: SPOT_GREY_1,
-      SPOT_WHITE: SPOT_WHITE
+  const GROUP_GREYS = {
+      SPOT_BLACK,
+      SPOT_GREY_9,
+      SPOT_GREY_8,
+      SPOT_GREY_7,
+      SPOT_GREY_6,
+      SPOT_GREY_5,
+      SPOT_GREY_4,
+      SPOT_GREY_3,
+      SPOT_GREY_2,
+      SPOT_GREY_1,
+      SPOT_WHITE
   };
@@ -86,0 +86,0 @@

dist/index.js

@@ -9,76 +9,76 @@ /**
  */
-var SPOT_BLACK = '#000';
-var SPOT_GREY_9 = '#1a1a1a';
-var SPOT_GREY_8 = '#333';
-var SPOT_GREY_7 = '#555';
-var SPOT_GREY_6 = '#666';
-var SPOT_GREY_5 = '#808080';
-var SPOT_GREY_4 = '#999';
-var SPOT_GREY_3 = '#b3b3b3';
-var SPOT_GREY_2 = '#ccc';
-var SPOT_GREY_1 = '#e5e5e5';
-var SPOT_GREY_0 = '#eee';
-var SPOT_WHITE = '#fff';
+const SPOT_BLACK = '#000';
+const SPOT_GREY_9 = '#1a1a1a';
+const SPOT_GREY_8 = '#333';
+const SPOT_GREY_7 = '#555';
+const SPOT_GREY_6 = '#666';
+const SPOT_GREY_5 = '#808080';
+const SPOT_GREY_4 = '#999';
+const SPOT_GREY_3 = '#b3b3b3';
+const SPOT_GREY_2 = '#ccc';
+const SPOT_GREY_1 = '#e5e5e5';
+const SPOT_GREY_0 = '#eee';
+const SPOT_WHITE = '#fff';
 /**
  * Secondary Colors ~ ROYGBIV ~ https://goo.gl/CcYD6Q
  */
-var SPOT_RED = '#a10';
-var SPOT_ORANGE = '#f40';
-var SPOT_YELLOW = '#fb1';
-var SPOT_GREEN = '#5a0';
-var SPOT_BLUE = '#005';
-var SPOT_INDIGO = '#310062';
-var SPOT_VIOLET = '#4b0082';
+const SPOT_RED = '#f00';
+const SPOT_ORANGE = '#f70';
+const SPOT_YELLOW = '#fd0';
+const SPOT_GREEN = '#0f0';
+const SPOT_BLUE = '#00f';
+const SPOT_INDIGO = '#8a2be2';
+const SPOT_VIOLET = '#c77df3';
 // Alternates of the ROYGBIV palette
-var SPOT_RED_ALT = '#f00';
-var SPOT_ORANGE_ALT = '#f70';
-var SPOT_YELLOW_ALT = '#fd0';
-var SPOT_GREEN_ALT = '#0f0';
-var SPOT_BLUE_ALT = '#00f';
-var SPOT_INDIGO_ALT = '#8a2be2';
-var SPOT_VIOLET_ALT = '#c77df3';
+const SPOT_RED_ALT = '#a10';
+const SPOT_ORANGE_ALT = '#f40';
+const SPOT_YELLOW_ALT = '#fb1';
+const SPOT_GREEN_ALT = '#5a0';
+const SPOT_BLUE_ALT = '#005';
+const SPOT_INDIGO_ALT = '#310062';
+const SPOT_VIOLET_ALT = '#4b0082';
 /**
  * Primary / Brand Colors
  */
-var SPOT_PRIMARY = SPOT_RED;
-var SPOT_PRIMARY_ALT = SPOT_RED;
-var SPOT_SECONDARY = SPOT_GREY_9;
-var SPOT_SECONDARY_ALT = SPOT_GREY_9;
+const SPOT_PRIMARY = SPOT_RED;
+const SPOT_PRIMARY_ALT = SPOT_RED_ALT;
+const SPOT_SECONDARY = SPOT_GREY_9;
+const SPOT_SECONDARY_ALT = SPOT_GREY_9;
 // These last two exports are for the Style Guide
-var GROUP_BRAND = {
-    SPOT_PRIMARY: SPOT_PRIMARY,
-    SPOT_SECONDARY: SPOT_SECONDARY
+const GROUP_BRAND = {
+    SPOT_PRIMARY,
+    SPOT_SECONDARY
 };
-var GROUP_PRIMARY = {
-    SPOT_RED: SPOT_RED,
-    SPOT_ORANGE: SPOT_ORANGE,
-    SPOT_YELLOW: SPOT_YELLOW,
-    SPOT_GREEN: SPOT_GREEN,
-    SPOT_BLUE: SPOT_BLUE,
-    SPOT_INDIGO: SPOT_INDIGO,
-    SPOT_VIOLET: SPOT_VIOLET
+const GROUP_PRIMARY = {
+    SPOT_RED,
+    SPOT_ORANGE,
+    SPOT_YELLOW,
+    SPOT_GREEN,
+    SPOT_BLUE,
+    SPOT_INDIGO,
+    SPOT_VIOLET
 };
-var GROUP_SECONDARY = {
-    SPOT_RED_ALT: SPOT_RED_ALT,
-    SPOT_ORANGE_ALT: SPOT_ORANGE_ALT,
-    SPOT_YELLOW_ALT: SPOT_YELLOW_ALT,
-    SPOT_GREEN_ALT: SPOT_GREEN_ALT,
-    SPOT_BLUE_ALT: SPOT_BLUE_ALT,
-    SPOT_INDIGO_ALT: SPOT_INDIGO_ALT,
-    SPOT_VIOLET_ALT: SPOT_VIOLET_ALT
+const GROUP_SECONDARY = {
+    SPOT_RED_ALT,
+    SPOT_ORANGE_ALT,
+    SPOT_YELLOW_ALT,
+    SPOT_GREEN_ALT,
+    SPOT_BLUE_ALT,
+    SPOT_INDIGO_ALT,
+    SPOT_VIOLET_ALT
 };
-var GROUP_GREYS = {
-    SPOT_BLACK: SPOT_BLACK,
-    SPOT_GREY_9: SPOT_GREY_9,
-    SPOT_GREY_8: SPOT_GREY_8,
-    SPOT_GREY_7: SPOT_GREY_7,
-    SPOT_GREY_6: SPOT_GREY_6,
-    SPOT_GREY_5: SPOT_GREY_5,
-    SPOT_GREY_4: SPOT_GREY_4,
-    SPOT_GREY_3: SPOT_GREY_3,
-    SPOT_GREY_2: SPOT_GREY_2,
-    SPOT_GREY_1: SPOT_GREY_1,
-    SPOT_WHITE: SPOT_WHITE
+const GROUP_GREYS = {
+    SPOT_BLACK,
+    SPOT_GREY_9,
+    SPOT_GREY_8,
+    SPOT_GREY_7,
+    SPOT_GREY_6,
+    SPOT_GREY_5,
+    SPOT_GREY_4,
+    SPOT_GREY_3,
+    SPOT_GREY_2,
+    SPOT_GREY_1,
+    SPOT_WHITE
 };
 
 export { GROUP_BRAND, GROUP_GREYS, GROUP_PRIMARY, GROUP_SECONDARY, SPOT_BLACK, SPOT_BLUE, SPOT_BLUE_ALT, SPOT_GREEN, SPOT_GREEN_ALT, SPOT_GREY_0, SPOT_GREY_1, SPOT_GREY_2, SPOT_GREY_3, SPOT_GREY_4, SPOT_GREY_5, SPOT_GREY_6, SPOT_GREY_7, SPOT_GREY_8, SPOT_GREY_9, SPOT_INDIGO, SPOT_INDIGO_ALT, SPOT_ORANGE, SPOT_ORANGE_ALT, SPOT_PRIMARY, SPOT_PRIMARY_ALT, SPOT_RED, SPOT_RED_ALT, SPOT_SECONDARY, SPOT_SECONDARY_ALT, SPOT_VIOLET, SPOT_VIOLET_ALT, SPOT_WHITE, SPOT_YELLOW, SPOT_YELLOW_ALT };

dist/index.umd.js

@@ -15,74 +15,74 @@ (function (global, factory) {
    */
-  var SPOT_BLACK = '#000';
-  var SPOT_GREY_9 = '#1a1a1a';
-  var SPOT_GREY_8 = '#333';
-  var SPOT_GREY_7 = '#555';
-  var SPOT_GREY_6 = '#666';
-  var SPOT_GREY_5 = '#808080';
-  var SPOT_GREY_4 = '#999';
-  var SPOT_GREY_3 = '#b3b3b3';
-  var SPOT_GREY_2 = '#ccc';
-  var SPOT_GREY_1 = '#e5e5e5';
-  var SPOT_GREY_0 = '#eee';
-  var SPOT_WHITE = '#fff';
+  const SPOT_BLACK = '#000';
+  const SPOT_GREY_9 = '#1a1a1a';
+  const SPOT_GREY_8 = '#333';
+  const SPOT_GREY_7 = '#555';
+  const SPOT_GREY_6 = '#666';
+  const SPOT_GREY_5 = '#808080';
+  const SPOT_GREY_4 = '#999';
+  const SPOT_GREY_3 = '#b3b3b3';
+  const SPOT_GREY_2 = '#ccc';
+  const SPOT_GREY_1 = '#e5e5e5';
+  const SPOT_GREY_0 = '#eee';
+  const SPOT_WHITE = '#fff';
   /**
    * Secondary Colors ~ ROYGBIV ~ https://goo.gl/CcYD6Q
    */
-  var SPOT_RED = '#a10';
-  var SPOT_ORANGE = '#f40';
-  var SPOT_YELLOW = '#fb1';
-  var SPOT_GREEN = '#5a0';
-  var SPOT_BLUE = '#005';
-  var SPOT_INDIGO = '#310062';
-  var SPOT_VIOLET = '#4b0082';
+  const SPOT_RED = '#f00';
+  const SPOT_ORANGE = '#f70';
+  const SPOT_YELLOW = '#fd0';
+  const SPOT_GREEN = '#0f0';
+  const SPOT_BLUE = '#00f';
+  const SPOT_INDIGO = '#8a2be2';
+  const SPOT_VIOLET = '#c77df3';
   // Alternates of the ROYGBIV palette
-  var SPOT_RED_ALT = '#f00';
-  var SPOT_ORANGE_ALT = '#f70';
-  var SPOT_YELLOW_ALT = '#fd0';
-  var SPOT_GREEN_ALT = '#0f0';
-  var SPOT_BLUE_ALT = '#00f';
-  var SPOT_INDIGO_ALT = '#8a2be2';
-  var SPOT_VIOLET_ALT = '#c77df3';
+  const SPOT_RED_ALT = '#a10';
+  const SPOT_ORANGE_ALT = '#f40';
+  const SPOT_YELLOW_ALT = '#fb1';
+  const SPOT_GREEN_ALT = '#5a0';
+  const SPOT_BLUE_ALT = '#005';
+  const SPOT_INDIGO_ALT = '#310062';
+  const SPOT_VIOLET_ALT = '#4b0082';
   /**
    * Primary / Brand Colors
    */
-  var SPOT_PRIMARY = SPOT_RED;
-  var SPOT_PRIMARY_ALT = SPOT_RED;
-  var SPOT_SECONDARY = SPOT_GREY_9;
-  var SPOT_SECONDARY_ALT = SPOT_GREY_9;
+  const SPOT_PRIMARY = SPOT_RED;
+  const SPOT_PRIMARY_ALT = SPOT_RED_ALT;
+  const SPOT_SECONDARY = SPOT_GREY_9;
+  const SPOT_SECONDARY_ALT = SPOT_GREY_9;
   // These last two exports are for the Style Guide
-  var GROUP_BRAND = {
-      SPOT_PRIMARY: SPOT_PRIMARY,
-      SPOT_SECONDARY: SPOT_SECONDARY
+  const GROUP_BRAND = {
+      SPOT_PRIMARY,
+      SPOT_SECONDARY
   };
-  var GROUP_PRIMARY = {
-      SPOT_RED: SPOT_RED,
-      SPOT_ORANGE: SPOT_ORANGE,
-      SPOT_YELLOW: SPOT_YELLOW,
-      SPOT_GREEN: SPOT_GREEN,
-      SPOT_BLUE: SPOT_BLUE,
-      SPOT_INDIGO: SPOT_INDIGO,
-      SPOT_VIOLET: SPOT_VIOLET
+  const GROUP_PRIMARY = {
+      SPOT_RED,
+      SPOT_ORANGE,
+      SPOT_YELLOW,
+      SPOT_GREEN,
+      SPOT_BLUE,
+      SPOT_INDIGO,
+      SPOT_VIOLET
   };
-  var GROUP_SECONDARY = {
-      SPOT_RED_ALT: SPOT_RED_ALT,
-      SPOT_ORANGE_ALT: SPOT_ORANGE_ALT,
-      SPOT_YELLOW_ALT: SPOT_YELLOW_ALT,
-      SPOT_GREEN_ALT: SPOT_GREEN_ALT,
-      SPOT_BLUE_ALT: SPOT_BLUE_ALT,
-      SPOT_INDIGO_ALT: SPOT_INDIGO_ALT,
-      SPOT_VIOLET_ALT: SPOT_VIOLET_ALT
+  const GROUP_SECONDARY = {
+      SPOT_RED_ALT,
+      SPOT_ORANGE_ALT,
+      SPOT_YELLOW_ALT,
+      SPOT_GREEN_ALT,
+      SPOT_BLUE_ALT,
+      SPOT_INDIGO_ALT,
+      SPOT_VIOLET_ALT
   };
-  var GROUP_GREYS = {
-      SPOT_BLACK: SPOT_BLACK,
-      SPOT_GREY_9: SPOT_GREY_9,
-      SPOT_GREY_8: SPOT_GREY_8,
-      SPOT_GREY_7: SPOT_GREY_7,
-      SPOT_GREY_6: SPOT_GREY_6,
-      SPOT_GREY_5: SPOT_GREY_5,
-      SPOT_GREY_4: SPOT_GREY_4,
-      SPOT_GREY_3: SPOT_GREY_3,
-      SPOT_GREY_2: SPOT_GREY_2,
-      SPOT_GREY_1: SPOT_GREY_1,
-      SPOT_WHITE: SPOT_WHITE
+  const GROUP_GREYS = {
+      SPOT_BLACK,
+      SPOT_GREY_9,
+      SPOT_GREY_8,
+      SPOT_GREY_7,
+      SPOT_GREY_6,
+      SPOT_GREY_5,
+      SPOT_GREY_4,
+      SPOT_GREY_3,
+      SPOT_GREY_2,
+      SPOT_GREY_1,
+      SPOT_WHITE
   };
@@ -89,0 +89,0 @@

package.json

 {
-  "author": "Matthew D. Shelley",
+  "author": "Matthew D. Scholta",
   "description": "CSS Style Guide",
   "name": "@barguide/style-guide",
-  "version": "0.0.2-alpha.5+ce0206c",
+  "version": "0.0.2-alpha.8+8f5bd73",
   "--------": "--------------------------------------------------------",
@@ -11,6 +11,6 @@ "bugs": {
   "devDependencies": {
-    "jest": "^25.2.7",
-    "rollup": "^2.3.3",
+    "jest": "^26.0.0",
+    "rollup": "^2.7.6",
     "rollup-plugin-multi-entry": "^2.1.0",
-    "rollup-plugin-postcss": "^2.5.0"
+    "rollup-plugin-postcss": "^3.1.1"
   },
@@ -35,6 +35,6 @@ "keywords": [
     "build:prod": "NODE_ENV=production rollup -c ./rollup.config.babel.js",
-    "test": "jest -c ../../../../jest.config.js --testPathPattern='src/public/style-guide/'",
-    "test:watch": "jest -c ../../../../jest.config.js --watchAll --watch --testPathPattern='src/public/style-guide/'"
+    "test": "jest -c ../../../jest.config.js --testPathPattern='packages/public/style-guide/'",
+    "test:watch": "jest -c ../../../jest.config.js --watchAll --watch --testPathPattern='packages/public/style-guide/'"
   },
-  "gitHead": "ce0206cc16b949d2a0209fe2e317d05bd5acf974"
+  "gitHead": "8f5bd7393bc6540fd0ae11fd226ad105eaabc4da"
 }

README.md

@@ -19,3 +19,3 @@ # Applications CSS
 
-Colors, grid, typography and all that good stuff goes in here, as a variable within a `:root {}` tag. Following this pattern, we can `@import 'node_modules/@visormatt/style-guide/src/variables/index.css'` from each new CSS module. The variables values are brought in to replace our `var()` with the value from the style-guide producing `0` waste or duplication.
+Colors, grid, typography and all that good stuff goes in here, as a variable within a `:root {}` tag. Following this pattern, we can `@import 'node_modules/@barguide/style-guide/src/variables/index.css'` from each new CSS module. The variables values are brought in to replace our `var()` with the value from the style-guide producing `0` waste or duplication.
 
@@ -22,0 +22,0 @@ **Note:** If, we were to add standard `.selector { color: orange; }` in these files, that CSS would be brought into EACH and EVERY file that imported it 👎 👎 👎

rollup.config.babel.js

@@ -8,5 +8,5 @@ // Vendor
 // Internal
-import * as SETTINGS from '../../../../build/config/settings';
-import baseConfig from '../../../../build/bundler/rollup.config.babel';
-import postcssConfig from '../../../../build/bundler/postcss.config';
+import * as SETTINGS from '../../../build/config/settings';
+import baseConfig from '../../../build/bundler/rollup.config.babel';
+import postcssConfig from '../../../build/bundler/postcss.config';
 
@@ -31,3 +31,3 @@ /**
    */
-  input: ['./src/index.css', 'src/variables/colors.ts'],
+  input: ['./src/index.css', './src/variables/colors.ts'],
 
@@ -39,3 +39,3 @@ plugins: [
     typescript({
-      tsconfig: '../../../../tsconfig.json'
+      tsconfig: '../../../tsconfig.json'
     }),
@@ -42,0 +42,0 @@

src/variables/colors.ts

@@ -26,18 +26,18 @@ /**
  */
-export const SPOT_RED = '#a10';
-export const SPOT_ORANGE = '#f40';
-export const SPOT_YELLOW = '#fb1';
-export const SPOT_GREEN = '#5a0';
-export const SPOT_BLUE = '#005';
-export const SPOT_INDIGO = '#310062';
-export const SPOT_VIOLET = '#4b0082';
+export const SPOT_RED = '#f00';
+export const SPOT_ORANGE = '#f70';
+export const SPOT_YELLOW = '#fd0';
+export const SPOT_GREEN = '#0f0';
+export const SPOT_BLUE = '#00f';
+export const SPOT_INDIGO = '#8a2be2';
+export const SPOT_VIOLET = '#c77df3';
 
 // Alternates of the ROYGBIV palette
-export const SPOT_RED_ALT = '#f00';
-export const SPOT_ORANGE_ALT = '#f70';
-export const SPOT_YELLOW_ALT = '#fd0';
-export const SPOT_GREEN_ALT = '#0f0';
-export const SPOT_BLUE_ALT = '#00f';
-export const SPOT_INDIGO_ALT = '#8a2be2';
-export const SPOT_VIOLET_ALT = '#c77df3';
+export const SPOT_RED_ALT = '#a10';
+export const SPOT_ORANGE_ALT = '#f40';
+export const SPOT_YELLOW_ALT = '#fb1';
+export const SPOT_GREEN_ALT = '#5a0';
+export const SPOT_BLUE_ALT = '#005';
+export const SPOT_INDIGO_ALT = '#310062';
+export const SPOT_VIOLET_ALT = '#4b0082';
 
@@ -48,3 +48,3 @@ /**
 export const SPOT_PRIMARY = SPOT_RED;
-export const SPOT_PRIMARY_ALT = SPOT_RED;
+export const SPOT_PRIMARY_ALT = SPOT_RED_ALT;
 export const SPOT_SECONDARY = SPOT_GREY_9;
@@ -51,0 +51,0 @@ export const SPOT_SECONDARY_ALT = SPOT_GREY_9;

New alerts

Manifest confusion

Supply chain risk

This package has inconsistent metadata. This could be malicious or caused by an error when publishing the package.

Found 1 instance in 1 package

Fixed alerts

Manifest confusion

Supply chain risk

This package has inconsistent metadata. This could be malicious or caused by an error when publishing the package.

Found 1 instance in 1 package

Improved metrics

Number of package files

69

increased by1.47%

Lines of code

12990

increased by0.15%

Worsened metrics

Total package byte prevSize

370146

decreased by-0.2%

No dependency changes