add field-sizing utilities

dcastil · Jan 24, 2025 · 1134b3e · 1134b3e
1 parent 0c46ce9
commit 1134b3e
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 1 deletion.
diff --git a/src/lib/default-config.ts b/src/lib/default-config.ts
@@ -1658,6 +1658,11 @@ export const getDefaultConfig = () => {
              * @see https://tailwindcss.com/docs/just-in-time-mode#caret-color-utilities
              */
             'caret-color': [{ caret: [colors] }],
+            /**
+             * Field Sizing
+             * @see https://tailwindcss.com/docs/field-sizing
+             */
+            'field-sizing': [{ 'field-sizing': ['fixed', 'content'] }],
             /**
              * Pointer Events
              * @see https://tailwindcss.com/docs/pointer-events

diff --git a/src/lib/types.ts b/src/lib/types.ts
@@ -285,6 +285,7 @@ export type DefaultClassGroupIds =
     | 'duration'
     | 'ease'
     | 'end'
+    | 'field-sizing'
     | 'fill'
     | 'filter'
     | 'flex-direction'
@@ -323,8 +324,8 @@ export type DefaultClassGroupIds =
     | 'indent'
     | 'inset-ring-color'
     | 'inset-ring-w'
-    | 'inset-shadow'
     | 'inset-shadow-color'
+    | 'inset-shadow'
     | 'inset-x'
     | 'inset-y'
     | 'inset'

diff --git a/tests/class-map.test.ts b/tests/class-map.test.ts
@@ -109,6 +109,7 @@ test('class map has correct class groups at first part', () => {
         duration: ['duration'],
         ease: ['ease'],
         end: ['end'],
+        field: ['field-sizing'],
         fill: ['fill'],
         filter: ['filter'],
         fixed: ['position'],

diff --git a/tests/tailwind-css-versions.test.ts b/tests/tailwind-css-versions.test.ts
@@ -74,6 +74,7 @@ test('supports Tailwind CSS v4.0 features', () => {
     expect(twMerge('ring-4 ring-orange inset-ring inset-ring-3 inset-ring-blue')).toBe(
         'ring-4 ring-orange inset-ring-3 inset-ring-blue',
     )
+    expect(twMerge('field-sizing-content field-sizing-fixed')).toBe('field-sizing-fixed')
 
     // TODO: Remove proto
     expect(twMerge('')).toBe('')