[color-swatch] Add the colorInfo prop

[DmitrySharabin]

As we discussed in #96, the color info is also helpful to get programmatically. This PR addresses this. Under the hood, the data structure suggested by @LeaVerou (Option 1) is used.

This PR is the first step to implementing deltas and contrast and is intended to check if I got the main idea shaped in the PR mentioned right. The existing API is the same, so it's not a breaking change. Everything still works as before.

The gist of what this PR introduces can be seen in the screenshot (<color-swatch> is a Lego block for color charts):

[netlify]

✅ Deploy Preview for color-elements ready!

Name	Link
🔨 Latest commit	a92705c
🔍 Latest deploy log	https://app.netlify.com/sites/color-elements/deploys/670ea5dcf7a93300085d0101
😎 Deploy Preview	https://deploy-preview-118--color-elements.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[DmitrySharabin]

I'd like to discuss what is more helpful (for our users) to expose as colorInfo keys: the coords labels or channels themselves?

Option 1

{
    Lightness: 0.9158,
    Chroma: 0.05112,
    Hue: 349.9
}

Option 2

{
    "oklch.l": 0.9158,
    "oklch.c": 0.05112,
    "oklch.h": 349.9
}

[LeaVerou]

I would vote for the keys, the labels might even be localized or have weird characters.

[DmitrySharabin]

I would vote for the keys, the labels might even be localized or have weird characters.

Thank you. I'm leaning toward that, too. Let me update the code, then.

[DmitrySharabin]

Done. Here is an updated gist of the proposed changes (in one screenshot):

[LeaVerou]

Why do we need a separate infoLabels prop?

[DmitrySharabin]

Initially, I was thinking of optimizing the code so that we don't have to use Object.entries every time we need to get a channel and its label. It turned out that this was not a good idea: actually, we needed to do this in one place, so there was no need to add an extra prop. I removed it. Thank you for the question; it helped me see the flaw.

[LeaVerou]

LGTM