@ctrl/tinycolor 3.4.0 → 3.5.0

package/dist/conversion.js

@@ -12,9 +12,9 @@ var util_1 = require("./util");
  */
 function rgbToRgb(r, g, b) {
     return {
-        r: util_1.bound01(r, 255) * 255,
-        g: util_1.bound01(g, 255) * 255,
-        b: util_1.bound01(b, 255) * 255,
+        r: (0, util_1.bound01)(r, 255) * 255,
+        g: (0, util_1.bound01)(g, 255) * 255,
+        b: (0, util_1.bound01)(b, 255) * 255,
     };
 }
 exports.rgbToRgb = rgbToRgb;
@@ -24,9 +24,9 @@ exports.rgbToRgb = rgbToRgb;
  * *Returns:* { h, s, l } in [0,1]
  */
 function rgbToHsl(r, g, b) {
-    r = util_1.bound01(r, 255);
-    g = util_1.bound01(g, 255);
-    b = util_1.bound01(b, 255);
+    r = (0, util_1.bound01)(r, 255);
+    g = (0, util_1.bound01)(g, 255);
+    b = (0, util_1.bound01)(b, 255);
     var max = Math.max(r, g, b);
     var min = Math.min(r, g, b);
     var h = 0;
@@ -85,9 +85,9 @@ function hslToRgb(h, s, l) {
     var r;
     var g;
     var b;
-    h = util_1.bound01(h, 360);
-    s = util_1.bound01(s, 100);
-    l = util_1.bound01(l, 100);
+    h = (0, util_1.bound01)(h, 360);
+    s = (0, util_1.bound01)(s, 100);
+    l = (0, util_1.bound01)(l, 100);
     if (s === 0) {
         // achromatic
         g = l;
@@ -111,9 +111,9 @@ exports.hslToRgb = hslToRgb;
  * *Returns:* { h, s, v } in [0,1]
  */
 function rgbToHsv(r, g, b) {
-    r = util_1.bound01(r, 255);
-    g = util_1.bound01(g, 255);
-    b = util_1.bound01(b, 255);
+    r = (0, util_1.bound01)(r, 255);
+    g = (0, util_1.bound01)(g, 255);
+    b = (0, util_1.bound01)(b, 255);
     var max = Math.max(r, g, b);
     var min = Math.min(r, g, b);
     var h = 0;
@@ -149,9 +149,9 @@ exports.rgbToHsv = rgbToHsv;
  * *Returns:* { r, g, b } in the set [0, 255]
  */
 function hsvToRgb(h, s, v) {
-    h = util_1.bound01(h, 360) * 6;
-    s = util_1.bound01(s, 100);
-    v = util_1.bound01(v, 100);
+    h = (0, util_1.bound01)(h, 360) * 6;
+    s = (0, util_1.bound01)(s, 100);
+    v = (0, util_1.bound01)(v, 100);
     var i = Math.floor(h);
     var f = h - i;
     var p = v * (1 - s);
@@ -172,9 +172,9 @@ exports.hsvToRgb = hsvToRgb;
  */
 function rgbToHex(r, g, b, allow3Char) {
     var hex = [
-        util_1.pad2(Math.round(r).toString(16)),
-        util_1.pad2(Math.round(g).toString(16)),
-        util_1.pad2(Math.round(b).toString(16)),
+        (0, util_1.pad2)(Math.round(r).toString(16)),
+        (0, util_1.pad2)(Math.round(g).toString(16)),
+        (0, util_1.pad2)(Math.round(b).toString(16)),
     ];
     // Return a 3 character hex if possible
     if (allow3Char &&
@@ -195,10 +195,10 @@ exports.rgbToHex = rgbToHex;
 // eslint-disable-next-line max-params
 function rgbaToHex(r, g, b, a, allow4Char) {
     var hex = [
-        util_1.pad2(Math.round(r).toString(16)),
-        util_1.pad2(Math.round(g).toString(16)),
-        util_1.pad2(Math.round(b).toString(16)),
-        util_1.pad2(convertDecimalToHex(a)),
+        (0, util_1.pad2)(Math.round(r).toString(16)),
+        (0, util_1.pad2)(Math.round(g).toString(16)),
+        (0, util_1.pad2)(Math.round(b).toString(16)),
+        (0, util_1.pad2)(convertDecimalToHex(a)),
     ];
     // Return a 4 character hex if possible
     if (allow4Char &&
@@ -217,10 +217,10 @@ exports.rgbaToHex = rgbaToHex;
  */
 function rgbaToArgbHex(r, g, b, a) {
     var hex = [
-        util_1.pad2(convertDecimalToHex(a)),
-        util_1.pad2(Math.round(r).toString(16)),
-        util_1.pad2(Math.round(g).toString(16)),
-        util_1.pad2(Math.round(b).toString(16)),
+        (0, util_1.pad2)(convertDecimalToHex(a)),
+        (0, util_1.pad2)(Math.round(r).toString(16)),
+        (0, util_1.pad2)(Math.round(g).toString(16)),
+        (0, util_1.pad2)(Math.round(b).toString(16)),
     ];
     return hex.join('');
 }

package/dist/format-input.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.isValidCSSUnit = exports.stringInputToObject = exports.inputToRGB = void 0;
+/* eslint-disable @typescript-eslint/no-redundant-type-constituents */
 var conversion_1 = require("./conversion");
 var css_color_names_1 = require("./css-color-names");
 var util_1 = require("./util");
@@ -35,21 +36,21 @@ function inputToRGB(color) {
     }
     if (typeof color === 'object') {
         if (isValidCSSUnit(color.r) && isValidCSSUnit(color.g) && isValidCSSUnit(color.b)) {
-            rgb = conversion_1.rgbToRgb(color.r, color.g, color.b);
+            rgb = (0, conversion_1.rgbToRgb)(color.r, color.g, color.b);
             ok = true;
             format = String(color.r).substr(-1) === '%' ? 'prgb' : 'rgb';
         }
         else if (isValidCSSUnit(color.h) && isValidCSSUnit(color.s) && isValidCSSUnit(color.v)) {
-            s = util_1.convertToPercentage(color.s);
-            v = util_1.convertToPercentage(color.v);
-            rgb = conversion_1.hsvToRgb(color.h, s, v);
+            s = (0, util_1.convertToPercentage)(color.s);
+            v = (0, util_1.convertToPercentage)(color.v);
+            rgb = (0, conversion_1.hsvToRgb)(color.h, s, v);
             ok = true;
             format = 'hsv';
         }
         else if (isValidCSSUnit(color.h) && isValidCSSUnit(color.s) && isValidCSSUnit(color.l)) {
-            s = util_1.convertToPercentage(color.s);
-            l = util_1.convertToPercentage(color.l);
-            rgb = conversion_1.hslToRgb(color.h, s, l);
+            s = (0, util_1.convertToPercentage)(color.s);
+            l = (0, util_1.convertToPercentage)(color.l);
+            rgb = (0, conversion_1.hslToRgb)(color.h, s, l);
             ok = true;
             format = 'hsl';
         }
@@ -57,7 +58,7 @@ function inputToRGB(color) {
             a = color.a;
         }
     }
-    a = util_1.boundAlpha(a);
+    a = (0, util_1.boundAlpha)(a);
     return {
         ok: ok,
         format: color.format || format,
@@ -73,12 +74,12 @@ var CSS_INTEGER = '[-\\+]?\\d+%?';
 // <http://www.w3.org/TR/css3-values/#number-value>
 var CSS_NUMBER = '[-\\+]?\\d*\\.\\d+%?';
 // Allow positive/negative integer/number.  Don't capture the either/or, just the entire outcome.
-var CSS_UNIT = "(?:" + CSS_NUMBER + ")|(?:" + CSS_INTEGER + ")";
+var CSS_UNIT = "(?:".concat(CSS_NUMBER, ")|(?:").concat(CSS_INTEGER, ")");
 // Actual matching.
 // Parentheses and commas are optional, but not required.
 // Whitespace can take the place of commas or opening paren
-var PERMISSIVE_MATCH3 = "[\\s|\\(]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")\\s*\\)?";
-var PERMISSIVE_MATCH4 = "[\\s|\\(]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")\\s*\\)?";
+var PERMISSIVE_MATCH3 = "[\\s|\\(]+(".concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")\\s*\\)?");
+var PERMISSIVE_MATCH4 = "[\\s|\\(]+(".concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")\\s*\\)?");
 var matchers = {
     CSS_UNIT: new RegExp(CSS_UNIT),
     rgb: new RegExp('rgb' + PERMISSIVE_MATCH3),
@@ -140,38 +141,38 @@ function stringInputToObject(color) {
     match = matchers.hex8.exec(color);
     if (match) {
         return {
-            r: conversion_1.parseIntFromHex(match[1]),
-            g: conversion_1.parseIntFromHex(match[2]),
-            b: conversion_1.parseIntFromHex(match[3]),
-            a: conversion_1.convertHexToDecimal(match[4]),
+            r: (0, conversion_1.parseIntFromHex)(match[1]),
+            g: (0, conversion_1.parseIntFromHex)(match[2]),
+            b: (0, conversion_1.parseIntFromHex)(match[3]),
+            a: (0, conversion_1.convertHexToDecimal)(match[4]),
             format: named ? 'name' : 'hex8',
         };
     }
     match = matchers.hex6.exec(color);
     if (match) {
         return {
-            r: conversion_1.parseIntFromHex(match[1]),
-            g: conversion_1.parseIntFromHex(match[2]),
-            b: conversion_1.parseIntFromHex(match[3]),
+            r: (0, conversion_1.parseIntFromHex)(match[1]),
+            g: (0, conversion_1.parseIntFromHex)(match[2]),
+            b: (0, conversion_1.parseIntFromHex)(match[3]),
             format: named ? 'name' : 'hex',
         };
     }
     match = matchers.hex4.exec(color);
     if (match) {
         return {
-            r: conversion_1.parseIntFromHex(match[1] + match[1]),
-            g: conversion_1.parseIntFromHex(match[2] + match[2]),
-            b: conversion_1.parseIntFromHex(match[3] + match[3]),
-            a: conversion_1.convertHexToDecimal(match[4] + match[4]),
+            r: (0, conversion_1.parseIntFromHex)(match[1] + match[1]),
+            g: (0, conversion_1.parseIntFromHex)(match[2] + match[2]),
+            b: (0, conversion_1.parseIntFromHex)(match[3] + match[3]),
+            a: (0, conversion_1.convertHexToDecimal)(match[4] + match[4]),
             format: named ? 'name' : 'hex8',
         };
     }
     match = matchers.hex3.exec(color);
     if (match) {
         return {
-            r: conversion_1.parseIntFromHex(match[1] + match[1]),
-            g: conversion_1.parseIntFromHex(match[2] + match[2]),
-            b: conversion_1.parseIntFromHex(match[3] + match[3]),
+            r: (0, conversion_1.parseIntFromHex)(match[1] + match[1]),
+            g: (0, conversion_1.parseIntFromHex)(match[2] + match[2]),
+            b: (0, conversion_1.parseIntFromHex)(match[3] + match[3]),
             format: named ? 'name' : 'hex',
         };
     }

package/dist/from-ratio.js

@@ -9,9 +9,9 @@ var util_1 = require("./util");
  */
 function fromRatio(ratio, opts) {
     var newColor = {
-        r: util_1.convertToPercentage(ratio.r),
-        g: util_1.convertToPercentage(ratio.g),
-        b: util_1.convertToPercentage(ratio.b),
+        r: (0, util_1.convertToPercentage)(ratio.r),
+        g: (0, util_1.convertToPercentage)(ratio.g),
+        b: (0, util_1.convertToPercentage)(ratio.b),
     };
     if (ratio.a !== undefined) {
         newColor.a = Number(ratio.a);

package/dist/index.d.ts

@@ -1,10 +1,10 @@
-import { HSL, HSLA, HSV, HSVA, RGB, RGBA, Numberify } from './interfaces';
+import { HSL, HSLA, HSV, HSVA, Numberify, RGB, RGBA } from './interfaces';
 export interface TinyColorOptions {
     format: string;
     gradientType: string;
 }
-export declare type ColorInput = string | number | RGB | RGBA | HSL | HSLA | HSV | HSVA | TinyColor;
-export declare type ColorFormats = 'rgb' | 'prgb' | 'hex' | 'hex3' | 'hex4' | 'hex6' | 'hex8' | 'name' | 'hsl' | 'hsv';
+export type ColorInput = string | number | RGB | RGBA | HSL | HSLA | HSV | HSVA | TinyColor;
+export type ColorFormats = 'rgb' | 'prgb' | 'hex' | 'hex3' | 'hex4' | 'hex6' | 'hex8' | 'name' | 'hsl' | 'hsv';
 export declare class TinyColor {
     /** red */
     r: number;
@@ -44,6 +44,10 @@ export declare class TinyColor {
      * @param alpha - The new alpha value. The accepted range is 0-1.
      */
     setAlpha(alpha?: string | number): this;
+    /**
+     * Returns whether the color is monochrome.
+     */
+    isMonochrome(): boolean;
     /**
      * Returns the object as a HSVA object.
      */

package/dist/index.js

@@ -16,10 +16,10 @@ var TinyColor = /** @class */ (function () {
             return color;
         }
         if (typeof color === 'number') {
-            color = conversion_1.numberInputToObject(color);
+            color = (0, conversion_1.numberInputToObject)(color);
         }
         this.originalInput = color;
-        var rgb = format_input_1.inputToRGB(color);
+        var rgb = (0, format_input_1.inputToRGB)(color);
         this.originalInput = color;
         this.r = rgb.r;
         this.g = rgb.g;
@@ -104,15 +104,22 @@ var TinyColor = /** @class */ (function () {
      * @param alpha - The new alpha value. The accepted range is 0-1.
      */
     TinyColor.prototype.setAlpha = function (alpha) {
-        this.a = util_1.boundAlpha(alpha);
+        this.a = (0, util_1.boundAlpha)(alpha);
         this.roundA = Math.round(100 * this.a) / 100;
         return this;
     };
+    /**
+     * Returns whether the color is monochrome.
+     */
+    TinyColor.prototype.isMonochrome = function () {
+        var s = this.toHsl().s;
+        return s === 0;
+    };
     /**
      * Returns the object as a HSVA object.
      */
     TinyColor.prototype.toHsv = function () {
-        var hsv = conversion_1.rgbToHsv(this.r, this.g, this.b);
+        var hsv = (0, conversion_1.rgbToHsv)(this.r, this.g, this.b);
         return { h: hsv.h * 360, s: hsv.s, v: hsv.v, a: this.a };
     };
     /**
@@ -120,17 +127,17 @@ var TinyColor = /** @class */ (function () {
      * "hsva(xxx, xxx, xxx, xx)".
      */
     TinyColor.prototype.toHsvString = function () {
-        var hsv = conversion_1.rgbToHsv(this.r, this.g, this.b);
+        var hsv = (0, conversion_1.rgbToHsv)(this.r, this.g, this.b);
         var h = Math.round(hsv.h * 360);
         var s = Math.round(hsv.s * 100);
         var v = Math.round(hsv.v * 100);
-        return this.a === 1 ? "hsv(" + h + ", " + s + "%, " + v + "%)" : "hsva(" + h + ", " + s + "%, " + v + "%, " + this.roundA + ")";
+        return this.a === 1 ? "hsv(".concat(h, ", ").concat(s, "%, ").concat(v, "%)") : "hsva(".concat(h, ", ").concat(s, "%, ").concat(v, "%, ").concat(this.roundA, ")");
     };
     /**
      * Returns the object as a HSLA object.
      */
     TinyColor.prototype.toHsl = function () {
-        var hsl = conversion_1.rgbToHsl(this.r, this.g, this.b);
+        var hsl = (0, conversion_1.rgbToHsl)(this.r, this.g, this.b);
         return { h: hsl.h * 360, s: hsl.s, l: hsl.l, a: this.a };
     };
     /**
@@ -138,11 +145,11 @@ var TinyColor = /** @class */ (function () {
      * "hsla(xxx, xxx, xxx, xx)".
      */
     TinyColor.prototype.toHslString = function () {
-        var hsl = conversion_1.rgbToHsl(this.r, this.g, this.b);
+        var hsl = (0, conversion_1.rgbToHsl)(this.r, this.g, this.b);
         var h = Math.round(hsl.h * 360);
         var s = Math.round(hsl.s * 100);
         var l = Math.round(hsl.l * 100);
-        return this.a === 1 ? "hsl(" + h + ", " + s + "%, " + l + "%)" : "hsla(" + h + ", " + s + "%, " + l + "%, " + this.roundA + ")";
+        return this.a === 1 ? "hsl(".concat(h, ", ").concat(s, "%, ").concat(l, "%)") : "hsla(".concat(h, ", ").concat(s, "%, ").concat(l, "%, ").concat(this.roundA, ")");
     };
     /**
      * Returns the hex value of the color.
@@ -150,7 +157,7 @@ var TinyColor = /** @class */ (function () {
      */
     TinyColor.prototype.toHex = function (allow3Char) {
         if (allow3Char === void 0) { allow3Char = false; }
-        return conversion_1.rgbToHex(this.r, this.g, this.b, allow3Char);
+        return (0, conversion_1.rgbToHex)(this.r, this.g, this.b, allow3Char);
     };
     /**
      * Returns the hex value of the color -with a # appened.
@@ -166,7 +173,7 @@ var TinyColor = /** @class */ (function () {
      */
     TinyColor.prototype.toHex8 = function (allow4Char) {
         if (allow4Char === void 0) { allow4Char = false; }
-        return conversion_1.rgbaToHex(this.r, this.g, this.b, this.a, allow4Char);
+        return (0, conversion_1.rgbaToHex)(this.r, this.g, this.b, this.a, allow4Char);
     };
     /**
      * Returns the hex 8 value of the color -with a # appened.
@@ -195,13 +202,13 @@ var TinyColor = /** @class */ (function () {
         var r = Math.round(this.r);
         var g = Math.round(this.g);
         var b = Math.round(this.b);
-        return this.a === 1 ? "rgb(" + r + ", " + g + ", " + b + ")" : "rgba(" + r + ", " + g + ", " + b + ", " + this.roundA + ")";
+        return this.a === 1 ? "rgb(".concat(r, ", ").concat(g, ", ").concat(b, ")") : "rgba(".concat(r, ", ").concat(g, ", ").concat(b, ", ").concat(this.roundA, ")");
     };
     /**
      * Returns the object as a RGBA object.
      */
     TinyColor.prototype.toPercentageRgb = function () {
-        var fmt = function (x) { return Math.round(util_1.bound01(x, 255) * 100) + "%"; };
+        var fmt = function (x) { return "".concat(Math.round((0, util_1.bound01)(x, 255) * 100), "%"); };
         return {
             r: fmt(this.r),
             g: fmt(this.g),
@@ -213,10 +220,10 @@ var TinyColor = /** @class */ (function () {
      * Returns the RGBA relative values interpolated into a string
      */
     TinyColor.prototype.toPercentageRgbString = function () {
-        var rnd = function (x) { return Math.round(util_1.bound01(x, 255) * 100); };
+        var rnd = function (x) { return Math.round((0, util_1.bound01)(x, 255) * 100); };
         return this.a === 1
-            ? "rgb(" + rnd(this.r) + "%, " + rnd(this.g) + "%, " + rnd(this.b) + "%)"
-            : "rgba(" + rnd(this.r) + "%, " + rnd(this.g) + "%, " + rnd(this.b) + "%, " + this.roundA + ")";
+            ? "rgb(".concat(rnd(this.r), "%, ").concat(rnd(this.g), "%, ").concat(rnd(this.b), "%)")
+            : "rgba(".concat(rnd(this.r), "%, ").concat(rnd(this.g), "%, ").concat(rnd(this.b), "%, ").concat(this.roundA, ")");
     };
     /**
      * The 'real' name of the color -if there is one.
@@ -228,7 +235,7 @@ var TinyColor = /** @class */ (function () {
         if (this.a < 1) {
             return false;
         }
-        var hex = '#' + conversion_1.rgbToHex(this.r, this.g, this.b, false);
+        var hex = '#' + (0, conversion_1.rgbToHex)(this.r, this.g, this.b, false);
         for (var _i = 0, _a = Object.entries(css_color_names_1.names); _i < _a.length; _i++) {
             var _b = _a[_i], key = _b[0], value = _b[1];
             if (hex === value) {
@@ -294,7 +301,7 @@ var TinyColor = /** @class */ (function () {
         if (amount === void 0) { amount = 10; }
         var hsl = this.toHsl();
         hsl.l += amount / 100;
-        hsl.l = util_1.clamp01(hsl.l);
+        hsl.l = (0, util_1.clamp01)(hsl.l);
         return new TinyColor(hsl);
     };
     /**
@@ -318,7 +325,7 @@ var TinyColor = /** @class */ (function () {
         if (amount === void 0) { amount = 10; }
         var hsl = this.toHsl();
         hsl.l -= amount / 100;
-        hsl.l = util_1.clamp01(hsl.l);
+        hsl.l = (0, util_1.clamp01)(hsl.l);
         return new TinyColor(hsl);
     };
     /**
@@ -348,7 +355,7 @@ var TinyColor = /** @class */ (function () {
         if (amount === void 0) { amount = 10; }
         var hsl = this.toHsl();
         hsl.s -= amount / 100;
-        hsl.s = util_1.clamp01(hsl.s);
+        hsl.s = (0, util_1.clamp01)(hsl.s);
         return new TinyColor(hsl);
     };
     /**
@@ -359,7 +366,7 @@ var TinyColor = /** @class */ (function () {
         if (amount === void 0) { amount = 10; }
         var hsl = this.toHsl();
         hsl.s += amount / 100;
-        hsl.s = util_1.clamp01(hsl.s);
+        hsl.s = (0, util_1.clamp01)(hsl.s);
         return new TinyColor(hsl);
     };
     /**

package/dist/interfaces.d.ts

@@ -1,7 +1,7 @@
 /**
  * convert all properties in an interface to a number
  */
-export declare type Numberify<T> = {
+export type Numberify<T> = {
     [P in keyof T]: number;
 };
 /**

package/dist/module/format-input.js

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/no-redundant-type-constituents */
 import { convertHexToDecimal, hslToRgb, hsvToRgb, parseIntFromHex, rgbToRgb } from './conversion';
 import { names } from './css-color-names';
 import { boundAlpha, convertToPercentage } from './util';
@@ -69,12 +70,12 @@ var CSS_INTEGER = '[-\\+]?\\d+%?';
 // <http://www.w3.org/TR/css3-values/#number-value>
 var CSS_NUMBER = '[-\\+]?\\d*\\.\\d+%?';
 // Allow positive/negative integer/number.  Don't capture the either/or, just the entire outcome.
-var CSS_UNIT = "(?:" + CSS_NUMBER + ")|(?:" + CSS_INTEGER + ")";
+var CSS_UNIT = "(?:".concat(CSS_NUMBER, ")|(?:").concat(CSS_INTEGER, ")");
 // Actual matching.
 // Parentheses and commas are optional, but not required.
 // Whitespace can take the place of commas or opening paren
-var PERMISSIVE_MATCH3 = "[\\s|\\(]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")\\s*\\)?";
-var PERMISSIVE_MATCH4 = "[\\s|\\(]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")\\s*\\)?";
+var PERMISSIVE_MATCH3 = "[\\s|\\(]+(".concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")\\s*\\)?");
+var PERMISSIVE_MATCH4 = "[\\s|\\(]+(".concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")\\s*\\)?");
 var matchers = {
     CSS_UNIT: new RegExp(CSS_UNIT),
     rgb: new RegExp('rgb' + PERMISSIVE_MATCH3),

package/dist/module/index.js

@@ -1,4 +1,4 @@
-import { rgbaToHex, rgbToHex, rgbToHsl, rgbToHsv, numberInputToObject } from './conversion';
+import { numberInputToObject, rgbaToHex, rgbToHex, rgbToHsl, rgbToHsv } from './conversion';
 import { names } from './css-color-names';
 import { inputToRGB } from './format-input';
 import { bound01, boundAlpha, clamp01 } from './util';
@@ -105,6 +105,13 @@ var TinyColor = /** @class */ (function () {
         this.roundA = Math.round(100 * this.a) / 100;
         return this;
     };
+    /**
+     * Returns whether the color is monochrome.
+     */
+    TinyColor.prototype.isMonochrome = function () {
+        var s = this.toHsl().s;
+        return s === 0;
+    };
     /**
      * Returns the object as a HSVA object.
      */
@@ -121,7 +128,7 @@ var TinyColor = /** @class */ (function () {
         var h = Math.round(hsv.h * 360);
         var s = Math.round(hsv.s * 100);
         var v = Math.round(hsv.v * 100);
-        return this.a === 1 ? "hsv(" + h + ", " + s + "%, " + v + "%)" : "hsva(" + h + ", " + s + "%, " + v + "%, " + this.roundA + ")";
+        return this.a === 1 ? "hsv(".concat(h, ", ").concat(s, "%, ").concat(v, "%)") : "hsva(".concat(h, ", ").concat(s, "%, ").concat(v, "%, ").concat(this.roundA, ")");
     };
     /**
      * Returns the object as a HSLA object.
@@ -139,7 +146,7 @@ var TinyColor = /** @class */ (function () {
         var h = Math.round(hsl.h * 360);
         var s = Math.round(hsl.s * 100);
         var l = Math.round(hsl.l * 100);
-        return this.a === 1 ? "hsl(" + h + ", " + s + "%, " + l + "%)" : "hsla(" + h + ", " + s + "%, " + l + "%, " + this.roundA + ")";
+        return this.a === 1 ? "hsl(".concat(h, ", ").concat(s, "%, ").concat(l, "%)") : "hsla(".concat(h, ", ").concat(s, "%, ").concat(l, "%, ").concat(this.roundA, ")");
     };
     /**
      * Returns the hex value of the color.
@@ -192,13 +199,13 @@ var TinyColor = /** @class */ (function () {
         var r = Math.round(this.r);
         var g = Math.round(this.g);
         var b = Math.round(this.b);
-        return this.a === 1 ? "rgb(" + r + ", " + g + ", " + b + ")" : "rgba(" + r + ", " + g + ", " + b + ", " + this.roundA + ")";
+        return this.a === 1 ? "rgb(".concat(r, ", ").concat(g, ", ").concat(b, ")") : "rgba(".concat(r, ", ").concat(g, ", ").concat(b, ", ").concat(this.roundA, ")");
     };
     /**
      * Returns the object as a RGBA object.
      */
     TinyColor.prototype.toPercentageRgb = function () {
-        var fmt = function (x) { return Math.round(bound01(x, 255) * 100) + "%"; };
+        var fmt = function (x) { return "".concat(Math.round(bound01(x, 255) * 100), "%"); };
         return {
             r: fmt(this.r),
             g: fmt(this.g),
@@ -212,8 +219,8 @@ var TinyColor = /** @class */ (function () {
     TinyColor.prototype.toPercentageRgbString = function () {
         var rnd = function (x) { return Math.round(bound01(x, 255) * 100); };
         return this.a === 1
-            ? "rgb(" + rnd(this.r) + "%, " + rnd(this.g) + "%, " + rnd(this.b) + "%)"
-            : "rgba(" + rnd(this.r) + "%, " + rnd(this.g) + "%, " + rnd(this.b) + "%, " + this.roundA + ")";
+            ? "rgb(".concat(rnd(this.r), "%, ").concat(rnd(this.g), "%, ").concat(rnd(this.b), "%)")
+            : "rgba(".concat(rnd(this.r), "%, ").concat(rnd(this.g), "%, ").concat(rnd(this.b), "%, ").concat(this.roundA, ")");
     };
     /**
      * The 'real' name of the color -if there is one.

package/dist/module/random.js

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/no-redundant-type-constituents */
 // randomColor by David Merfield under the CC0 license
 // https://github.com/davidmerfield/randomColor/
 import { TinyColor } from './index';

package/dist/module/to-ms-filter.js

@@ -12,5 +12,5 @@ export function toMsFilter(firstColor, secondColor) {
         var s = new TinyColor(secondColor);
         secondHex8String = '#' + rgbaToArgbHex(s.r, s.g, s.b, s.a);
     }
-    return "progid:DXImageTransform.Microsoft.gradient(" + gradientType + "startColorstr=" + hex8String + ",endColorstr=" + secondHex8String + ")";
+    return "progid:DXImageTransform.Microsoft.gradient(".concat(gradientType, "startColorstr=").concat(hex8String, ",endColorstr=").concat(secondHex8String, ")");
 }

package/dist/module/umd_api.js

@@ -1,8 +1,7 @@
-/* eslint-disable @typescript-eslint/member-ordering */
 import { names } from './css-color-names';
 import { inputToRGB, isValidCSSUnit, stringInputToObject } from './format-input';
 import { fromRatio, legacyRandom } from './from-ratio';
-import { tinycolor, TinyColor } from './index';
+import { TinyColor, tinycolor } from './index';
 import { random } from './random';
 import { mostReadable, readability } from './readability';
 import { toMsFilter } from './to-ms-filter';

package/dist/module/util.js

@@ -69,7 +69,7 @@ export function boundAlpha(a) {
  */
 export function convertToPercentage(n) {
     if (n <= 1) {
-        return Number(n) * 100 + "%";
+        return "".concat(Number(n) * 100, "%");
     }
     return n;
 }

package/dist/public_api.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/dist/random.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.bounds = exports.random = void 0;
+/* eslint-disable @typescript-eslint/no-redundant-type-constituents */
 // randomColor by David Merfield under the CC0 license
 // https://github.com/davidmerfield/randomColor/
 var index_1 = require("./index");

package/dist/to-ms-filter.js

@@ -8,13 +8,13 @@ var index_1 = require("./index");
  */
 function toMsFilter(firstColor, secondColor) {
     var color = new index_1.TinyColor(firstColor);
-    var hex8String = '#' + conversion_1.rgbaToArgbHex(color.r, color.g, color.b, color.a);
+    var hex8String = '#' + (0, conversion_1.rgbaToArgbHex)(color.r, color.g, color.b, color.a);
     var secondHex8String = hex8String;
     var gradientType = color.gradientType ? 'GradientType = 1, ' : '';
     if (secondColor) {
         var s = new index_1.TinyColor(secondColor);
-        secondHex8String = '#' + conversion_1.rgbaToArgbHex(s.r, s.g, s.b, s.a);
+        secondHex8String = '#' + (0, conversion_1.rgbaToArgbHex)(s.r, s.g, s.b, s.a);
     }
-    return "progid:DXImageTransform.Microsoft.gradient(" + gradientType + "startColorstr=" + hex8String + ",endColorstr=" + secondHex8String + ")";
+    return "progid:DXImageTransform.Microsoft.gradient(".concat(gradientType, "startColorstr=").concat(hex8String, ",endColorstr=").concat(secondHex8String, ")");
 }
 exports.toMsFilter = toMsFilter;

package/dist/umd_api.js

@@ -1,5 +1,4 @@
 "use strict";
-/* eslint-disable @typescript-eslint/member-ordering */
 Object.defineProperty(exports, "__esModule", { value: true });
 var css_color_names_1 = require("./css-color-names");
 var format_input_1 = require("./format-input");

package/dist/util.js

@@ -77,7 +77,7 @@ exports.boundAlpha = boundAlpha;
  */
 function convertToPercentage(n) {
     if (n <= 1) {
-        return Number(n) * 100 + "%";
+        return "".concat(Number(n) * 100, "%");
     }
     return n;
 }