Merge pull request #7962 from plotly/cam/7961/switch-to-culori-library

feat: Switch to culori color library

Author: camdecoster

draftlogs/7962_change.md

@@ -0,0 +1,5 @@
+- **Breaking**: Switch color processing library from [color](https://github.com/Qix-/color) to [culori](https://culorijs.org) [[#7962](https://github.com/plotly/plotly.js/pull/7962)]
+  - Additional CSS Color 4 formats are now supported: `lab()`, `lch()`, `oklab()`, `oklch()`, `color()`, `hsl(0.5turn 60% 40%)`, `hsl(none 60% 40%)`
+  - `rgb()` now accepts an optional alpha, so `rgb(255, 0, 0, 0.5)` is no longer opaque (`rgb` and `rgba` are aliases per [spec](https://www.w3.org/TR/css-color-4/#changes-from-3))
+  - Color strings that are not valid CSS are now rejected, including `hwb(200, 10%, 20%)` and `hsl(120, 50% 50%)`
+  - Contrasting text and border colors are picked by WCAG contrast ratio, so labels on saturated mid-tone fills may switch from dark to white

package-lock.json

@@ -74,9 +74,8 @@
     "@turf/centroid": "^7.3.5",
     "@turf/meta": "^7.3.5",
     "base64-arraybuffer": "^1.0.2",
-    "color": "^5.0.3",
-    "color-normalize": "^1.5.2",
     "country-iso-search": "^0.1.1",
+    "culori": "^4.0.2",
     "d3-force": "^1.2.1",
     "d3-format": "^1.4.5",
     "d3-geo": "^1.12.1",
@@ -158,9 +157,6 @@
     "virtual-webgl": "^1.0.7"
   },
   "overrides": {
-    "color": {
-      "color-string": "^2.1.4"
-    },
     "falafel": {
       "acorn": "^8.1.1"
     },