tailwindcss-elevation - npm Package Compare versions

Comparing version 0.3.3 to 0.3.4

CHANGELOG.md

 # Changelog
+
 All notable changes to this project will be documented in this file.
@@ -9,29 +10,52 @@
 
+## [0.3.4] - 2020-04-03
+
+### Security
+
+- Update dependencies to fix security vulnerabilities
+
 ## [0.3.3] - 2019-09-04
+
 ### Fixed
+
 - Allow CSS custom properties for color config
 
 ## [0.3.2] - 2019-08-20
+
 ### Changed
+
 - Allow HEX values for color config
 
 ## [0.3.1] - 2019-07-13
+
 ### Changed
+
 - Update tailwindcss version
+
+### Security
+
 - Update dependencies to fix security vulnerabilities
 
 ## [0.3.0] - 2019-05-11
+
 ### Added
+
 - Opacity config
 
 ## [0.2.0] - 2019-04-17
+
 ### Added
+
 - Color config
 
 ## [0.1.1] - 2019-03-29
+
 ### Fixed
+
 - Removed extra `;` after CSS rule declarations
 
 ## [0.1.0] - 2019-03-19
+
 ### Added
+
 - Utility classes for elevation

index.js

@@ -1,3 +0,3 @@
-const validateConfig = require('./src/validateConfig');
-const utilities = require('./src/utilities');
+const validateConfig = require("./src/validate-config");
+const utilities = require("./src/utilities");
 
