@lukso/web-components 1.17.1 → 1.18.0

package/dist/color-palette.cjs

@@ -3,12 +3,21 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 // This file is autogenerated. It's used to publish ESM to npm.
+function _typeof(obj) {
+  "@babel/helpers - typeof";
+
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof(obj);
+}
+
 // https://github.com/bgrins/TinyColor
 // Brian Grinstead, MIT License
 
-const trimLeft = /^\s+/;
-const trimRight = /\s+$/;
-
+var trimLeft = /^\s+/;
+var trimRight = /\s+$/;
 function tinycolor(color, opts) {
   color = color ? color : "";
   opts = opts || {};
@@ -21,15 +30,8 @@ function tinycolor(color, opts) {
   if (!(this instanceof tinycolor)) {
     return new tinycolor(color, opts);
   }
-
   var rgb = inputToRGB(color);
-  (this._originalInput = color),
-    (this._r = rgb.r),
-    (this._g = rgb.g),
-    (this._b = rgb.b),
-    (this._a = rgb.a),
-    (this._roundA = Math.round(100 * this._a) / 100),
-    (this._format = opts.format || rgb.format);
+  this._originalInput = color, this._r = rgb.r, this._g = rgb.g, this._b = rgb.b, this._a = rgb.a, this._roundA = Math.round(100 * this._a) / 100, this._format = opts.format || rgb.format;
   this._gradientType = opts.gradientType;
 
   // Don't let the range of [0,255] come back in [0,1].
@@ -39,194 +41,140 @@ function tinycolor(color, opts) {
   if (this._r < 1) this._r = Math.round(this._r);
   if (this._g < 1) this._g = Math.round(this._g);
   if (this._b < 1) this._b = Math.round(this._b);
-
   this._ok = rgb.ok;
 }
-
 tinycolor.prototype = {
-  isDark: function () {
+  isDark: function isDark() {
     return this.getBrightness() < 128;
   },
-  isLight: function () {
+  isLight: function isLight() {
     return !this.isDark();
   },
-  isValid: function () {
+  isValid: function isValid() {
     return this._ok;
   },
-  getOriginalInput: function () {
+  getOriginalInput: function getOriginalInput() {
     return this._originalInput;
   },
-  getFormat: function () {
+  getFormat: function getFormat() {
     return this._format;
   },
-  getAlpha: function () {
+  getAlpha: function getAlpha() {
     return this._a;
   },
-  getBrightness: function () {
+  getBrightness: function getBrightness() {
     //http://www.w3.org/TR/AERT#color-contrast
     var rgb = this.toRgb();
     return (rgb.r * 299 + rgb.g * 587 + rgb.b * 114) / 1000;
   },
-  getLuminance: function () {
+  getLuminance: function getLuminance() {
     //http://www.w3.org/TR/2008/REC-WCAG20-20081211/#relativeluminancedef
     var rgb = this.toRgb();
     var RsRGB, GsRGB, BsRGB, R, G, B;
     RsRGB = rgb.r / 255;
     GsRGB = rgb.g / 255;
     BsRGB = rgb.b / 255;
-
-    if (RsRGB <= 0.03928) R = RsRGB / 12.92;
-    else R = Math.pow((RsRGB + 0.055) / 1.055, 2.4);
-    if (GsRGB <= 0.03928) G = GsRGB / 12.92;
-    else G = Math.pow((GsRGB + 0.055) / 1.055, 2.4);
-    if (BsRGB <= 0.03928) B = BsRGB / 12.92;
-    else B = Math.pow((BsRGB + 0.055) / 1.055, 2.4);
+    if (RsRGB <= 0.03928) R = RsRGB / 12.92;else R = Math.pow((RsRGB + 0.055) / 1.055, 2.4);
+    if (GsRGB <= 0.03928) G = GsRGB / 12.92;else G = Math.pow((GsRGB + 0.055) / 1.055, 2.4);
+    if (BsRGB <= 0.03928) B = BsRGB / 12.92;else B = Math.pow((BsRGB + 0.055) / 1.055, 2.4);
     return 0.2126 * R + 0.7152 * G + 0.0722 * B;
   },
-  setAlpha: function (value) {
+  setAlpha: function setAlpha(value) {
     this._a = boundAlpha(value);
     this._roundA = Math.round(100 * this._a) / 100;
     return this;
   },
-  toHsv: function () {
+  toHsv: function toHsv() {
     var hsv = rgbToHsv(this._r, this._g, this._b);
-    return { h: hsv.h * 360, s: hsv.s, v: hsv.v, a: this._a };
+    return {
+      h: hsv.h * 360,
+      s: hsv.s,
+      v: hsv.v,
+      a: this._a
+    };
   },
-  toHsvString: function () {
+  toHsvString: function toHsvString() {
     var hsv = rgbToHsv(this._r, this._g, this._b);
     var h = Math.round(hsv.h * 360),
       s = Math.round(hsv.s * 100),
       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(" + h + ", " + s + "%, " + v + "%)" : "hsva(" + h + ", " + s + "%, " + v + "%, " + this._roundA + ")";
   },
-  toHsl: function () {
+  toHsl: function toHsl() {
     var hsl = rgbToHsl(this._r, this._g, this._b);
-    return { h: hsl.h * 360, s: hsl.s, l: hsl.l, a: this._a };
+    return {
+      h: hsl.h * 360,
+      s: hsl.s,
+      l: hsl.l,
+      a: this._a
+    };
   },
-  toHslString: function () {
+  toHslString: function toHslString() {
     var hsl = rgbToHsl(this._r, this._g, this._b);
     var h = Math.round(hsl.h * 360),
       s = Math.round(hsl.s * 100),
       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(" + h + ", " + s + "%, " + l + "%)" : "hsla(" + h + ", " + s + "%, " + l + "%, " + this._roundA + ")";
   },
-  toHex: function (allow3Char) {
+  toHex: function toHex(allow3Char) {
     return rgbToHex(this._r, this._g, this._b, allow3Char);
   },
-  toHexString: function (allow3Char) {
+  toHexString: function toHexString(allow3Char) {
     return "#" + this.toHex(allow3Char);
   },
-  toHex8: function (allow4Char) {
+  toHex8: function toHex8(allow4Char) {
     return rgbaToHex(this._r, this._g, this._b, this._a, allow4Char);
   },
-  toHex8String: function (allow4Char) {
+  toHex8String: function toHex8String(allow4Char) {
     return "#" + this.toHex8(allow4Char);
   },
-  toRgb: function () {
+  toRgb: function toRgb() {
     return {
       r: Math.round(this._r),
       g: Math.round(this._g),
       b: Math.round(this._b),
-      a: this._a,
+      a: this._a
     };
   },
-  toRgbString: function () {
-    return this._a == 1
-      ? "rgb(" +
-          Math.round(this._r) +
-          ", " +
-          Math.round(this._g) +
-          ", " +
-          Math.round(this._b) +
-          ")"
-      : "rgba(" +
-          Math.round(this._r) +
-          ", " +
-          Math.round(this._g) +
-          ", " +
-          Math.round(this._b) +
-          ", " +
-          this._roundA +
-          ")";
+  toRgbString: function toRgbString() {
+    return this._a == 1 ? "rgb(" + Math.round(this._r) + ", " + Math.round(this._g) + ", " + Math.round(this._b) + ")" : "rgba(" + Math.round(this._r) + ", " + Math.round(this._g) + ", " + Math.round(this._b) + ", " + this._roundA + ")";
   },
-  toPercentageRgb: function () {
+  toPercentageRgb: function toPercentageRgb() {
     return {
       r: Math.round(bound01(this._r, 255) * 100) + "%",
       g: Math.round(bound01(this._g, 255) * 100) + "%",
       b: Math.round(bound01(this._b, 255) * 100) + "%",
-      a: this._a,
+      a: this._a
     };
   },
-  toPercentageRgbString: function () {
-    return this._a == 1
-      ? "rgb(" +
-          Math.round(bound01(this._r, 255) * 100) +
-          "%, " +
-          Math.round(bound01(this._g, 255) * 100) +
-          "%, " +
-          Math.round(bound01(this._b, 255) * 100) +
-          "%)"
-      : "rgba(" +
-          Math.round(bound01(this._r, 255) * 100) +
-          "%, " +
-          Math.round(bound01(this._g, 255) * 100) +
-          "%, " +
-          Math.round(bound01(this._b, 255) * 100) +
-          "%, " +
-          this._roundA +
-          ")";
+  toPercentageRgbString: function toPercentageRgbString() {
+    return this._a == 1 ? "rgb(" + Math.round(bound01(this._r, 255) * 100) + "%, " + Math.round(bound01(this._g, 255) * 100) + "%, " + Math.round(bound01(this._b, 255) * 100) + "%)" : "rgba(" + Math.round(bound01(this._r, 255) * 100) + "%, " + Math.round(bound01(this._g, 255) * 100) + "%, " + Math.round(bound01(this._b, 255) * 100) + "%, " + this._roundA + ")";
   },
-  toName: function () {
+  toName: function toName() {
     if (this._a === 0) {
       return "transparent";
     }
-
     if (this._a < 1) {
       return false;
     }
-
     return hexNames[rgbToHex(this._r, this._g, this._b, true)] || false;
   },
-  toFilter: function (secondColor) {
+  toFilter: function toFilter(secondColor) {
     var hex8String = "#" + rgbaToArgbHex(this._r, this._g, this._b, this._a);
     var secondHex8String = hex8String;
     var gradientType = this._gradientType ? "GradientType = 1, " : "";
-
     if (secondColor) {
       var s = 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(" + gradientType + "startColorstr=" + hex8String + ",endColorstr=" + secondHex8String + ")";
   },
-  toString: function (format) {
+  toString: function toString(format) {
     var formatSet = !!format;
     format = format || this._format;
-
     var formattedString = false;
     var hasAlpha = this._a < 1 && this._a >= 0;
-    var needsAlphaFormat =
-      !formatSet &&
-      hasAlpha &&
-      (format === "hex" ||
-        format === "hex6" ||
-        format === "hex3" ||
-        format === "hex4" ||
-        format === "hex8" ||
-        format === "name");
-
+    var needsAlphaFormat = !formatSet && hasAlpha && (format === "hex" || format === "hex6" || format === "hex3" || format === "hex4" || format === "hex8" || format === "name");
     if (needsAlphaFormat) {
       // Special case for "transparent", all other non-alpha formats
       // will return rgba when there is transparency.
@@ -262,14 +210,12 @@ tinycolor.prototype = {
     if (format === "hsv") {
       formattedString = this.toHsvString();
     }
-
     return formattedString || this.toHexString();
   },
-  clone: function () {
+  clone: function clone() {
     return tinycolor(this.toString());
   },
-
-  _applyModification: function (fn, args) {
+  _applyModification: function _applyModification(fn, args) {
     var color = fn.apply(null, [this].concat([].slice.call(args)));
     this._r = color._r;
     this._g = color._g;
@@ -277,59 +223,58 @@ tinycolor.prototype = {
     this.setAlpha(color._a);
     return this;
   },
-  lighten: function () {
-    return this._applyModification(lighten, arguments);
+  lighten: function lighten() {
+    return this._applyModification(_lighten, arguments);
   },
-  brighten: function () {
-    return this._applyModification(brighten, arguments);
+  brighten: function brighten() {
+    return this._applyModification(_brighten, arguments);
   },
-  darken: function () {
-    return this._applyModification(darken, arguments);
+  darken: function darken() {
+    return this._applyModification(_darken, arguments);
   },
-  desaturate: function () {
-    return this._applyModification(desaturate, arguments);
+  desaturate: function desaturate() {
+    return this._applyModification(_desaturate, arguments);
   },
-  saturate: function () {
-    return this._applyModification(saturate, arguments);
+  saturate: function saturate() {
+    return this._applyModification(_saturate, arguments);
   },
-  greyscale: function () {
-    return this._applyModification(greyscale, arguments);
+  greyscale: function greyscale() {
+    return this._applyModification(_greyscale, arguments);
   },
-  spin: function () {
-    return this._applyModification(spin, arguments);
+  spin: function spin() {
+    return this._applyModification(_spin, arguments);
   },
-
-  _applyCombination: function (fn, args) {
+  _applyCombination: function _applyCombination(fn, args) {
     return fn.apply(null, [this].concat([].slice.call(args)));
   },
-  analogous: function () {
-    return this._applyCombination(analogous, arguments);
+  analogous: function analogous() {
+    return this._applyCombination(_analogous, arguments);
   },
-  complement: function () {
-    return this._applyCombination(complement, arguments);
+  complement: function complement() {
+    return this._applyCombination(_complement, arguments);
   },
-  monochromatic: function () {
-    return this._applyCombination(monochromatic, arguments);
+  monochromatic: function monochromatic() {
+    return this._applyCombination(_monochromatic, arguments);
   },
-  splitcomplement: function () {
-    return this._applyCombination(splitcomplement, arguments);
+  splitcomplement: function splitcomplement() {
+    return this._applyCombination(_splitcomplement, arguments);
   },
   // Disabled until https://github.com/bgrins/TinyColor/issues/254
   // polyad: function (number) {
   //   return this._applyCombination(polyad, [number]);
   // },
-  triad: function () {
+  triad: function triad() {
     return this._applyCombination(polyad, [3]);
   },
-  tetrad: function () {
+  tetrad: function tetrad() {
     return this._applyCombination(polyad, [4]);
-  },
+  }
 };
 
 // If input is an object, force 1 into "1.0" to handle ratios properly
 // String input requires "1.0" as input, so 1 will be treated as 1
 tinycolor.fromRatio = function (color, opts) {
-  if (typeof color == "object") {
+  if (_typeof(color) == "object") {
     var newColor = {};
     for (var i in color) {
       if (color.hasOwnProperty(i)) {
@@ -342,7 +287,6 @@ tinycolor.fromRatio = function (color, opts) {
     }
     color = newColor;
   }
-
   return tinycolor(color, opts);
 };
 
@@ -362,63 +306,50 @@ tinycolor.fromRatio = function (color, opts) {
 //     "hsv(0, 100%, 100%)" or "hsv 0 100% 100%"
 //
 function inputToRGB(color) {
-  var rgb = { r: 0, g: 0, b: 0 };
+  var rgb = {
+    r: 0,
+    g: 0,
+    b: 0
+  };
   var a = 1;
   var s = null;
   var v = null;
   var l = null;
   var ok = false;
   var format = false;
-
   if (typeof color == "string") {
     color = stringInputToObject(color);
   }
-
-  if (typeof color == "object") {
-    if (
-      isValidCSSUnit(color.r) &&
-      isValidCSSUnit(color.g) &&
-      isValidCSSUnit(color.b)
-    ) {
+  if (_typeof(color) == "object") {
+    if (isValidCSSUnit(color.r) && isValidCSSUnit(color.g) && isValidCSSUnit(color.b)) {
       rgb = 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)
-    ) {
+    } else if (isValidCSSUnit(color.h) && isValidCSSUnit(color.s) && isValidCSSUnit(color.v)) {
       s = convertToPercentage(color.s);
       v = convertToPercentage(color.v);
       rgb = hsvToRgb(color.h, s, v);
       ok = true;
       format = "hsv";
-    } else if (
-      isValidCSSUnit(color.h) &&
-      isValidCSSUnit(color.s) &&
-      isValidCSSUnit(color.l)
-    ) {
+    } else if (isValidCSSUnit(color.h) && isValidCSSUnit(color.s) && isValidCSSUnit(color.l)) {
       s = convertToPercentage(color.s);
       l = convertToPercentage(color.l);
       rgb = hslToRgb(color.h, s, l);
       ok = true;
       format = "hsl";
     }
-
     if (color.hasOwnProperty("a")) {
       a = color.a;
     }
   }
-
   a = boundAlpha(a);
-
   return {
     ok: ok,
     format: color.format || format,
     r: Math.min(255, Math.max(rgb.r, 0)),
     g: Math.min(255, Math.max(rgb.g, 0)),
     b: Math.min(255, Math.max(rgb.b, 0)),
-    a: a,
+    a: a
   };
 }
 
@@ -437,7 +368,7 @@ function rgbToRgb(r, g, b) {
   return {
     r: bound01(r, 255) * 255,
     g: bound01(g, 255) * 255,
-    b: bound01(b, 255) * 255,
+    b: bound01(b, 255) * 255
   };
 }
 
@@ -449,13 +380,11 @@ function rgbToHsl(r, g, b) {
   r = bound01(r, 255);
   g = bound01(g, 255);
   b = bound01(b, 255);
-
   var max = Math.max(r, g, b),
     min = Math.min(r, g, b);
   var h,
     s,
     l = (max + min) / 2;
-
   if (max == min) {
     h = s = 0; // achromatic
   } else {
@@ -472,11 +401,13 @@ function rgbToHsl(r, g, b) {
         h = (r - g) / d + 4;
         break;
     }
-
     h /= 6;
   }
-
-  return { h: h, s: s, l: l };
+  return {
+    h: h,
+    s: s,
+    l: l
+  };
 }
 
 // `hslToRgb`
@@ -485,11 +416,9 @@ function rgbToHsl(r, g, b) {
 // *Returns:* { r, g, b } in the set [0, 255]
 function hslToRgb(h, s, l) {
   var r, g, b;
-
   h = bound01(h, 360);
   s = bound01(s, 100);
   l = bound01(l, 100);
-
   function hue2rgb(p, q, t) {
     if (t < 0) t += 1;
     if (t > 1) t -= 1;
@@ -498,7 +427,6 @@ function hslToRgb(h, s, l) {
     if (t < 2 / 3) return p + (q - p) * (2 / 3 - t) * 6;
     return p;
   }
-
   if (s === 0) {
     r = g = b = l; // achromatic
   } else {
@@ -508,8 +436,11 @@ function hslToRgb(h, s, l) {
     g = hue2rgb(p, q, h);
     b = hue2rgb(p, q, h - 1 / 3);
   }
-
-  return { r: r * 255, g: g * 255, b: b * 255 };
+  return {
+    r: r * 255,
+    g: g * 255,
+    b: b * 255
+  };
 }
 
 // `rgbToHsv`
@@ -520,16 +451,13 @@ function rgbToHsv(r, g, b) {
   r = bound01(r, 255);
   g = bound01(g, 255);
   b = bound01(b, 255);
-
   var max = Math.max(r, g, b),
     min = Math.min(r, g, b);
   var h,
     s,
     v = max;
-
   var d = max - min;
   s = max === 0 ? 0 : d / max;
-
   if (max == min) {
     h = 0; // achromatic
   } else {
@@ -546,7 +474,11 @@ function rgbToHsv(r, g, b) {
     }
     h /= 6;
   }
-  return { h: h, s: s, v: v };
+  return {
+    h: h,
+    s: s,
+    v: v
+  };
 }
 
 // `hsvToRgb`
@@ -557,7 +489,6 @@ function hsvToRgb(h, s, v) {
   h = bound01(h, 360) * 6;
   s = bound01(s, 100);
   v = bound01(v, 100);
-
   var i = Math.floor(h),
     f = h - i,
     p = v * (1 - s),
@@ -567,8 +498,11 @@ function hsvToRgb(h, s, v) {
     r = [v, q, p, p, t, v][mod],
     g = [t, v, v, q, p, p][mod],
     b = [p, p, t, v, v, q][mod];
-
-  return { r: r * 255, g: g * 255, b: b * 255 };
+  return {
+    r: r * 255,
+    g: g * 255,
+    b: b * 255
+  };
 }
 
 // `rgbToHex`
@@ -576,22 +510,12 @@ function hsvToRgb(h, s, v) {
 // Assumes r, g, and b are contained in the set [0, 255]
 // Returns a 3 or 6 character hex
 function rgbToHex(r, g, b, allow3Char) {
-  var hex = [
-    pad2(Math.round(r).toString(16)),
-    pad2(Math.round(g).toString(16)),
-    pad2(Math.round(b).toString(16)),
-  ];
+  var hex = [pad2(Math.round(r).toString(16)), pad2(Math.round(g).toString(16)), pad2(Math.round(b).toString(16))];
 
   // Return a 3 character hex if possible
-  if (
-    allow3Char &&
-    hex[0].charAt(0) == hex[0].charAt(1) &&
-    hex[1].charAt(0) == hex[1].charAt(1) &&
-    hex[2].charAt(0) == hex[2].charAt(1)
-  ) {
+  if (allow3Char && hex[0].charAt(0) == hex[0].charAt(1) && hex[1].charAt(0) == hex[1].charAt(1) && hex[2].charAt(0) == hex[2].charAt(1)) {
     return hex[0].charAt(0) + hex[1].charAt(0) + hex[2].charAt(0);
   }
-
   return hex.join("");
 }
 
@@ -600,26 +524,12 @@ function rgbToHex(r, g, b, allow3Char) {
 // Assumes r, g, b are contained in the set [0, 255] and
 // a in [0, 1]. Returns a 4 or 8 character rgba hex
 function rgbaToHex(r, g, b, a, allow4Char) {
-  var hex = [
-    pad2(Math.round(r).toString(16)),
-    pad2(Math.round(g).toString(16)),
-    pad2(Math.round(b).toString(16)),
-    pad2(convertDecimalToHex(a)),
-  ];
+  var hex = [pad2(Math.round(r).toString(16)), pad2(Math.round(g).toString(16)), pad2(Math.round(b).toString(16)), pad2(convertDecimalToHex(a))];
 
   // Return a 4 character hex if possible
-  if (
-    allow4Char &&
-    hex[0].charAt(0) == hex[0].charAt(1) &&
-    hex[1].charAt(0) == hex[1].charAt(1) &&
-    hex[2].charAt(0) == hex[2].charAt(1) &&
-    hex[3].charAt(0) == hex[3].charAt(1)
-  ) {
-    return (
-      hex[0].charAt(0) + hex[1].charAt(0) + hex[2].charAt(0) + hex[3].charAt(0)
-    );
+  if (allow4Char && hex[0].charAt(0) == hex[0].charAt(1) && hex[1].charAt(0) == hex[1].charAt(1) && hex[2].charAt(0) == hex[2].charAt(1) && hex[3].charAt(0) == hex[3].charAt(1)) {
+    return hex[0].charAt(0) + hex[1].charAt(0) + hex[2].charAt(0) + hex[3].charAt(0);
   }
-
   return hex.join("");
 }
 
@@ -627,13 +537,7 @@ function rgbaToHex(r, g, b, a, allow4Char) {
 // Converts an RGBA color to an ARGB Hex8 string
 // Rarely used, but required for "toFilter()"
 function rgbaToArgbHex(r, g, b, a) {
-  var hex = [
-    pad2(convertDecimalToHex(a)),
-    pad2(Math.round(r).toString(16)),
-    pad2(Math.round(g).toString(16)),
-    pad2(Math.round(b).toString(16)),
-  ];
-
+  var hex = [pad2(convertDecimalToHex(a)), pad2(Math.round(r).toString(16)), pad2(Math.round(g).toString(16)), pad2(Math.round(b).toString(16))];
   return hex.join("");
 }
 
@@ -643,12 +547,11 @@ tinycolor.equals = function (color1, color2) {
   if (!color1 || !color2) return false;
   return tinycolor(color1).toRgbString() == tinycolor(color2).toRgbString();
 };
-
 tinycolor.random = function () {
   return tinycolor.fromRatio({
     r: Math.random(),
     g: Math.random(),
-    b: Math.random(),
+    b: Math.random()
   });
 };
 
@@ -657,35 +560,31 @@ tinycolor.random = function () {
 // Thanks to less.js for some of the basics here
 // <https://github.com/cloudhead/less.js/blob/master/lib/less/functions.js>
 
-function desaturate(color, amount) {
+function _desaturate(color, amount) {
   amount = amount === 0 ? 0 : amount || 10;
   var hsl = tinycolor(color).toHsl();
   hsl.s -= amount / 100;
   hsl.s = clamp01(hsl.s);
   return tinycolor(hsl);
 }
-
-function saturate(color, amount) {
+function _saturate(color, amount) {
   amount = amount === 0 ? 0 : amount || 10;
   var hsl = tinycolor(color).toHsl();
   hsl.s += amount / 100;
   hsl.s = clamp01(hsl.s);
   return tinycolor(hsl);
 }
-
-function greyscale(color) {
+function _greyscale(color) {
   return tinycolor(color).desaturate(100);
 }
-
-function lighten(color, amount) {
+function _lighten(color, amount) {
   amount = amount === 0 ? 0 : amount || 10;
   var hsl = tinycolor(color).toHsl();
   hsl.l += amount / 100;
   hsl.l = clamp01(hsl.l);
   return tinycolor(hsl);
 }
-
-function brighten(color, amount) {
+function _brighten(color, amount) {
   amount = amount === 0 ? 0 : amount || 10;
   var rgb = tinycolor(color).toRgb();
   rgb.r = Math.max(0, Math.min(255, rgb.r - Math.round(255 * -(amount / 100))));
@@ -693,8 +592,7 @@ function brighten(color, amount) {
   rgb.b = Math.max(0, Math.min(255, rgb.b - Math.round(255 * -(amount / 100))));
   return tinycolor(rgb);
 }
-
-function darken(color, amount) {
+function _darken(color, amount) {
   amount = amount === 0 ? 0 : amount || 10;
   var hsl = tinycolor(color).toHsl();
   hsl.l -= amount / 100;
@@ -704,7 +602,7 @@ function darken(color, amount) {
 
 // Spin takes a positive or negative amount within [-360, 360] indicating the change of hue.
 // Values outside of this range will be wrapped into this range.
-function spin(color, amount) {
+function _spin(color, amount) {
   var hsl = tinycolor(color).toHsl();
   var hue = (hsl.h + amount) % 360;
   hsl.h = hue < 0 ? 360 + hue : hue;
@@ -716,12 +614,11 @@ function spin(color, amount) {
 // Thanks to jQuery xColor for some of the ideas behind these
 // <https://github.com/infusion/jQuery-xcolor/blob/master/jquery.xcolor.js>
 
-function complement(color) {
+function _complement(color) {
   var hsl = tinycolor(color).toHsl();
   hsl.h = (hsl.h + 180) % 360;
   return tinycolor(hsl);
 }
-
 function polyad(color, number) {
   if (isNaN(number) || number <= 0) {
     throw new Error("Argument to polyad must be a positive number");
@@ -730,38 +627,40 @@ function polyad(color, number) {
   var result = [tinycolor(color)];
   var step = 360 / number;
   for (var i = 1; i < number; i++) {
-    result.push(tinycolor({ h: (hsl.h + i * step) % 360, s: hsl.s, l: hsl.l }));
+    result.push(tinycolor({
+      h: (hsl.h + i * step) % 360,
+      s: hsl.s,
+      l: hsl.l
+    }));
   }
-
   return result;
 }
-
-function splitcomplement(color) {
+function _splitcomplement(color) {
   var hsl = tinycolor(color).toHsl();
   var h = hsl.h;
-  return [
-    tinycolor(color),
-    tinycolor({ h: (h + 72) % 360, s: hsl.s, l: hsl.l }),
-    tinycolor({ h: (h + 216) % 360, s: hsl.s, l: hsl.l }),
-  ];
+  return [tinycolor(color), tinycolor({
+    h: (h + 72) % 360,
+    s: hsl.s,
+    l: hsl.l
+  }), tinycolor({
+    h: (h + 216) % 360,
+    s: hsl.s,
+    l: hsl.l
+  })];
 }
-
-function analogous(color, results, slices) {
+function _analogous(color, results, slices) {
   results = results || 6;
   slices = slices || 30;
-
   var hsl = tinycolor(color).toHsl();
   var part = 360 / slices;
   var ret = [tinycolor(color)];
-
-  for (hsl.h = (hsl.h - ((part * results) >> 1) + 720) % 360; --results; ) {
+  for (hsl.h = (hsl.h - (part * results >> 1) + 720) % 360; --results;) {
     hsl.h = (hsl.h + part) % 360;
     ret.push(tinycolor(hsl));
   }
   return ret;
 }
-
-function monochromatic(color, results) {
+function _monochromatic(color, results) {
   results = results || 6;
   var hsv = tinycolor(color).toHsv();
   var h = hsv.h,
@@ -769,12 +668,14 @@ function monochromatic(color, results) {
     v = hsv.v;
   var ret = [];
   var modification = 1 / results;
-
   while (results--) {
-    ret.push(tinycolor({ h: h, s: s, v: v }));
+    ret.push(tinycolor({
+      h: h,
+      s: s,
+      v: v
+    }));
     v = (v + modification) % 1;
   }
-
   return ret;
 }
 
@@ -783,19 +684,15 @@ function monochromatic(color, results) {
 
 tinycolor.mix = function (color1, color2, amount) {
   amount = amount === 0 ? 0 : amount || 50;
-
   var rgb1 = tinycolor(color1).toRgb();
   var rgb2 = tinycolor(color2).toRgb();
-
   var p = amount / 100;
-
   var rgba = {
     r: (rgb2.r - rgb1.r) * p + rgb1.r,
     g: (rgb2.g - rgb1.g) * p + rgb1.g,
     b: (rgb2.b - rgb1.b) * p + rgb1.b,
-    a: (rgb2.a - rgb1.a) * p + rgb1.a,
+    a: (rgb2.a - rgb1.a) * p + rgb1.a
   };
-
   return tinycolor(rgba);
 };
 
@@ -808,10 +705,7 @@ tinycolor.mix = function (color1, color2, amount) {
 tinycolor.readability = function (color1, color2) {
   var c1 = tinycolor(color1);
   var c2 = tinycolor(color2);
-  return (
-    (Math.max(c1.getLuminance(), c2.getLuminance()) + 0.05) /
-    (Math.min(c1.getLuminance(), c2.getLuminance()) + 0.05)
-  );
+  return (Math.max(c1.getLuminance(), c2.getLuminance()) + 0.05) / (Math.min(c1.getLuminance(), c2.getLuminance()) + 0.05);
 };
 
 // `isReadable`
@@ -827,9 +721,7 @@ tinycolor.readability = function (color1, color2) {
 tinycolor.isReadable = function (color1, color2, wcag2) {
   var readability = tinycolor.readability(color1, color2);
   var wcag2Parms, out;
-
   out = false;
-
   wcag2Parms = validateWCAG2Parms(wcag2);
   switch (wcag2Parms.level + wcag2Parms.size) {
     case "AAsmall":
@@ -864,7 +756,6 @@ tinycolor.mostReadable = function (baseColor, colorList, args) {
   includeFallbackColors = args.includeFallbackColors;
   level = args.level;
   size = args.size;
-
   for (var i = 0; i < colorList.length; i++) {
     readability = tinycolor.readability(baseColor, colorList[i]);
     if (readability > bestScore) {
@@ -872,14 +763,10 @@ tinycolor.mostReadable = function (baseColor, colorList, args) {
       bestColor = tinycolor(colorList[i]);
     }
   }
-
-  if (
-    tinycolor.isReadable(baseColor, bestColor, {
-      level: level,
-      size: size,
-    }) ||
-    !includeFallbackColors
-  ) {
+  if (tinycolor.isReadable(baseColor, bestColor, {
+    level: level,
+    size: size
+  }) || !includeFallbackColors) {
     return bestColor;
   } else {
     args.includeFallbackColors = false;
@@ -890,7 +777,7 @@ tinycolor.mostReadable = function (baseColor, colorList, args) {
 // Big List of Colors
 // ------------------
 // <https://www.w3.org/TR/css-color-4/#named-colors>
-var names = (tinycolor.names = {
+var names = tinycolor.names = {
   aliceblue: "f0f8ff",
   antiquewhite: "faebd7",
   aqua: "0ff",
@@ -1039,11 +926,11 @@ var names = (tinycolor.names = {
   white: "fff",
   whitesmoke: "f5f5f5",
   yellow: "ff0",
-  yellowgreen: "9acd32",
-});
+  yellowgreen: "9acd32"
+};
 
 // Make it easy to access colors via `hexNames[hex]`
-var hexNames = (tinycolor.hexNames = flip(names));
+var hexNames = tinycolor.hexNames = flip(names);
 
 // Utilities
 // ---------
@@ -1062,18 +949,15 @@ function flip(o) {
 // Return a valid alpha value [0,1] with all invalid values being set to 1
 function boundAlpha(a) {
   a = parseFloat(a);
-
   if (isNaN(a) || a < 0 || a > 1) {
     a = 1;
   }
-
   return a;
 }
 
 // Take input from [0, n] and return it as [0, 1]
 function bound01(n, max) {
   if (isOnePointZero(n)) n = "100%";
-
   var processPercent = isPercentage(n);
   n = Math.min(max, Math.max(0, parseFloat(n)));
 
@@ -1088,7 +972,7 @@ function bound01(n, max) {
   }
 
   // Convert into [0, 1] range if it isn't already
-  return (n % max) / parseFloat(max);
+  return n % max / parseFloat(max);
 }
 
 // Force a number between 0 and 1
@@ -1122,7 +1006,6 @@ function convertToPercentage(n) {
   if (n <= 1) {
     n = n * 100 + "%";
   }
-
   return n;
 }
 
@@ -1134,8 +1017,7 @@ function convertDecimalToHex(d) {
 function convertHexToDecimal(h) {
   return parseIntFromHex(h) / 255;
 }
-
-var matchers = (function () {
+var matchers = function () {
   // <http://www.w3.org/TR/css3-values/#integers>
   var CSS_INTEGER = "[-\\+]?\\d+%?";
 
@@ -1148,25 +1030,8 @@ var matchers = (function () {
   // 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|\\(]+(" + 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*\\)?";
   return {
     CSS_UNIT: new RegExp(CSS_UNIT),
     rgb: new RegExp("rgb" + PERMISSIVE_MATCH3),
@@ -1178,9 +1043,9 @@ var matchers = (function () {
     hex3: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
     hex6: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/,
     hex4: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
-    hex8: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/,
+    hex8: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/
   };
-})();
+}();
 
 // `isValidCSSUnit`
 // Take in a single string / number and check to see if it looks like a CSS unit
@@ -1199,7 +1064,13 @@ function stringInputToObject(color) {
     color = names[color];
     named = true;
   } else if (color == "transparent") {
-    return { r: 0, g: 0, b: 0, a: 0, format: "name" };
+    return {
+      r: 0,
+      g: 0,
+      b: 0,
+      a: 0,
+      format: "name"
+    };
   }
 
   // Try to match string input using regular expressions.
@@ -1207,67 +1078,95 @@ function stringInputToObject(color) {
   // Just return an object and let the conversion functions handle that.
   // This way the result will be the same whether the tinycolor is initialized with string or object.
   var match;
-  if ((match = matchers.rgb.exec(color))) {
-    return { r: match[1], g: match[2], b: match[3] };
+  if (match = matchers.rgb.exec(color)) {
+    return {
+      r: match[1],
+      g: match[2],
+      b: match[3]
+    };
   }
-  if ((match = matchers.rgba.exec(color))) {
-    return { r: match[1], g: match[2], b: match[3], a: match[4] };
+  if (match = matchers.rgba.exec(color)) {
+    return {
+      r: match[1],
+      g: match[2],
+      b: match[3],
+      a: match[4]
+    };
   }
-  if ((match = matchers.hsl.exec(color))) {
-    return { h: match[1], s: match[2], l: match[3] };
+  if (match = matchers.hsl.exec(color)) {
+    return {
+      h: match[1],
+      s: match[2],
+      l: match[3]
+    };
   }
-  if ((match = matchers.hsla.exec(color))) {
-    return { h: match[1], s: match[2], l: match[3], a: match[4] };
+  if (match = matchers.hsla.exec(color)) {
+    return {
+      h: match[1],
+      s: match[2],
+      l: match[3],
+      a: match[4]
+    };
   }
-  if ((match = matchers.hsv.exec(color))) {
-    return { h: match[1], s: match[2], v: match[3] };
+  if (match = matchers.hsv.exec(color)) {
+    return {
+      h: match[1],
+      s: match[2],
+      v: match[3]
+    };
   }
-  if ((match = matchers.hsva.exec(color))) {
-    return { h: match[1], s: match[2], v: match[3], a: match[4] };
+  if (match = matchers.hsva.exec(color)) {
+    return {
+      h: match[1],
+      s: match[2],
+      v: match[3],
+      a: match[4]
+    };
   }
-  if ((match = matchers.hex8.exec(color))) {
+  if (match = matchers.hex8.exec(color)) {
     return {
       r: parseIntFromHex(match[1]),
       g: parseIntFromHex(match[2]),
       b: parseIntFromHex(match[3]),
       a: convertHexToDecimal(match[4]),
-      format: named ? "name" : "hex8",
+      format: named ? "name" : "hex8"
     };
   }
-  if ((match = matchers.hex6.exec(color))) {
+  if (match = matchers.hex6.exec(color)) {
     return {
       r: parseIntFromHex(match[1]),
       g: parseIntFromHex(match[2]),
       b: parseIntFromHex(match[3]),
-      format: named ? "name" : "hex",
+      format: named ? "name" : "hex"
     };
   }
-  if ((match = matchers.hex4.exec(color))) {
+  if (match = matchers.hex4.exec(color)) {
     return {
       r: parseIntFromHex(match[1] + "" + match[1]),
       g: parseIntFromHex(match[2] + "" + match[2]),
       b: parseIntFromHex(match[3] + "" + match[3]),
       a: convertHexToDecimal(match[4] + "" + match[4]),
-      format: named ? "name" : "hex8",
+      format: named ? "name" : "hex8"
     };
   }
-  if ((match = matchers.hex3.exec(color))) {
+  if (match = matchers.hex3.exec(color)) {
     return {
       r: parseIntFromHex(match[1] + "" + match[1]),
       g: parseIntFromHex(match[2] + "" + match[2]),
       b: parseIntFromHex(match[3] + "" + match[3]),
-      format: named ? "name" : "hex",
+      format: named ? "name" : "hex"
     };
   }
-
   return false;
 }
-
 function validateWCAG2Parms(parms) {
   // return valid WCAG2 parms for isReadable.
   // If input parms are invalid, return {"level":"AA", "size":"small"}
   var level, size;
-  parms = parms || { level: "AA", size: "small" };
+  parms = parms || {
+    level: "AA",
+    size: "small"
+  };
   level = (parms.level || "AA").toUpperCase();
   size = (parms.size || "small").toLowerCase();
   if (level !== "AA" && level !== "AAA") {
@@ -1276,7 +1175,10 @@ function validateWCAG2Parms(parms) {
   if (size !== "small" && size !== "large") {
     size = "small";
   }
-  return { level: level, size: size };
+  return {
+    level: level,
+    size: size
+  };
 }
 
 const hslColorMap = (h, s, l) => {