values.js - npm Package Compare versions
Comparing version 2.0.0-beta.2 to 2.0.0
@@ -5,3 +5,3 @@ # Changelog | ||
| (feat/v2) | ||
| ## [2.0.0] - [#7](https://github.com/noeldelgado/values.js/pull/7) - 2020-05-23 | ||
| ### Added | ||
@@ -12,28 +12,26 @@ - alpha support | ||
| - HSL CSS Color Module Level 4 (number, deg, rad & turn) | ||
| - color keywords | ||
| - transparent | ||
| - rollup bundler | ||
| - .editorconfig | ||
| - eslint | ||
| - .eslintrc | ||
| - `instance.alpha` property to hold a value within `0` and `1` | ||
| - default value `#000` when `undefined`, `null` or `<empty>` is passed to the constructor | ||
| - `alpha` property to hold a value within `0` and `1` | ||
| - [pre-defined color keywords](https://www.w3.org/wiki/CSS/Properties/color/keywords) support | ||
| - transparent - Shorthand for transparent black, rgba(0,0,0,0) | ||
| - default value `#000` for when `undefined`, `null` or `<empty>` is passed to the constructor | ||
| - editorconfig | ||
| - .eslintrc | ||
| - `lighthouse-ci` action for `gh-pages` | ||
| ### Changed | ||
| - refactor code (es6) | ||
| - move validations to parse-css-color | ||
| - move mix color functionality to mix-css-color | ||
| - add pure-color dependency for color format convertion | ||
| - add more tests | ||
| - refactor code | ||
| - move validations to [parse-css-color](https://github.com/noeldelgado/parse-css-color) | ||
| - move mix color functionality to [mix-css-color](https://github.com/noeldelgado/mix-css-color) | ||
| - add [pure-color](https://github.com/WickyNilliams/pure-color) for color format conversion | ||
| - `throw` error if input is not a CSS string recognized by `parse-css-color` | ||
| - `instance.rgb` property now returns an array in the form of `[r, g, b]` instead of `{ r: number, g: number, b: number }` | ||
| - `instance.hex` is now a getter (access backward-compatible) | ||
| - `rgb` property now returns an array in the form of `[r, g, b]` instead of `{ r: number, g: number, b: number }` | ||
| - `hex` is now a getter (access backward-compatible) | ||
| - if alpha is less than `1` it returns 8 digits now `#RRGGBBAA` otherwise 6 `#RRGGBB` | ||
| - `hexString method` return value could include alpha | ||
| - `hexString` method return value could include alpha | ||
| - if alpha is less than `1` it returns 8 digits now `#RRGGBBAA` otherwise 6 `#RRGGBB` | ||
| - `isTint`, `isShade` and `isBaseColor` properties were moved to the new `type` field | ||
| - for tints `type="tint"` | ||
| - shades => `type="shade"` | ||
| - base color => `type="base"` | ||
| - `percentage` property is now called `weight` and it is now included on every single instance instead of just for isntances of tints and shades | ||
| - `isTint`, `isShade` and `isBaseColor` properties replaced by new `type` field | ||
| - `type="tint"` | ||
| - `type="shade"` | ||
| - `type="base"` | ||
| - `percentage` property is now `weight` and, it is included on every instance instead of just for tints and shades | ||
| - `setColor` return null if color is not accepted | ||
@@ -44,18 +42,15 @@ | ||
| - properties | ||
| - hsl | ||
| - isTint, isShade, isBaseColor | ||
| - `hsl` | ||
| - `isTint`, `isShade`, `isBaseColor` | ||
| - methods | ||
| - hslString | ||
| - `hslString` | ||
| - static utils functions | ||
| - input validation (moved validations to parse-css-color and enhance it with more features) | ||
| - Values.Utils.isHex | ||
| - isRGB | ||
| - isHSL | ||
| - mix (moved to mix-css-color) | ||
| - `isHex`, `isRGB` and `isHSL` logic moved to [parse-css-color](https://github.com/noeldelgado/parse-css-color) | ||
| - `mix` (moved to [mix-css-color](https://github.com/noeldelgado/mix-css-color)) | ||
| ## [1.1.1] - [#6](../../pull/6) - 2020-04-16 | ||
| ## [1.1.1] - [#6](https://github.com/noeldelgado/values.js/pull/6) - 2020-04-16 | ||
| ### Fixed | ||
| - shade is not defined | ||
| ## [1.1.0] - [#5](../../pull/5) - 2020-03-10 | ||
| ## [1.1.0] - [#5](https://github.com/noeldelgado/values.js/pull/5) - 2020-03-10 | ||
| ### Added | ||
@@ -138,3 +133,4 @@ - ✨ new properties to the Array result of `vallues.all()` [`5f204a2`](https://github.com/noeldelgado/values.js/commit/5f204a2b4757bf0e2e77910ae50f44bbb19af56f) | ||
| [Unreleased]: https://github.com/noeldelgado/values.js/compare/v1.1.1...HEAD | ||
| [Unreleased]: https://github.com/noeldelgado/values.js/compare/v2.0.0...HEAD | ||
| [2.0.0]: https://github.com/noeldelgado/values.js/compare/v1.1.1...v2.0.0 | ||
| [1.1.1]: https://github.com/noeldelgado/values.js/compare/v1.1.0...v1.1.1 | ||
@@ -141,0 +137,0 @@ [1.1.0]: https://github.com/noeldelgado/values.js/compare/v1.0.3...v1.1.0 |
@@ -12,3 +12,3 @@ 'use strict'; | ||
| * values.js - Get the tints and shades of a color | ||
| * @version v2.0.0-beta.2 | ||
| * @version v2.0.0 | ||
| * @link http://noeldelgado.github.io/values.js/ | ||
@@ -69,4 +69,4 @@ * @license MIT | ||
| } | ||
| Values.VERSION = 'v2.0.0-beta.2'; | ||
| Values.VERSION = 'v2.0.0'; | ||
| module.exports = Values; |
@@ -8,3 +8,3 @@ import mix from 'mix-css-color'; | ||
| * values.js - Get the tints and shades of a color | ||
| * @version v2.0.0-beta.2 | ||
| * @version v2.0.0 | ||
| * @link http://noeldelgado.github.io/values.js/ | ||
@@ -65,4 +65,4 @@ * @license MIT | ||
| } | ||
| Values.VERSION = 'v2.0.0-beta.2'; | ||
| Values.VERSION = 'v2.0.0'; | ||
| export default Values; |
@@ -16,5 +16,5 @@ !function(e,r){"object"==typeof exports&&"undefined"!=typeof module?module.exports=r():"function"==typeof define&&define.amd?define(r):(e=e||self).Values=r()}(this,(function(){"use strict";var e={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]},r=new RegExp("[^#a-f\\d]","gi"),n=new RegExp("^#?[a-f\\d]{3}[a-f\\d]?$|^#?[a-f\\d]{6}([a-f\\d]{2})?$","i"),t=new RegExp(/^#([a-f0-9]{3,4}|[a-f0-9]{4}(?:[a-f0-9]{2}){1,2})\b$/,"i"),a="-?\\d*(?:\\.\\d+)",i="("+a+"?)",o="("+a+"?%)",s=("^\n hsla?\\(\n \\s*(-?\\d*(?:\\.\\d+)?(?:deg|rad|turn)?)\\s*,\n \\s*"+o+"\\s*,\n \\s*"+o+"\\s*\n (?:,\\s*(-?\\d*(?:\\.\\d+)?%?)\\s*)?\n \\)\n $\n").replace(/\n|\s/g,""),l=new RegExp(s),u=("^\n hsla?\\(\n \\s*(-?\\d*(?:\\.\\d+)?(?:deg|rad|turn)?)\\s*\n \\s+"+o+"\n \\s+"+o+"\n \\s*(?:\\s*\\/\\s*(-?\\d*(?:\\.\\d+)?%?)\\s*)?\n \\)\n $\n").replace(/\n|\s/g,""),h=new RegExp(u),d=("^\n rgba?\\(\n \\s*"+i+"\\s*,\n \\s*"+i+"\\s*,\n \\s*"+i+"\\s*\n (?:,\\s*(-?\\d*(?:\\.\\d+)?%?)\\s*)?\n \\)\n $\n").replace(/\n|\s/g,""),g=new RegExp(d),p=("^\n rgba?\\(\n \\s*"+o+"\\s*,\n \\s*"+o+"\\s*,\n \\s*"+o+"\\s*\n (?:,\\s*(-?\\d*(?:\\.\\d+)?%?)\\s*)?\n \\)\n $\n").replace(/\n|\s/g,""),c=new RegExp(p),f=("^\n rgba?\\(\n \\s*"+i+"\n \\s+"+i+"\n \\s+"+i+"\n \\s*(?:\\s*\\/\\s*(-?\\d*(?:\\.\\d+)?%?)\\s*)?\n \\)\n$\n").replace(/\n|\s/g,""),v=new RegExp(f),b=("^\n rgba?\\(\n \\s*"+o+"\n \\s+"+o+"\n \\s+"+o+"\n \\s*(?:\\s*\\/\\s*(-?\\d*(?:\\.\\d+)?%?)\\s*)?\n \\)\n$\n").replace(/\n|\s/g,""),m=new RegExp(b),y=new RegExp(/^transparent$/,"i"),w=function(e,r,n){return Math.min(Math.max(r,e),n)},k=function(e){var r=e;return"number"!=typeof r&&(r=r.endsWith("%")?255*parseFloat(r)/100:parseFloat(r)),w(Math.round(r),0,255)},x=function(e){return w(parseFloat(e),0,100)};function M(e){var r=e;return"number"!=typeof r&&(r=r.endsWith("%")?parseFloat(r)/100:parseFloat(r)),w(r,0,1)}function E(e){var t=function(e,t){if(void 0===t&&(t={}),"string"!=typeof e||r.test(e)||!n.test(e))throw new TypeError("Expected a valid hex string");var a=1;8===(e=e.replace(/^#/,"")).length&&(a=parseInt(e.slice(6,8),16)/255,e=e.slice(0,6)),4===e.length&&(a=parseInt(e.slice(3,4).repeat(2),16)/255,e=e.slice(0,3)),3===e.length&&(e=e[0]+e[0]+e[1]+e[1]+e[2]+e[2]);var i=parseInt(e,16),o=i>>16,s=i>>8&255,l=255&i;return"array"===t.format?[o,s,l,a]:{red:o,green:s,blue:l,alpha:a}}(e,{format:"array"});return F([null,t[0],t[1],t[2],t[3]])}function F(e){var r=e[1],n=e[2],t=e[3],a=e[4];return void 0===a&&(a=1),{type:"rgb",values:[r,n,t].map(k),alpha:M(null===a?1:a)}} | ||
| * values.js - Get the tints and shades of a color | ||
| * @version v2.0.0-beta.2 | ||
| * @version v2.0.0 | ||
| * @link http://noeldelgado.github.io/values.js/ | ||
| * @license MIT | ||
| */var _=function(e,r){return null===e||isNaN(e)||"string"==typeof e?r:e},N=function(e,r,n){var t;void 0===e&&(e="#000"),void 0===r&&(r="base"),void 0===n&&(n=0),t=[[0,0,0],1,r,n],this.rgb=t[0],this.alpha=t[1],this.type=t[2],this.weight=t[3];var a=null===e?"#000":e;if("string"!=typeof a)throw new TypeError("Input should be a string: "+a);var i=R(a);if(!i)throw new Error("Unable to parse color from string: "+a);return this["_setFrom"+i.type.toUpperCase()](i.values.concat([i.alpha]))},O={hex:{configurable:!0}};return O.hex.get=function(){return this.hexString().replace(/^#/,"")},N.prototype.setColor=function(e){var r=R(e);return r?this["_setFrom"+r.type.toUpperCase()](r.values.concat([r.alpha])):null},N.prototype.tint=function(e,r){return void 0===r&&(r=_(e,50)),new N("rgb("+W("#fff",this.rgbString(),r).rgba+")","tint",r)},N.prototype.shade=function(e,r){return void 0===r&&(r=_(e,50)),new N("rgb("+W("#000",this.rgbString(),r).rgba+")","shade",r)},N.prototype.tints=function(e,r){var n=this;return void 0===r&&(r=_(e,10)),Array.from({length:100/r},(function(e,t){return n.tint((t+1)*r)}))},N.prototype.shades=function(e,r){var n=this;return void 0===r&&(r=_(e,10)),Array.from({length:100/r},(function(e,t){return n.shade((t+1)*r)}))},N.prototype.all=function(e){return void 0===e&&(e=10),this.tints(e).reverse().concat([Object.assign(this)],this.shades(e))},N.prototype.hexString=function(){return I(this.alpha>=1?this.rgb:this.rgb.concat([this.alpha]))},N.prototype.rgbString=function(){var e=(this.alpha>=1?this.rgb:this.rgb.concat([this.alpha])).join(", ");return(this.alpha>=1?"rgb":"rgba")+"("+e+")"},N.prototype.getBrightness=function(){return Math.round(this.rgb.reduce((function(e,r){return e+r}))/765*100)},N.prototype._setFromRGB=function(e){var r;return r=[[e[0],e[1],e[2]],e[3]],this.rgb=r[0],this.alpha=r[1],this},N.prototype._setFromHSL=function(e){var r,n=e[0],t=e[1],a=e[2],i=e[3];return r=[$([n,t,a]).map(Math.round),i],this.rgb=r[0],this.alpha=r[1],this},Object.defineProperties(N.prototype,O),N.VERSION="v2.0.0-beta.2",N})); | ||
| */var _=function(e,r){return null===e||isNaN(e)||"string"==typeof e?r:e},N=function(e,r,n){var t;void 0===e&&(e="#000"),void 0===r&&(r="base"),void 0===n&&(n=0),t=[[0,0,0],1,r,n],this.rgb=t[0],this.alpha=t[1],this.type=t[2],this.weight=t[3];var a=null===e?"#000":e;if("string"!=typeof a)throw new TypeError("Input should be a string: "+a);var i=R(a);if(!i)throw new Error("Unable to parse color from string: "+a);return this["_setFrom"+i.type.toUpperCase()](i.values.concat([i.alpha]))},O={hex:{configurable:!0}};return O.hex.get=function(){return this.hexString().replace(/^#/,"")},N.prototype.setColor=function(e){var r=R(e);return r?this["_setFrom"+r.type.toUpperCase()](r.values.concat([r.alpha])):null},N.prototype.tint=function(e,r){return void 0===r&&(r=_(e,50)),new N("rgb("+W("#fff",this.rgbString(),r).rgba+")","tint",r)},N.prototype.shade=function(e,r){return void 0===r&&(r=_(e,50)),new N("rgb("+W("#000",this.rgbString(),r).rgba+")","shade",r)},N.prototype.tints=function(e,r){var n=this;return void 0===r&&(r=_(e,10)),Array.from({length:100/r},(function(e,t){return n.tint((t+1)*r)}))},N.prototype.shades=function(e,r){var n=this;return void 0===r&&(r=_(e,10)),Array.from({length:100/r},(function(e,t){return n.shade((t+1)*r)}))},N.prototype.all=function(e){return void 0===e&&(e=10),this.tints(e).reverse().concat([Object.assign(this)],this.shades(e))},N.prototype.hexString=function(){return I(this.alpha>=1?this.rgb:this.rgb.concat([this.alpha]))},N.prototype.rgbString=function(){var e=(this.alpha>=1?this.rgb:this.rgb.concat([this.alpha])).join(", ");return(this.alpha>=1?"rgb":"rgba")+"("+e+")"},N.prototype.getBrightness=function(){return Math.round(this.rgb.reduce((function(e,r){return e+r}))/765*100)},N.prototype._setFromRGB=function(e){var r;return r=[[e[0],e[1],e[2]],e[3]],this.rgb=r[0],this.alpha=r[1],this},N.prototype._setFromHSL=function(e){var r,n=e[0],t=e[1],a=e[2],i=e[3];return r=[$([n,t,a]).map(Math.round),i],this.rgb=r[0],this.alpha=r[1],this},Object.defineProperties(N.prototype,O),N.VERSION="v2.0.0",N})); |
| { | ||
| "name": "values.js", | ||
| "version": "2.0.0-beta.2", | ||
| "version": "2.0.0", | ||
| "description": "Get tints and shades of a CSS color", | ||
@@ -5,0 +5,0 @@ "main": "dist/index.cjs.js", |
@@ -5,3 +5,2 @@ # values.js | ||
| ![][github-actions-nodejs-image] | ||
| ![][github-actions-lighthouse-image] | ||
| [![License][license-image]][license-url] | ||
@@ -166,4 +165,4 @@ [![Minzipped size][bundlephobia-image]][bundlephobic-url] | ||
| [npm-url]: https://www.npmjs.com/package/values.js | ||
| [github-actions-nodejs-image]: https://github.com/noeldelgado/values.js/workflows/Node.js%20CI/badge.svg?branch=feature/v2 | ||
| [github-actions-lighthouse-image]: https://github.com/noeldelgado/values.js/workflows/Lighthouse/badge.svg?branch=feature/v2 | ||
| [github-actions-nodejs-image]: https://github.com/noeldelgado/values.js/workflows/Node.js%20CI/badge.svg | ||
| [github-actions-lighthouse-image]: https://github.com/noeldelgado/values.js/workflows/Lighthouse/badge.svg | ||
| [license-image]: https://img.shields.io/npm/l/values.js.svg | ||
@@ -170,0 +169,0 @@ [license-url]: https://github.com/noeldelgado/values.js/blob/master/LICENSE |
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
No v1
QualityPackage is not semver >=1. This means it is not stable and does not support ^ ranges.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
- increased by0.95%
29440
- Number of low quality alerts
- decreased by-100%
0
Worsened metrics
- Number of lines in readme file
- decreased by-0.55%
180