toosoon-utils 1.0.0

package/.prettierrc

@@ -0,0 +1,7 @@
+{
+  "semi": true,
+  "singleQuote": true,
+  "printWidth": 120,
+  "trailingComma": "none",
+  "endOfLine": "auto"
+}

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 TOOSOON
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/lib/colors.d.ts

@@ -0,0 +1,147 @@
+/**
+ * Normalize hexadecimal string
+ *
+ * @param  {string} hex Hexadecimal string
+ * @returns {string} Normalized hexadecimal string
+ */
+export declare function normalizeHexString(hex: string): string;
+/**
+ * Convert RGB color to hexadecimal
+ * Note: rgb values are contained in the interval [0, 1]
+ *
+ * @param  {[number, number, number]} rgb RGB color
+ * @returns {number} Hexadecimal color
+ */
+export declare function rgbToHex([r, g, b]: [number, number, number]): number;
+/**
+ * Convert RGB color to hexadecimal string
+ * Note: rgb values are contained in the interval [0, 1]
+ *
+ * @param  {[number, number, number]} rgb RGB color
+ * @returns {string} Hexadecimal string
+ */
+export declare function rgbToHexString([r, g, b]: [number, number, number]): string;
+/**
+ * Convert hexadecimal color to RGB
+ * Note: rgb values are contained in the interval [0, 1]
+ *
+ * @param  {(number|string)} hex Hexadecimal color
+ * @returns {[number, number, number]} RGB color
+ */
+export declare function hexToRgb(hex: number | string): [number, number, number];
+/**
+ * Lighten a color
+ *
+ * @param {string} hex        Hexadecimal string
+ * @param {number} [amount=0] Amount of the color offset
+ * @returns {string} Computed hexadecimal
+ */
+export declare function lighten(hex: string, amount?: number): string;
+/**
+ * Darken a color
+ *
+ * @param {string} hex        Hexadecimal string
+ * @param {number} [amount=0] Amount of the color offset
+ * @returns {string} Computed hexadecimal
+ */
+export declare function darken(hex: string, amount?: number): string;
+/**
+ * Normalize HSL string
+ * Note: hsl values are contained in the intervals H: [0, 360], S: [0, 1], L: [0, 1]
+ *
+ * @param  {string} hsl HSL string (format: 'hsl(360, 100%, 100%)')
+ * @returns {[number, number, number]} Normalized HSL color
+ */
+export declare function normalizeHslString(hsl: string): [number, number, number];
+/**
+ * Convert RGB color to HSL color
+ * Notes:
+ *  - rgb values are contained in the interval [0, 1]
+ *  - hsl values are contained in the intervals H: [0, 360], S: [0, 1], L: [0, 1]
+ *
+ * @param  {[number, number, number]} rgb RGB color
+ * @returns {[number, number, number]} HSL color
+ */
+export declare function rgbToHsl([r, g, b]: [number, number, number]): [number, number, number];
+/**
+ * Convert HSL color to RGB color
+ * Notes:
+ *  - rgb values are contained in the interval [0, 1]
+ *  - hsl values are contained in the intervals H: [0, 360], S: [0, 1], L: [0, 1]
+ *
+ * @param  {[number, number, number]} hsl HSL color
+ * @returns {[number, number, number]} RGB color
+ */
+export declare function hslToRgb([h, s, l]: [number, number, number]): [number, number, number];
+/**
+ * Convert RGB color to HSB color
+ * Notes:
+ *  - rgb values are contained in the interval [0, 1]
+ *  - hsb values are contained in the intervals H: [0, 360], S: [0, 1], B: [0, 1]
+ *
+ * @param  {[number, number, number]} rgb RGB color
+ * @returns {[number, number, number]} HSB color
+ */
+export declare function rgbToHsb([r, g, b]: [number, number, number]): [number, number, number];
+/**
+ * Convert HSB color to RGB color
+ * Notes:
+ *  - rgb values are contained in the interval [0, 1]
+ *  - hsb values are contained in the intervals H: [0, 360], S: [0, 1], B: [0, 1]
+ *
+ * @param  {[number, number, number]} hsb HSB color
+ * @returns {[number, number, number]} RGB color
+ */
+export declare function hsbToRgb([h, s, b]: [number, number, number]): [number, number, number];
+/**
+ * Convert LAB color space to HCL color
+ * -> http://www.brucelindbloom.com/index.html?Eqn_Lab_to_LCH.html
+ *
+ * @param {[number, number, number]} lab LAB color
+ * @returns {[number, number, number]} HCL color
+ */
+export declare function labToHcl([l, a, b]: [number, number, number]): [number, number, number];
+/**
+ * Convert HCL color space color space to LAB color
+ * -> http://www.brucelindbloom.com/index.html?Eqn_LCH_to_Lab.html
+ *
+ * @param {[number, number, number]} hcl HCL color
+ * @returns {[number, number, number]} LAB color space
+ */
+export declare function hclToLab([h, c, l]: [number, number, number]): [number, number, number];
+/**
+ * Converts LAB color to RGB
+ *
+ * @param {[number, number, number]} lab LAB color
+ * @returns {[number, number, number]} RGB color
+ */
+export declare function labToRgb([l, a, b]: [number, number, number]): [number, number, number];
+/**
+ * Converts RGB color to Lab color
+ *
+ * @param {[number, number, number]} rgb RGB color
+ * @returns {[number, number, number]} LAB color
+ */
+export declare function rgbToLab([r, g, b]: [number, number, number]): [number, number, number];
+/**
+ * Get the delta from two LAB colors
+ *
+ * @param {[number, number, number]} labA First LAB color
+ * @param {[number, number, number]} labB Second LAB color
+ * @returns {number} Delta
+ */
+export declare function deltaE(labA: [number, number, number], labB: [number, number, number]): number;
+/**
+ * Converts RGB color to HCL color
+ *
+ * @param {[number, number, number]} rgb RGB color
+ * @returns {[number, number, number]} HCL color
+ */
+export declare function rgbToHcl([r, g, b]: [number, number, number]): [number, number, number];
+/**
+ * Converts HCL color to RGB color
+ *
+ * @param {[number, number, number]} hcl RGB color
+ * @returns {[number, number, number]} RGB color
+ */
+export declare function hclToRgb([h, c, l]: [number, number, number]): [number, number, number];

