Merge pull request #7536 from plotly/cam/7523/switch-color-library

feat: Switch color processing library

Author: camdecoster

.gitignore

@@ -7,6 +7,9 @@ build/*
 dist/*.LICENSE.txt
 dist/*.css
 
+# Ignore local dev mocks/baselines
+test/image/**/dev_*.*
+
 npm-debug.log*
 *.sublime*
 *~

draftlogs/7536_change.md

@@ -0,0 +1,5 @@
+- **Breaking**: Switch color processing library from [TinyColor](https://github.com/bgrins/TinyColor) to [color](https://github.com/Qix-/color) [[#7536](https://github.com/plotly/plotly.js/pull/7536)]
+  - `rgb()`/`rgba()` strings with decimal 0–1 fractions are no longer supported
+  - `hsv()` color strings are no longer permitted
+  - Color calculations may differ slightly (by a few RGB units)
+  - New color formats are now supported: '#ff0000aa', '#f00a', 'rgb(255 0 0)', 'rgba(255 0 0 / 0.5)', 'hsl(0 100% 50% / 0.5)', 'hsla(0, 100%, 50%, 0.5)', 'hwb(0, 0%, 0%)' 

draftlogs/7825_update.md draftlogs/7825_change.mddraftlogs/7825_update.md renamed to draftlogs/7825_change.md

@@ -80,6 +80,7 @@
     "@turf/bbox": "^7.1.0",
     "@turf/centroid": "^7.1.0",
     "base64-arraybuffer": "^1.0.2",
+    "color": "^5.0.0",
     "color-normalize": "1.5.0",
     "color-rgba": "3.0.0",
     "country-regex": "^1.1.0",
@@ -110,7 +111,6 @@
     "regl-splom": "^1.0.14",
     "strongly-connected-components": "^1.0.1",
     "svg-path-sdf": "^1.1.3",
-    "tinycolor2": "^1.4.2",
     "topojson-client": "^3.1.0",
     "webgl-context": "^2.2.0",
     "world-calendars": "^1.0.4"
@@ -176,6 +176,9 @@
     "virtual-webgl": "^1.0.7"
   },
   "overrides": {
+    "color": {
+      "color-string": "^2.1.4"
+    },
     "falafel": {
       "acorn": "^8.1.1"
     }

package-lock.json

@@ -25,6 +25,6 @@ exports.borderLine = '#BEC8D9';
 
 // with axis.color and Color.interp we aren't using lightLine
 // itself anymore, instead interpolating between axis.color
-// and the background color using tinycolor.mix. lightFraction
+// and the background color using Color.mix. lightFraction
 // gives back exactly lightLine if the other colors are defaults.
 exports.lightFraction = 100 * (0xe - 0x4) / (0xf - 0x4);