add forced-color-adjust utilities

dcastil · Dec 21, 2023 · 3b770bc · 3b770bc
1 parent 96f03ec
commit 3b770bc
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 0 deletions.
diff --git a/src/lib/default-config.ts b/src/lib/default-config.ts
@@ -1754,6 +1754,11 @@ export function getDefaultConfig() {
              * @see https://tailwindcss.com/docs/screen-readers
              */
             sr: ['sr-only', 'not-sr-only'],
+            /**
+             * Forced Color Adjust
+             * @see https://tailwindcss.com/docs/forced-color-adjust
+             */
+            'forced-color-adjust': [{ 'forced-color-adjust': ['auto', 'none'] }],
         },
         conflictingClassGroups: {
             overflow: ['overflow-x', 'overflow-y'],

diff --git a/src/lib/types.ts b/src/lib/types.ts
@@ -223,6 +223,7 @@ export type DefaultClassGroupIds =
     | 'font-smoothing'
     | 'font-style'
     | 'font-weight'
+    | 'forced-color-adjust'
     | 'fvn-figure'
     | 'fvn-fraction'
     | 'fvn-normal'

diff --git a/tests/class-map.test.ts b/tests/class-map.test.ts
@@ -112,6 +112,7 @@ test('class map has correct class groups at first part', () => {
         float: ['float'],
         flow: ['display'],
         font: ['font-family', 'font-weight'],
+        forced: ['forced-color-adjust'],
         from: ['gradient-from', 'gradient-from-pos'],
         gap: ['gap', 'gap-x', 'gap-y'],
         grayscale: ['grayscale'],

diff --git a/tests/tailwind-css-versions.test.ts b/tests/tailwind-css-versions.test.ts
@@ -48,4 +48,7 @@ test('supports Tailwind CSS v3.4 features', () => {
         'grid-cols-subgrid grid-rows-subgrid',
     )
     expect(twMerge('min-w-0 min-w-50 min-w-px max-w-0 max-w-50 max-w-px')).toBe('min-w-px max-w-px')
+    expect(twMerge('forced-color-adjust-none forced-color-adjust-auto')).toBe(
+        'forced-color-adjust-auto',
+    )
 })