@barguide/style-guide - npm Package Compare versions

Comparing version 2.0.13 to 2.0.14

dist/index.cjs.js

@@ -19,17 +19,17 @@ 'use strict';
 const gray = {
-    '9': '#111',
+    '0': '#eee',
+    '1': '#e5e5e5',
+    '2': '#ccc',
+    '3': '#b3b3b3',
+    '4': '#999',
+    '5': '#555',
+    '6': '#444',
+    '7': '#333',
     '8': '#222',
-    '7': '#333',
-    '6': '#444',
-    '5': '#555',
-    '4': '#999',
-    '3': '#b3b3b3',
-    '2': '#ccc',
-    '1': '#e5e5e5',
-    '0': '#eee'
+    '9': '#111'
 };
 const role = {
+    link: blue,
     primary: red,
-    secondary: gray[7],
-    link: blue
+    secondary: gray[7]
 };
@@ -117,28 +117,4 @@ const color = {
 
-const phone = {
-    height: '736px',
-    width: '414px'
-};
-const tablet = {
-    height: '1024px',
-    width: '768px'
-};
-const media = {
-    phone: `(max-width: ${phone.width})`,
-    tablet: `(max-width: ${tablet.width})`,
-    landscape: {
-        default: '(orientation: landscape)',
-        phone: `(max-width: ${phone.height}) and (orientation: landscape)`,
-        tablet: `(max-width: ${tablet.height}) and (orientation: landscape)`
-    },
-    portrait: {
-        default: '(orientation: portrait)',
-        portraitPhone: `(max-width: ${phone.width}) and (orientation: portrait)`,
-        portraitTablet: `(min-width: ${tablet.width}) and (orientation: portrait)`
-    }
-};
-
 exports.color = color;
 exports.font = font;
 exports.grid = grid;
-exports.media = media;

dist/index.d.ts

 import { color } from './variables/color';
 import { font } from './variables/font';
 import { grid } from './variables/grid';
-import { media } from './variables/media';
 /**
@@ -9,2 +8,2 @@ * Although this package is primarily for CSS, we make all of the same
  */
-export { color, font, grid, media };
+export { color, font, grid };

dist/index.js

@@ -15,17 +15,17 @@ // Useful
 const gray = {
-    '9': '#111',
+    '0': '#eee',
+    '1': '#e5e5e5',
+    '2': '#ccc',
+    '3': '#b3b3b3',
+    '4': '#999',
+    '5': '#555',
+    '6': '#444',
+    '7': '#333',
     '8': '#222',
-    '7': '#333',
-    '6': '#444',
-    '5': '#555',
-    '4': '#999',
-    '3': '#b3b3b3',
-    '2': '#ccc',
-    '1': '#e5e5e5',
-    '0': '#eee'
+    '9': '#111'
 };
 const role = {
+    link: blue,
     primary: red,
-    secondary: gray[7],
-    link: blue
+    secondary: gray[7]
 };
@@ -113,25 +113,2 @@ const color = {
 
-const phone = {
-    height: '736px',
-    width: '414px'
-};
-const tablet = {
-    height: '1024px',
-    width: '768px'
-};
-const media = {
-    phone: `(max-width: ${phone.width})`,
-    tablet: `(max-width: ${tablet.width})`,
-    landscape: {
-        default: '(orientation: landscape)',
-        phone: `(max-width: ${phone.height}) and (orientation: landscape)`,
-        tablet: `(max-width: ${tablet.height}) and (orientation: landscape)`
-    },
-    portrait: {
-        default: '(orientation: portrait)',
-        portraitPhone: `(max-width: ${phone.width}) and (orientation: portrait)`,
-        portraitTablet: `(min-width: ${tablet.width}) and (orientation: portrait)`
-    }
-};
-
-export { color, font, grid, media };
+export { color, font, grid };

dist/index.umd.js

@@ -21,17 +21,17 @@ (function (global, factory) {
   const gray = {
-      '9': '#111',
+      '0': '#eee',
+      '1': '#e5e5e5',
+      '2': '#ccc',
+      '3': '#b3b3b3',
+      '4': '#999',
+      '5': '#555',
+      '6': '#444',
+      '7': '#333',
       '8': '#222',
-      '7': '#333',
-      '6': '#444',
-      '5': '#555',
-      '4': '#999',
-      '3': '#b3b3b3',
-      '2': '#ccc',
-      '1': '#e5e5e5',
-      '0': '#eee'
+      '9': '#111'
   };
   const role = {
+      link: blue,
       primary: red,
-      secondary: gray[7],
-      link: blue
+      secondary: gray[7]
   };
@@ -119,29 +119,5 @@ const color = {
 
-  const phone = {
-      height: '736px',
-      width: '414px'
-  };
-  const tablet = {
-      height: '1024px',
-      width: '768px'
-  };
-  const media = {
-      phone: `(max-width: ${phone.width})`,
-      tablet: `(max-width: ${tablet.width})`,
-      landscape: {
-          default: '(orientation: landscape)',
-          phone: `(max-width: ${phone.height}) and (orientation: landscape)`,
-          tablet: `(max-width: ${tablet.height}) and (orientation: landscape)`
-      },
-      portrait: {
-          default: '(orientation: portrait)',
-          portraitPhone: `(max-width: ${phone.width}) and (orientation: portrait)`,
-          portraitTablet: `(min-width: ${tablet.width}) and (orientation: portrait)`
-      }
-  };
-
   exports.color = color;
   exports.font = font;
   exports.grid = grid;
-  exports.media = media;
 
@@ -148,0 +124,0 @@ Object.defineProperty(exports, '__esModule', { value: true });

dist/tailwind.config.js

@@ -15,17 +15,17 @@ // Useful
 const gray = {
-    '9': '#111',
+    '0': '#eee',
+    '1': '#e5e5e5',
+    '2': '#ccc',
+    '3': '#b3b3b3',
+    '4': '#999',
+    '5': '#555',
+    '6': '#444',
+    '7': '#333',
     '8': '#222',
-    '7': '#333',
-    '6': '#444',
-    '5': '#555',
-    '4': '#999',
-    '3': '#b3b3b3',
-    '2': '#ccc',
-    '1': '#e5e5e5',
-    '0': '#eee'
+    '9': '#111'
 };
 const role = {
+    link: blue,
     primary: red,
-    secondary: gray[7],
-    link: blue
+    secondary: gray[7]
 };
@@ -32,0 +32,0 @@ const color = {

dist/variables/color.d.ts

 declare const gray: {
+    '0': string;
+    '1': string;
+    '2': string;
+    '3': string;
+    '4': string;
+    '5': string;
+    '6': string;
+    '7': string;
+    '8': string;
     '9': string;
-    '8': string;
-    '7': string;
-    '6': string;
-    '5': string;
-    '4': string;
-    '3': string;
-    '2': string;
-    '1': string;
-    '0': string;
 };
 declare const role: {
+    link: string;
     primary: string;
     secondary: string;
-    link: string;
 };
 declare const color: {
+    link: string;
     primary: string;
     secondary: string;
-    link: string;
     transparent: string;
     black: string;
     gray: {
+        '0': string;
+        '1': string;
+        '2': string;
+        '3': string;
+        '4': string;
+        '5': string;
+        '6': string;
+        '7': string;
+        '8': string;
         '9': string;
-        '8': string;
-        '7': string;
-        '6': string;
-        '5': string;
-        '4': string;
-        '3': string;
-        '2': string;
-        '1': string;
-        '0': string;
     };
@@ -36,0 +36,0 @@ white: string;

dist/variables/index.d.ts

 import { color, gray } from './color';
 import { font } from './font';
 import { grid } from './grid';
-import { media } from './media';
 /**
@@ -9,2 +8,2 @@ * Although this package is primarily for CSS, we make all of the same
  */
-export { color, font, gray, grid, media };
+export { color, font, gray, grid };

package.json

 {
   "name": "@barguide/style-guide",
-  "version": "2.0.13",
+  "version": "2.0.14",
   "author": {
@@ -56,3 +56,3 @@ "name": "Matthew Scholta",
   "types": "./dist/index.d.ts",
-  "gitHead": "401284402173d774347195571f0a2e993142bb25"
+  "gitHead": "1d15a8feb8c1f838700a248f6451d3924a7a2321"
 }

src/index.ts

 import { color } from './variables/color';
 import { font } from './variables/font';
 import { grid } from './variables/grid';
-import { media } from './variables/media';
 
@@ -10,2 +9,2 @@ /**
  */
-export { color, font, grid, media };
+export { color, font, grid };

src/variables/color.ts

@@ -17,18 +17,18 @@ // Useful
 const gray = {
-  '9': '#111',
+  '0': '#eee',
+  '1': '#e5e5e5',
+  '2': '#ccc',
+  '3': '#b3b3b3',
+  '4': '#999',
+  '5': '#555',
+  '6': '#444',
+  '7': '#333',
   '8': '#222',
-  '7': '#333',
-  '6': '#444',
-  '5': '#555',
-  '4': '#999',
-  '3': '#b3b3b3',
-  '2': '#ccc',
-  '1': '#e5e5e5',
-  '0': '#eee'
+  '9': '#111'
 };
 
 const role = {
+  link: blue,
   primary: red,
-  secondary: gray[7],
-  link: blue
+  secondary: gray[7]
 };
@@ -35,0 +35,0 @@

src/variables/index.ts

 import { color, gray } from './color';
 import { font } from './font';
 import { grid } from './grid';
-import { media } from './media';
 
@@ -10,2 +9,2 @@ /**
  */
-export { color, font, gray, grid, media };
+export { color, font, gray, grid };

No alert changes

Worsened metrics

Total package byte prevSize

53422

decreased by-34.49%

Number of package files

34

decreased by-12.82%

Lines of code

2021

decreased by-24.36%

No dependency changes