JIT: Add caret-color utilities (#4499)

Co-Authored-By: Jesse Katsumata <niconico.clarinet@gmail.com>

Co-authored-by: Jesse Katsumata <niconico.clarinet@gmail.com>

src/plugins/caretColor.js

@@ -0,0 +1,19 @@
+import flattenColorPalette from '../util/flattenColorPalette'
+import toColorValue from '../util/toColorValue'
+
+export default function () {
+  return function ({ matchUtilities, theme, variants }) {
+    matchUtilities(
+      {
+        caret: (value) => {
+          return { 'caret-color': toColorValue(value) }
+        },
+      },
+      {
+        values: flattenColorPalette(theme('caretColor')),
+        variants: variants('caretColor'),
+        type: ['color', 'any'],
+      }
+    )
+  }
+}

src/plugins/index.js

@@ -123,6 +123,7 @@ export { default as textDecoration } from './textDecoration'
 export { default as fontSmoothing } from './fontSmoothing'
 export { default as placeholderColor } from './placeholderColor'
 export { default as placeholderOpacity } from './placeholderOpacity'
+export { default as caretColor } from './caretColor'
 
 export { default as opacity } from './opacity'
 export { default as backgroundBlendMode } from './backgroundBlendMode'