package/lib/colors.js

@@ -0,0 +1,372 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.hclToRgb = exports.rgbToHcl = exports.deltaE = exports.rgbToLab = exports.labToRgb = exports.hclToLab = exports.labToHcl = exports.hsbToRgb = exports.rgbToHsb = exports.hslToRgb = exports.rgbToHsl = exports.normalizeHslString = exports.darken = exports.lighten = exports.hexToRgb = exports.rgbToHexString = exports.rgbToHex = exports.normalizeHexString = void 0;
+var geometry_1 = require("./geometry");
+var maths_1 = require("./maths");
+// ******************************************
+// RGB & Hexadecimal color spaces
+// ******************************************
+/**
+ * Normalize hexadecimal string
+ *
+ * @param  {string} hex Hexadecimal string
+ * @returns {string} Normalized hexadecimal string
+ */
+function normalizeHexString(hex) {
+    var match;
+    var result = '000000';
+    hex = hex.toLocaleLowerCase();
+    if ((match = hex.match(/(#|0x)?([a-f0-9]{6})/i))) {
+        result = match[2];
+    }
+    else if ((match = hex.match(/^#?([a-f0-9])([a-f0-9])([a-f0-9])$/i))) {
+        result = match[1] + match[1] + match[2] + match[2] + match[3] + match[3];
+    }
+    else if ((match = hex.match(/rgb\(\s*(\d*)\s*,\s*(\d*)\s*,\s*(\d*)\s*\)/))) {
+        result =
+            parseInt(match[1]).toString(16).padStart(2, '0') +
+                parseInt(match[2]).toString(16).padStart(2, '0') +
+                parseInt(match[3]).toString(16).padStart(2, '0');
+    }
+    return "#".concat(result);
+}
+exports.normalizeHexString = normalizeHexString;
+/**
+ * Convert RGB color to hexadecimal
+ * Note: rgb values are contained in the interval [0, 1]
+ *
+ * @param  {[number, number, number]} rgb RGB color
+ * @returns {number} Hexadecimal color
+ */
+function rgbToHex(_a) {
+    var r = _a[0], g = _a[1], b = _a[2];
+    return ((r * 255) << 16) ^ ((g * 255) << 8) ^ ((b * 255) << 0);
+}
+exports.rgbToHex = rgbToHex;
+/**
+ * Convert RGB color to hexadecimal string
+ * Note: rgb values are contained in the interval [0, 1]
+ *
+ * @param  {[number, number, number]} rgb RGB color
+ * @returns {string} Hexadecimal string
+ */
+function rgbToHexString(_a) {
+    var r = _a[0], g = _a[1], b = _a[2];
+    var red = (0, maths_1.clamp)(Math.round(r * 255), 0, 255);
+    var green = (0, maths_1.clamp)(Math.round(g * 255), 0, 255);
+    var blue = (0, maths_1.clamp)(Math.round(b * 255), 0, 255);
+    var result = (blue | (green << 8) | (red << 16) | (1 << 24)).toString(16).slice(1);
+    return "#".concat(result);
+}
+exports.rgbToHexString = rgbToHexString;
+/**
+ * Convert hexadecimal color to RGB
+ * Note: rgb values are contained in the interval [0, 1]
+ *
+ * @param  {(number|string)} hex Hexadecimal color
+ * @returns {[number, number, number]} RGB color
+ */
+function hexToRgb(hex) {
+    if (typeof hex === 'number') {
+        hex = Math.floor(hex);
+    }
+    else if (typeof hex === 'string') {
+        hex = normalizeHexString(hex).replace(/^#/, '');
+        hex = parseInt(hex, 16);
+    }
+    var red = ((hex >> 16) & 255) / 255;
+    var green = ((hex >> 8) & 255) / 255;
+    var blue = (hex & 255) / 255;
+    return [red, green, blue];
+}
+exports.hexToRgb = hexToRgb;
+/**
+ * Lighten a color
+ *
+ * @param {string} hex        Hexadecimal string
+ * @param {number} [amount=0] Amount of the color offset
+ * @returns {string} Computed hexadecimal
+ */
+function lighten(hex, amount) {
+    if (amount === void 0) { amount = 0; }
+    var prefix = '';
+    if (hex[0] === '#') {
+        hex = hex.slice(1);
+        prefix = '#';
+    }
+    var value = parseInt(hex, 16);
+    var r = (value >> 16) + amount;
+    r = (0, maths_1.clamp)(r, 0, 255);
+    var b = ((value >> 8) & 0x00ff) + amount;
+    b = (0, maths_1.clamp)(b, 0, 255);
+    var g = (value & 0x0000ff) + amount;
+    g = (0, maths_1.clamp)(g, 0, 255);
+    var result = g | (b << 8) | (r << 16);
+    if (r === 0 && g === 0 && b === 0 && amount !== 0) {
+        result = '000000';
+    }
+    return prefix + result.toString(16);
+}
+exports.lighten = lighten;
+/**
+ * Darken a color
+ *
+ * @param {string} hex        Hexadecimal string
+ * @param {number} [amount=0] Amount of the color offset
+ * @returns {string} Computed hexadecimal
+ */
+function darken(hex, amount) {
+    if (amount === void 0) { amount = 0; }
+    return lighten(hex, -amount);
+}
+exports.darken = darken;
+// ***************************************************
+// RGB & Hue-Saturation-Lightness (HSL) color spaces
+// ***************************************************
+/**
+ * Normalize HSL string
+ * Note: hsl values are contained in the intervals H: [0, 360], S: [0, 1], L: [0, 1]
+ *
+ * @param  {string} hsl HSL string (format: 'hsl(360, 100%, 100%)')
+ * @returns {[number, number, number]} Normalized HSL color
+ */
+function normalizeHslString(hsl) {
+    var _a, _b;
+    var _c = (_b = (_a = hsl.match(/\d+/g)) === null || _a === void 0 ? void 0 : _a.map(Number)) !== null && _b !== void 0 ? _b : [0, 0, 0], hue = _c[0], saturation = _c[1], lightness = _c[2];
+    return [hue, saturation / 100, lightness / 100];
+}
+exports.normalizeHslString = normalizeHslString;
+/**
+ * Convert RGB color to HSL color
+ * Notes:
+ *  - rgb values are contained in the interval [0, 1]
+ *  - hsl values are contained in the intervals H: [0, 360], S: [0, 1], L: [0, 1]
+ *
+ * @param  {[number, number, number]} rgb RGB color
+ * @returns {[number, number, number]} HSL color
+ */
+function rgbToHsl(_a) {
+    var r = _a[0], g = _a[1], b = _a[2];
+    var l = Math.max(r, g, b);
+    var s = l - Math.min(r, g, b);
+    var h = s ? (l === r ? (g - b) / s : l === g ? 2 + (b - r) / s : 4 + (r - g) / s) : 0;
+    return [
+        60 * h < 0 ? 60 * h + 360 : 60 * h,
+        s ? (l <= 0.5 ? s / (2 * l - s) : s / (2 - (2 * l - s))) : 0,
+        (2 * l - s) / 2
+    ];
+}
+exports.rgbToHsl = rgbToHsl;
+/**
+ * Convert HSL color to RGB color
+ * Notes:
+ *  - rgb values are contained in the interval [0, 1]
+ *  - hsl values are contained in the intervals H: [0, 360], S: [0, 1], L: [0, 1]
+ *
+ * @param  {[number, number, number]} hsl HSL color
+ * @returns {[number, number, number]} RGB color
+ */
+function hslToRgb(_a) {
+    var h = _a[0], s = _a[1], l = _a[2];
+    var a = s * Math.min(l, 1 - l);
+    var k = function (v) { return (v + h / 30) % 12; };
+    var f = function (v) { return l - a * Math.max(-1, Math.min(k(v) - 3, Math.min(9 - k(v), 1))); };
+    return [f(0), f(8), f(4)];
+}
+exports.hslToRgb = hslToRgb;
+// ***************************************************
+// RGB & Hue-Saturation-Brightness (HSB) color spaces
+// ***************************************************
+/**
+ * Convert RGB color to HSB color
+ * Notes:
+ *  - rgb values are contained in the interval [0, 1]
+ *  - hsb values are contained in the intervals H: [0, 360], S: [0, 1], B: [0, 1]
+ *
+ * @param  {[number, number, number]} rgb RGB color
+ * @returns {[number, number, number]} HSB color
+ */
+function rgbToHsb(_a) {
+    var r = _a[0], g = _a[1], b = _a[2];
+    var max = Math.max(r, g, b);
+    var min = Math.min(r, g, b);
+    var delta = max - min;
+    var h = delta === 0 ? 0 : delta && max === r ? (g - b) / delta : max === g ? 2 + (b - r) / delta : 4 + (r - g) / delta;
+    return [60 * (h < 0 ? h + 6 : h), max && delta / max, max];
+}
+exports.rgbToHsb = rgbToHsb;
+/**
+ * Convert HSB color to RGB color
+ * Notes:
+ *  - rgb values are contained in the interval [0, 1]
+ *  - hsb values are contained in the intervals H: [0, 360], S: [0, 1], B: [0, 1]
+ *
+ * @param  {[number, number, number]} hsb HSB color
+ * @returns {[number, number, number]} RGB color
+ */
+function hsbToRgb(_a) {
+    var h = _a[0], s = _a[1], b = _a[2];
+    var k = function (v) { return (v + h / 60) % 6; };
+    var f = function (v) { return b * (1 - s * Math.max(0, Math.min(k(v), 4 - k(v), 1))); };
+    return [f(5), f(3), f(1)];
+}
+exports.hsbToRgb = hsbToRgb;
+// *********************************************
+// LAB & Hue-Chroma-Luminance (HCL) color spaces
+// *********************************************
+/**
+ * Convert LAB color space to HCL color
+ * -> http://www.brucelindbloom.com/index.html?Eqn_Lab_to_LCH.html
+ *
+ * @param {[number, number, number]} lab LAB color
+ * @returns {[number, number, number]} HCL color
+ */
+function labToHcl(_a) {
+    var l = _a[0], a = _a[1], b = _a[2];
+    var c = Math.sqrt(a * a + b * b);
+    var h = abToHue(a, b);
+    return [h, c, l];
+}
+exports.labToHcl = labToHcl;
+/**
+ * Convert HCL color space color space to LAB color
+ * -> http://www.brucelindbloom.com/index.html?Eqn_LCH_to_Lab.html
+ *
+ * @param {[number, number, number]} hcl HCL color
+ * @returns {[number, number, number]} LAB color space
+ */
+function hclToLab(_a) {
+    var h = _a[0], c = _a[1], l = _a[2];
+    var a = c * Math.cos((0, geometry_1.toRadians)(h));
+    var b = c * Math.sin((0, geometry_1.toRadians)(h));
+    return [l, a, b];
+}
+exports.hclToLab = hclToLab;
+/**
+ * Convert A and B of LAB color to Hue of LCH color
+ * -> https://stackoverflow.com/questions/53733379/conversion-of-cielab-to-cielchab-not-yielding-correct-result
+ *
+ * @param {number} a A value of LAB color
+ * @param {number} b B value of LAB color
+ * @returns {number} Hue value
+ */
+function abToHue(a, b) {
+    if (a >= 0 && b === 0) {
+        return 0;
+    }
+    if (a < 0 && b === 0) {
+        return 180;
+    }
+    if (a === 0 && b > 0) {
+        return 90;
+    }
+    if (a === 0 && b < 0) {
+        return 270;
+    }
+    var xBias = 0;
+    if (a > 0 && b > 0) {
+        xBias = 0;
+    }
+    else if (a < 0) {
+        xBias = 180;
+    }
+    else if (a > 0 && b < 0) {
+        xBias = 360;
+    }
+    return (0, geometry_1.toDegrees)(Math.atan(b / a)) + xBias;
+}
+// ******************************************
+// LAB & RGB color spaces
+// ******************************************
+var f1 = function (v) { return (v * v * v > 0.008856 ? v * v * v : (v - 16 / 116) / 7.787); };
+var f2 = function (v) { return (v > 0.0031308 ? 1.055 * Math.pow(v, 1 / 2.4) - 0.055 : 12.92 * v); };
+var f3 = function (v) { return (v > 0.04045 ? Math.pow((v + 0.055) / 1.055, 2.4) : v / 12.92); };
+var f4 = function (v) { return (v > 0.008856 ? Math.pow(v, 1 / 3) : 7.787 * v + 16 / 116); };
+/**
+ * Converts LAB color to RGB
+ *
+ * @param {[number, number, number]} lab LAB color
+ * @returns {[number, number, number]} RGB color
+ */
+function labToRgb(_a) {
+    var l = _a[0], a = _a[1], b = _a[2];
+    var y = (l + 16) / 116;
+    var x = a / 500 + y;
+    var z = y - b / 200;
+    x = 0.95047 * f1(x);
+    y = 1.0 * f1(y);
+    z = 1.08883 * f1(z);
+    return [
+        (0, maths_1.clamp)(f2(x * 3.2406 + y * -1.5372 + z * -0.4986)),
+        (0, maths_1.clamp)(f2(x * -0.9689 + y * 1.8758 + z * 0.0415)),
+        (0, maths_1.clamp)(f2(x * 0.0557 + y * -0.204 + z * 1.057))
+    ];
+}
+exports.labToRgb = labToRgb;
+/**
+ * Converts RGB color to Lab color
+ *
+ * @param {[number, number, number]} rgb RGB color
+ * @returns {[number, number, number]} LAB color
+ */
+function rgbToLab(_a) {
+    var r = _a[0], g = _a[1], b = _a[2];
+    r = f3(r);
+    g = f3(g);
+    b = f3(b);
+    var x = f4((r * 0.4124 + g * 0.3576 + b * 0.1805) / 0.95047);
+    var y = f4((r * 0.2126 + g * 0.7152 + b * 0.0722) / 1);
+    var z = f4((r * 0.0193 + g * 0.1192 + b * 0.9505) / 1.08883);
+    return [116 * y - 16, 500 * (x - y), 200 * (y - z)];
+}
+exports.rgbToLab = rgbToLab;
+/**
+ * Get the delta from two LAB colors
+ *
+ * @param {[number, number, number]} labA First LAB color
+ * @param {[number, number, number]} labB Second LAB color
+ * @returns {number} Delta
+ */
+function deltaE(labA, labB) {
+    var deltaL = labA[0] - labB[0];
+    var deltaA = labA[1] - labB[1];
+    var deltaB = labA[2] - labB[2];
+    var c1 = Math.sqrt(labA[1] * labA[1] + labA[2] * labA[2]);
+    var c2 = Math.sqrt(labB[1] * labB[1] + labB[2] * labB[2]);
+    var deltaC = c1 - c2;
+    var deltaH = deltaA * deltaA + deltaB * deltaB - deltaC * deltaC;
+    deltaH = deltaH < 0 ? 0 : Math.sqrt(deltaH);
+    var sc = 1.0 + 0.045 * c1;
+    var sh = 1.0 + 0.015 * c1;
+    var deltaLKlsl = deltaL / 1;
+    var deltaCkcsc = deltaC / sc;
+    var deltaHkhsh = deltaH / sh;
+    var i = deltaLKlsl * deltaLKlsl + deltaCkcsc * deltaCkcsc + deltaHkhsh * deltaHkhsh;
+    return i < 0 ? 0 : Math.sqrt(i);
+}
+exports.deltaE = deltaE;
+// *********************************************
+// RGB & Hue-Chroma-Luminance (HCL) color spaces
+// *********************************************
+/**
+ * Converts RGB color to HCL color
+ *
+ * @param {[number, number, number]} rgb RGB color
+ * @returns {[number, number, number]} HCL color
+ */
+function rgbToHcl(_a) {
+    var r = _a[0], g = _a[1], b = _a[2];
+    return labToHcl(rgbToLab([r, g, b]));
+}
+exports.rgbToHcl = rgbToHcl;
+/**
+ * Converts HCL color to RGB color
+ *
+ * @param {[number, number, number]} hcl RGB color
+ * @returns {[number, number, number]} RGB color
+ */
+function hclToRgb(_a) {
+    var h = _a[0], c = _a[1], l = _a[2];
+    return labToRgb(hclToLab([h, c, l]));
+}
+exports.hclToRgb = hclToRgb;

package/lib/constants.d.ts

@@ -0,0 +1,162 @@
+export declare const EPSILON = 1e-10;
+export declare const PI: number;
+export declare const TWO_PI: number;
+export declare const HALF_PI: number;
+export declare const QUARTER_PI: number;
+export declare const W3CX11: {
+    aliceblue: string;
+    antiquewhite: string;
+    aqua: string;
+    aquamarine: string;
+    azure: string;
+    beige: string;
+    bisque: string;
+    black: string;
+    blanchedalmond: string;
+    blue: string;
+    blueviolet: string;
+    brown: string;
+    burlywood: string;
+    cadetblue: string;
+    chartreuse: string;
+    chocolate: string;
+    coral: string;
+    cornflower: string;
+    cornflowerblue: string;
+    cornsilk: string;
+    crimson: string;
+    cyan: string;
+    darkblue: string;
+    darkcyan: string;
+    darkgoldenrod: string;
+    darkgray: string;
+    darkgreen: string;
+    darkgrey: string;
+    darkkhaki: string;
+    darkmagenta: string;
+    darkolivegreen: string;
+    darkorange: string;
+    darkorchid: string;
+    darkred: string;
+    darksalmon: string;
+    darkseagreen: string;
+    darkslateblue: string;
+    darkslategray: string;
+    darkslategrey: string;
+    darkturquoise: string;
+    darkviolet: string;
+    deeppink: string;
+    deepskyblue: string;
+    dimgray: string;
+    dimgrey: string;
+    dodgerblue: string;
+    firebrick: string;
+    floralwhite: string;
+    forestgreen: string;
+    fuchsia: string;
+    gainsboro: string;
+    ghostwhite: string;
+    gold: string;
+    goldenrod: string;
+    gray: string;
+    green: string;
+    greenyellow: string;
+    grey: string;
+    honeydew: string;
+    hotpink: string;
+    indianred: string;
+    indigo: string;
+    ivory: string;
+    khaki: string;
+    laserlemon: string;
+    lavender: string;
+    lavenderblush: string;
+    lawngreen: string;
+    lemonchiffon: string;
+    lightblue: string;
+    lightcoral: string;
+    lightcyan: string;
+    lightgoldenrod: string;
+    lightgoldenrodyellow: string;
+    lightgray: string;
+    lightgreen: string;
+    lightgrey: string;
+    lightpink: string;
+    lightsalmon: string;
+    lightseagreen: string;
+    lightskyblue: string;
+    lightslategray: string;
+    lightslategrey: string;
+    lightsteelblue: string;
+    lightyellow: string;
+    lime: string;
+    limegreen: string;
+    linen: string;
+    magenta: string;
+    maroon: string;
+    maroon2: string;
+    maroon3: string;
+    mediumaquamarine: string;
+    mediumblue: string;
+    mediumorchid: string;
+    mediumpurple: string;
+    mediumseagreen: string;
+    mediumslateblue: string;
+    mediumspringgreen: string;
+    mediumturquoise: string;
+    mediumvioletred: string;
+    midnightblue: string;
+    mintcream: string;
+    mistyrose: string;
+    moccasin: string;
+    navajowhite: string;
+    navy: string;
+    oldlace: string;
+    olive: string;
+    olivedrab: string;
+    orange: string;
+    orangered: string;
+    orchid: string;
+    palegoldenrod: string;
+    palegreen: string;
+    paleturquoise: string;
+    palevioletred: string;
+    papayawhip: string;
+    peachpuff: string;
+    peru: string;
+    pink: string;
+    plum: string;
+    powderblue: string;
+    purple: string;
+    purple2: string;
+    purple3: string;
+    rebeccapurple: string;
+    red: string;
+    rosybrown: string;
+    royalblue: string;
+    saddlebrown: string;
+    salmon: string;
+    sandybrown: string;
+    seagreen: string;
+    seashell: string;
+    sienna: string;
+    silver: string;
+    skyblue: string;
+    slateblue: string;
+    slategray: string;
+    slategrey: string;
+    snow: string;
+    springgreen: string;
+    steelblue: string;
+    tan: string;
+    teal: string;
+    thistle: string;
+    tomato: string;
+    turquoise: string;
+    violet: string;
+    wheat: string;
+    white: string;
+    whitesmoke: string;
+    yellow: string;
+    yellowgreen: string;
+};