@@ -4,0 +4,0 @@ module.exports = function(variants, config) {

package.json

 {
   "name": "tailwindcss-elevation",
-  "version": "0.3.3",
+  "version": "0.3.4",
   "description": "Tailwind CSS plugin for Material Components elevation classes.",
@@ -10,3 +10,5 @@ "author": "Joonas Kykkänen <[e-mail]>",
   "scripts": {
-    "test": "mocha"
+    "lint": "eslint index.js src/** test/**",
+    "test": "mocha",
+    "test-reporter": "nyc --reporter=lcov mocha"
   },
@@ -16,9 +18,32 @@ "devDependencies": {
     "chai-fs": "^2.0.0",
-    "mocha": "^6.0.2",
-    "postcss-cli": "^6.1.2",
-    "tailwindcss": "^1.0.4"
+    "eslint": "^6.4.0",
+    "eslint-config-prettier": "^6.4.0",
+    "eslint-config-standard": "^14.1.0",
+    "eslint-plugin-import": "^2.18.2",
+    "eslint-plugin-node": "^11.0.0",
+    "eslint-plugin-prettier": "^3.1.1",
+    "eslint-plugin-promise": "^4.2.1",
+    "eslint-plugin-standard": "^4.0.1",
+    "husky": ">=1",
+    "lint-staged": ">=8",
+    "mocha": "^7.1.1",
+    "nyc": "^15.0.0",
+    "postcss-cli": "^7.1.0",
+    "prettier": "2.0.2",
+    "tailwindcss": "^1.2.0"
   },
   "dependencies": {
     "hex-rgb": "^4.1.0"
+  },
+  "husky": {
+    "hooks": {
+      "pre-commit": "lint-staged"
+    }
+  },
+  "lint-staged": {
+    "*.js": [
+      "eslint --fix",
+      "git add"
+    ]
   }
 }

README.md

 # tailwindcss-elevation
-[![Build Status](https://travis-ci.com/jonaskay/tailwindcss-elevation.svg?branch=master)](https://travis-ci.com/jonaskay/tailwindcss-elevation)
+[![Build Status](https://travis-ci.com/jonaskay/tailwindcss-elevation.svg?branch=master)](https://travis-ci.com/jonaskay/tailwindcss-elevation) [![Test Coverage](https://api.codeclimate.com/v1/badges/0c8c89a338155da523e7/test_coverage)](https://codeclimate.com/github/jonaskay/tailwindcss-elevation/test_coverage)
 
@@ -4,0 +4,0 @@ Add Material Components elevation classes to your [Tailwind CSS](https://tailwindcss.com/docs/what-is-tailwind/) project. Check out the [demo](https://jonaskay.github.io/tailwindcss-elevation/)!

src/config.js

 module.exports = {
   elevation: {
     umbra: {
-      0: '0px 0px 0px 0px',
-      1: '0px 2px 1px -1px',
-      2: '0px 3px 1px -2px',
-      3: '0px 3px 3px -2px',
-      4: '0px 2px 4px -1px',
-      5: '0px 3px 5px -1px',
-      6: '0px 3px 5px -1px',
-      7: '0px 4px 5px -2px',
-      8: '0px 5px 5px -3px',
-      9: '0px 5px 6px -3px',
-      10: '0px 6px 6px -3px',
-      11: '0px 6px 7px -4px',
-      12: '0px 7px 8px -4px',
-      13: '0px 7px 8px -4px',
-      14: '0px 7px 9px -4px',
-      15: '0px 8px 9px -5px',
-      16: '0px 8px 10px -5px',
-      17: '0px 8px 11px -5px',
-      18: '0px 9px 11px -5px',
-      19: '0px 9px 12px -6px',
-      20: '0px 10px 13px -6px',
-      21: '0px 10px 13px -6px',
-      22: '0px 10px 14px -6px',
-      23: '0px 11px 14px -7px',
-      24: '0px 11px 15px -7px',
+      0: "0px 0px 0px 0px",
+      1: "0px 2px 1px -1px",
+      2: "0px 3px 1px -2px",
+      3: "0px 3px 3px -2px",
+      4: "0px 2px 4px -1px",
+      5: "0px 3px 5px -1px",
+      6: "0px 3px 5px -1px",
+      7: "0px 4px 5px -2px",
+      8: "0px 5px 5px -3px",
+      9: "0px 5px 6px -3px",
+      10: "0px 6px 6px -3px",
+      11: "0px 6px 7px -4px",
+      12: "0px 7px 8px -4px",
+      13: "0px 7px 8px -4px",
+      14: "0px 7px 9px -4px",
+      15: "0px 8px 9px -5px",
+      16: "0px 8px 10px -5px",
+      17: "0px 8px 11px -5px",
+      18: "0px 9px 11px -5px",
+      19: "0px 9px 12px -6px",
+      20: "0px 10px 13px -6px",
+      21: "0px 10px 13px -6px",
+      22: "0px 10px 14px -6px",
+      23: "0px 11px 14px -7px",
+      24: "0px 11px 15px -7px"
     },
     penumbra: {
-      0: '0px 0px 0px 0px',
-      1: '0px 1px 1px 0px',
-      2: '0px 2px 2px 0px',
-      3: '0px 3px 4px 0px',
-      4: '0px 4px 5px 0px',
-      5: '0px 5px 8px 0px',
-      6: '0px 6px 10px 0px',
-      7: '0px 7px 10px 1px',
-      8: '0px 8px 10px 1px',
-      9: '0px 9px 12px 1px',
-      10: '0px 10px 14px 1px',
-      11: '0px 11px 15px 1px',
-      12: '0px 12px 17px 2px',
-      13: '0px 13px 19px 2px',
-      14: '0px 14px 21px 2px',
-      15: '0px 15px 22px 2px',
-      16: '0px 16px 24px 2px',
-      17: '0px 17px 26px 2px',
-      18: '0px 18px 28px 2px',
-      19: '0px 19px 29px 2px',
-      20: '0px 20px 31px 3px',
-      21: '0px 21px 33px 3px',
-      22: '0px 22px 35px 3px',
-      23: '0px 23px 36px 3px',
-      24: '0px 24px 38px 3px',
+      0: "0px 0px 0px 0px",
+      1: "0px 1px 1px 0px",
+      2: "0px 2px 2px 0px",
+      3: "0px 3px 4px 0px",
+      4: "0px 4px 5px 0px",
+      5: "0px 5px 8px 0px",
+      6: "0px 6px 10px 0px",
+      7: "0px 7px 10px 1px",
+      8: "0px 8px 10px 1px",
+      9: "0px 9px 12px 1px",
+      10: "0px 10px 14px 1px",
+      11: "0px 11px 15px 1px",
+      12: "0px 12px 17px 2px",
+      13: "0px 13px 19px 2px",
+      14: "0px 14px 21px 2px",
+      15: "0px 15px 22px 2px",
+      16: "0px 16px 24px 2px",
+      17: "0px 17px 26px 2px",
+      18: "0px 18px 28px 2px",
+      19: "0px 19px 29px 2px",
+      20: "0px 20px 31px 3px",
+      21: "0px 21px 33px 3px",
+      22: "0px 22px 35px 3px",
+      23: "0px 23px 36px 3px",
+      24: "0px 24px 38px 3px"
     },
     ambient: {
-      0: '0px 0px 0px 0px',
-      1: '0px 1px 3px 0px',
-      2: '0px 1px 5px 0px',
-      3: '0px 1px 8px 0px',
-      4: '0px 1px 10px 0px',
-      5: '0px 1px 14px 0px',
-      6: '0px 1px 18px 0px',
-      7: '0px 2px 16px 1px',
-      8: '0px 3px 14px 2px',
-      9: '0px 3px 16px 2px',
-      10: '0px 4px 18px 3px',
-      11: '0px 4px 20px 3px',
-      12: '0px 5px 22px 4px',
-      13: '0px 5px 24px 4px',
-      14: '0px 5px 26px 4px',
-      15: '0px 6px 28px 5px',
-      16: '0px 6px 30px 5px',
-      17: '0px 6px 32px 5px',
-      18: '0px 7px 34px 6px',
-      19: '0px 7px 36px 6px',
-      20: '0px 8px 38px 7px',
-      21: '0px 8px 40px 7px',
-      22: '0px 8px 42px 7px',
-      23: '0px 9px 44px 8px',
-      24: '0px 9px 46px 8px',
-    },
+      0: "0px 0px 0px 0px",
+      1: "0px 1px 3px 0px",
+      2: "0px 1px 5px 0px",
+      3: "0px 1px 8px 0px",
+      4: "0px 1px 10px 0px",
+      5: "0px 1px 14px 0px",
+      6: "0px 1px 18px 0px",
+      7: "0px 2px 16px 1px",
+      8: "0px 3px 14px 2px",
+      9: "0px 3px 16px 2px",
+      10: "0px 4px 18px 3px",
+      11: "0px 4px 20px 3px",
+      12: "0px 5px 22px 4px",
+      13: "0px 5px 24px 4px",
+      14: "0px 5px 26px 4px",
+      15: "0px 6px 28px 5px",
+      16: "0px 6px 30px 5px",
+      17: "0px 6px 32px 5px",
+      18: "0px 7px 34px 6px",
+      19: "0px 7px 36px 6px",
+      20: "0px 8px 38px 7px",
+      21: "0px 8px 40px 7px",
+      22: "0px 8px 42px 7px",
+      23: "0px 9px 44px 8px",
+      24: "0px 9px 46px 8px"
+    }
   },
 
   opacity: {
-    umbra: '.2',
-    penumbra: '.14',
-    ambient: '.12',
-  },
+    umbra: ".2",
+    penumbra: ".14",
+    ambient: ".12"
+  }
 };

src/regex.js

 module.exports = {
-  customProperty: 'var([^)]+)',
-  hex: '#[A-Fa-f0-9]+',
-  rgb: '\\s*\\d+\\s*\\,\\s*\\d+\\s*\\,\\s*\\d+\\s*',
+  customProperty: "var([^)]+)",
+  hex: "#[A-Fa-f0-9]+",
+  rgb: "\\s*\\d+\\s*\\,\\s*\\d+\\s*\\,\\s*\\d+\\s*"
 };

src/utilities.js

@@ -1,5 +0,5 @@
-const boxShadow = require('./boxShadow');
+const boxShadow = require("./box-shadow");
 
 module.exports = function utilities(config = {}) {
-  result = {};
+  const result = {};
 
@@ -6,0 +6,0 @@ for (let i = 0; i < 25; i++) {

New alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Shell access

Supply chain risk

This module accesses the system shell. Accessing the system shell increases the risk of executing arbitrary code.

Found 1 instance in 1 package

Filesystem access

Supply chain risk

Accesses the file system, and could potentially read sensitive data.

Found 1 instance in 1 package

Fixed alerts

Shell access

Supply chain risk

This module accesses the system shell. Accessing the system shell increases the risk of executing arbitrary code.

Found 1 instance in 1 package

Filesystem access

Supply chain risk

Accesses the file system, and could potentially read sensitive data.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

20274

increased by8.83%

Number of package files

23

increased by4.55%

Lines of code

478

increased by3.69%

Worsened metrics

Dev dependency count

17

increased by240%

Number of medium supply chain risk alerts

2

increased by100%

No dependency changes