Add oklab() and oklch()

[ai]

Summary

I added oklch() and oklab() from CSS Colors 4 to color types.

MDN Pages was recently merged.

Test results and supporting details

People reports that Safari 15.4 supports oklch().

I found mention only in Safari TP release notes.

[queengooborg]

Hey there, thank you for your PR, and welcome to BCD!

Looking at the release notes you had linked, it appears to be for Safari Technology Preview (TP) 146. However, Safari 15.5 says that it includes TP 140-145, so I doubt this is correct. Let's set the version number to preview to say that it's only available in Safari Technology Preview!

[ai]

Let me check the versions tomorrow

[ai]

I tested oklch() in Safari 15.4 and it’s working.

Test: https://codepen.io/iskin/pen/OJQwEab

[romainmenke]

These are the relevant webkit release (137) notes mentioning oklab and oklch : https://webkit.org/blog/12156/release-notes-for-safari-technology-preview-137/

The link above includes all notes for all releases and 146 just happens to sit at the top at the moment :)

[queengooborg]

Huh, well alright then, guess you can't always trust release notes! Confirmed support in Safari 15.5 as well. Thank you for your PR, and once again, welcome to BCD! 👍

[ai]

@queengooborg we still have No specification found and No compatibility data on MDN page for oklch().

https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/oklch

Did I make some mistake? Or do we need to call deploy?

[queengooborg]

You're all good! The problem is on our end -- due to a problem with the TypeScript type definitions, we're unable to update BCD in the MDN engine. We'll be fixing this as soon as possible, most likely within the next few days!