From 612f06f7442c07de09c3941934a825db25259827 Mon Sep 17 00:00:00 2001 From: Armando Alvarado Date: Sun, 14 Jun 2020 21:38:25 -0600 Subject: [PATCH 1/3] Added color-name to package.json --- package.json | 1 + 1 file changed, 1 insertion(+) diff --git a/package.json b/package.json index 06c1cdd..4f0694b 100644 --- a/package.json +++ b/package.json @@ -46,6 +46,7 @@ }, "dependencies": { "classnames": "^2.2.0", + "color-name": "^1.1.4", "create-react-class": "^15.0.0", "prop-types": "^15.5.10", "pure-color": "^1.2.0", From 9a15d4b5499482918dd0f89d96ebc01a3067478b Mon Sep 17 00:00:00 2001 From: Armando Alvarado Date: Sun, 14 Jun 2020 21:48:41 -0600 Subject: [PATCH 2/3] Try to parse as color name --- src/util/ColorUtils.js | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/src/util/ColorUtils.js b/src/util/ColorUtils.js index 967f020..cf11a01 100644 --- a/src/util/ColorUtils.js +++ b/src/util/ColorUtils.js @@ -3,10 +3,15 @@ import rgb2hsv from "pure-color/convert/rgb2hsv"; import hsv2rgb from "pure-color/convert/hsv2rgb"; import rgb2string from "pure-color/convert/rgb2string"; import rgb2grayscale from "pure-color/convert/rgb2grayscale"; +import colorNames from "color-name"; export function parseToHsv(color) { color = parse(color); + if (color === undefined && colorNames.hasOwnProperty(color)) { + // if the passed in value corresponds to a color name, parse it + color = parse('rgb(' + colorNames[color].join(',') + ')'); + } const hsv = rgb2hsv(color); const alpha = color.length === 4 ? color[3] : 1; From 0e9c054517556d9a725968a0841316a0117e9076 Mon Sep 17 00:00:00 2001 From: Armando Alvarado Date: Sun, 14 Jun 2020 22:08:39 -0600 Subject: [PATCH 3/3] Add prepare script to run on install --- package.json | 1 + 1 file changed, 1 insertion(+) diff --git a/package.json b/package.json index 4f0694b..4a91bec 100644 --- a/package.json +++ b/package.json @@ -8,6 +8,7 @@ "umd" ], "scripts": { + "prepare": "npm run build", "build": "npm run build:umd && npm run build:es5", "build:umd": "NODE_ENV=production webpack src/index.js umd/index.js", "build:es5": "NODE_ENV=production babel -d lib/ src/",