From 0c7088ed5d8cc509cbcd432ed322a62a4d26fb5e Mon Sep 17 00:00:00 2001
From: Adam Wathan <adam.wathan@gmail.com>
Date: Fri, 22 Nov 2024 10:40:23 -0500
Subject: [PATCH] Generate the correct CSS for the `break-keep` utility
 (#15108)

Fixes https://github.com/tailwindlabs/tailwindcss/issues/15107.

Previously we were generating `word-break: break-keep` when it should be
`word-break: keep-all`.

---------

Co-authored-by: Adam Wathan <4323180+adamwathan@users.noreply.github.com>
---
 CHANGELOG.md                               |  1 +
 packages/tailwindcss/src/utilities.test.ts | 28 +++++++++++-----------
 packages/tailwindcss/src/utilities.ts      |  2 +-
 3 files changed, 16 insertions(+), 15 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 0f1e86276..235a79d7a 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -12,6 +12,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Use configured `--letter-spacing` values for custom font size utilities ([#15099](https://github.com/tailwindlabs/tailwindcss/pull/15099))
 - Ensure `space-x/y-*` and `divide-x/y-*` with variants can undo `space-x/y-reverse` and `divide-x/y-reverse` ([#15094](https://github.com/tailwindlabs/tailwindcss/pull/15094))
 - Don't print minified code when the build fails in the CLI ([#15106](https://github.com/tailwindlabs/tailwindcss/pull/15106))
+- Generate the correct CSS for the `break-keep` utility ([#15108](https://github.com/tailwindlabs/tailwindcss/pull/15108))
 - _Upgrade (experimental)_: Always add `layer(…)` as the first param to `@import` ([#15102](https://github.com/tailwindlabs/tailwindcss/pull/15102))
 
 ### Changed
diff --git a/packages/tailwindcss/src/utilities.test.ts b/packages/tailwindcss/src/utilities.test.ts
index 7c59653ad..fe7e701e2 100644
--- a/packages/tailwindcss/src/utilities.test.ts
+++ b/packages/tailwindcss/src/utilities.test.ts
@@ -9212,23 +9212,23 @@ test('text-wrap', async () => {
 test('overflow-wrap', async () => {
   expect(await run(['break-normal', 'break-words', 'break-all', 'break-keep']))
     .toMatchInlineSnapshot(`
-    ".break-normal {
-      overflow-wrap: normal;
-      word-break: normal;
-    }
+      ".break-normal {
+        overflow-wrap: normal;
+        word-break: normal;
+      }
 
-    .break-words {
-      overflow-wrap: break-word;
-    }
+      .break-words {
+        overflow-wrap: break-word;
+      }
 
-    .break-all {
-      word-break: break-all;
-    }
+      .break-all {
+        word-break: break-all;
+      }
 
-    .break-keep {
-      word-break: break-keep;
-    }"
-  `)
+      .break-keep {
+        word-break: keep-all;
+      }"
+    `)
   expect(
     await run([
       '-break-normal',
diff --git a/packages/tailwindcss/src/utilities.ts b/packages/tailwindcss/src/utilities.ts
index 7224403a7..6a8b8133f 100644
--- a/packages/tailwindcss/src/utilities.ts
+++ b/packages/tailwindcss/src/utilities.ts
@@ -1963,7 +1963,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', 'break-keep']])
+  staticUtility('break-keep', [['word-break', 'keep-all']])
 
   {
     // border-radius