diff --git a/packages/tailwindcss/src/__snapshots__/intellisense.test.ts.snap b/packages/tailwindcss/src/__snapshots__/intellisense.test.ts.snap index d58d605473a1..0523a5f71ea0 100644 --- a/packages/tailwindcss/src/__snapshots__/intellisense.test.ts.snap +++ b/packages/tailwindcss/src/__snapshots__/intellisense.test.ts.snap @@ -3210,6 +3210,7 @@ exports[`getClassList 1`] = ` "break-after-page", "break-after-right", "break-all", + "break-anywhere", "break-before-all", "break-before-auto", "break-before-avoid", diff --git a/packages/tailwindcss/src/utilities.test.ts b/packages/tailwindcss/src/utilities.test.ts index 4da13ed6469d..b53efc69dee2 100644 --- a/packages/tailwindcss/src/utilities.test.ts +++ b/packages/tailwindcss/src/utilities.test.ts @@ -8819,13 +8819,17 @@ test('text-wrap', async () => { }) test('overflow-wrap', async () => { - expect(await run(['break-normal', 'break-words', 'break-all', 'break-keep'])) + expect(await run(['break-normal', 'break-words', 'break-all', 'break-keep', 'break-anywhere'])) .toMatchInlineSnapshot(` ".break-normal { overflow-wrap: normal; word-break: normal; } + .break-anywhere { + overflow-wrap: anywhere; + } + .break-words { overflow-wrap: break-word; } @@ -8844,10 +8848,12 @@ test('overflow-wrap', async () => { '-break-words', '-break-all', '-break-keep', + '-break-anywhere', 'break-normal/foo', 'break-words/foo', 'break-all/foo', 'break-keep/foo', + 'break-anywhere/foo', ]), ).toEqual('') }) diff --git a/packages/tailwindcss/src/utilities.ts b/packages/tailwindcss/src/utilities.ts index 3dadacac113d..3b05e0a1e067 100644 --- a/packages/tailwindcss/src/utilities.ts +++ b/packages/tailwindcss/src/utilities.ts @@ -1988,6 +1988,7 @@ export function createUtilities(theme: Theme) { staticUtility('break-words', [['overflow-wrap', 'break-word']]) staticUtility('break-all', [['word-break', 'break-all']]) staticUtility('break-keep', [['word-break', 'keep-all']]) + staticUtility('break-anywhere', [['overflow-wrap', 'anywhere']]) { // border-radius