From ad5b9fd6cecbcb4616cae4be2b0831ed9d3bd1d2 Mon Sep 17 00:00:00 2001
From: John Pham <johnphammail@gmail.com>
Date: Mon, 11 Dec 2023 13:17:48 -0800
Subject: [PATCH] Change to balance instead of pretty

Balance is used for shorter line numbers
---
 examples/app-dir-mdx/app/page.module.css                      | 2 +-
 examples/with-storybook/app/page.module.css                   | 2 +-
 packages/create-next-app/templates/app-tw/js/app/globals.css  | 4 ++--
 packages/create-next-app/templates/app-tw/js/app/page.js      | 2 +-
 packages/create-next-app/templates/app-tw/ts/app/globals.css  | 4 ++--
 packages/create-next-app/templates/app-tw/ts/app/page.tsx     | 2 +-
 packages/create-next-app/templates/app/js/app/page.module.css | 2 +-
 packages/create-next-app/templates/app/ts/app/page.module.css | 2 +-
 .../create-next-app/templates/default-tw/js/pages/index.js    | 2 +-
 .../templates/default-tw/js/styles/globals.css                | 4 ++--
 .../create-next-app/templates/default-tw/ts/pages/index.tsx   | 2 +-
 .../templates/default-tw/ts/styles/globals.css                | 4 ++--
 12 files changed, 16 insertions(+), 16 deletions(-)

diff --git a/examples/app-dir-mdx/app/page.module.css b/examples/app-dir-mdx/app/page.module.css
index 3f1d77110bae6..11c54801bdbd4 100644
--- a/examples/app-dir-mdx/app/page.module.css
+++ b/examples/app-dir-mdx/app/page.module.css
@@ -70,7 +70,7 @@
   font-size: 0.9rem;
   line-height: 1.5;
   max-width: 34ch;
-  text-wrap: pretty;
+  text-wrap: balance;
 }
 
 .center {
diff --git a/examples/with-storybook/app/page.module.css b/examples/with-storybook/app/page.module.css
index b7e73d337436c..efb21d4fd0084 100644
--- a/examples/with-storybook/app/page.module.css
+++ b/examples/with-storybook/app/page.module.css
@@ -70,7 +70,7 @@
   font-size: 0.9rem;
   line-height: 1.5;
   max-width: 30ch;
-  text-wrap: pretty;
+  text-wrap: balance;
 }
 
 .center {
diff --git a/packages/create-next-app/templates/app-tw/js/app/globals.css b/packages/create-next-app/templates/app-tw/js/app/globals.css
index 56e4ace0ef432..875c01e819b90 100644
--- a/packages/create-next-app/templates/app-tw/js/app/globals.css
+++ b/packages/create-next-app/templates/app-tw/js/app/globals.css
@@ -27,7 +27,7 @@ body {
 }
 
 @layer utilities {
-  .text-pretty {
-    text-wrap: pretty;
+  .text-balance {
+    text-wrap: balance;
   }
 }
diff --git a/packages/create-next-app/templates/app-tw/js/app/page.js b/packages/create-next-app/templates/app-tw/js/app/page.js
index b0a94d6680343..dac8aaf99529a 100644
--- a/packages/create-next-app/templates/app-tw/js/app/page.js
+++ b/packages/create-next-app/templates/app-tw/js/app/page.js
@@ -103,7 +103,7 @@ export default function Home() {
               -&gt;
             </span>
           </h2>
-          <p className={`m-0 max-w-[30ch] text-sm opacity-50 text-pretty`}>
+          <p className={`m-0 max-w-[30ch] text-sm opacity-50 text-balance`}>
             Instantly deploy your Next.js site to a shareable URL with Vercel.
           </p>
         </a>
diff --git a/packages/create-next-app/templates/app-tw/ts/app/globals.css b/packages/create-next-app/templates/app-tw/ts/app/globals.css
index 56e4ace0ef432..875c01e819b90 100644
--- a/packages/create-next-app/templates/app-tw/ts/app/globals.css
+++ b/packages/create-next-app/templates/app-tw/ts/app/globals.css
@@ -27,7 +27,7 @@ body {
 }
 
 @layer utilities {
-  .text-pretty {
-    text-wrap: pretty;
+  .text-balance {
+    text-wrap: balance;
   }
 }
diff --git a/packages/create-next-app/templates/app-tw/ts/app/page.tsx b/packages/create-next-app/templates/app-tw/ts/app/page.tsx
index 4e533db5d107c..a55779d45534b 100644
--- a/packages/create-next-app/templates/app-tw/ts/app/page.tsx
+++ b/packages/create-next-app/templates/app-tw/ts/app/page.tsx
@@ -103,7 +103,7 @@ export default function Home() {
               -&gt;
             </span>
           </h2>
-          <p className={`m-0 max-w-[30ch] text-sm opacity-50 text-pretty`}>
+          <p className={`m-0 max-w-[30ch] text-sm opacity-50 text-balance`}>
             Instantly deploy your Next.js site to a shareable URL with Vercel.
           </p>
         </a>
diff --git a/packages/create-next-app/templates/app/js/app/page.module.css b/packages/create-next-app/templates/app/js/app/page.module.css
index 3cbba95073c1b..45d99ea3c8f29 100644
--- a/packages/create-next-app/templates/app/js/app/page.module.css
+++ b/packages/create-next-app/templates/app/js/app/page.module.css
@@ -70,7 +70,7 @@
   font-size: 0.9rem;
   line-height: 1.5;
   max-width: 30ch;
-  text-wrap: pretty;
+  text-wrap: balance;
 }
 
 .center {
diff --git a/packages/create-next-app/templates/app/ts/app/page.module.css b/packages/create-next-app/templates/app/ts/app/page.module.css
index 3cbba95073c1b..45d99ea3c8f29 100644
--- a/packages/create-next-app/templates/app/ts/app/page.module.css
+++ b/packages/create-next-app/templates/app/ts/app/page.module.css
@@ -70,7 +70,7 @@
   font-size: 0.9rem;
   line-height: 1.5;
   max-width: 30ch;
-  text-wrap: pretty;
+  text-wrap: balance;
 }
 
 .center {
diff --git a/packages/create-next-app/templates/default-tw/js/pages/index.js b/packages/create-next-app/templates/default-tw/js/pages/index.js
index 6b526c7dd1c65..2aa500c96902a 100644
--- a/packages/create-next-app/templates/default-tw/js/pages/index.js
+++ b/packages/create-next-app/templates/default-tw/js/pages/index.js
@@ -108,7 +108,7 @@ export default function Home() {
               -&gt;
             </span>
           </h2>
-          <p className={`m-0 max-w-[30ch] text-sm opacity-50 text-pretty`}>
+          <p className={`m-0 max-w-[30ch] text-sm opacity-50 text-balance`}>
             Instantly deploy your Next.js site to a shareable URL with Vercel.
           </p>
         </a>
diff --git a/packages/create-next-app/templates/default-tw/js/styles/globals.css b/packages/create-next-app/templates/default-tw/js/styles/globals.css
index 56e4ace0ef432..875c01e819b90 100644
--- a/packages/create-next-app/templates/default-tw/js/styles/globals.css
+++ b/packages/create-next-app/templates/default-tw/js/styles/globals.css
@@ -27,7 +27,7 @@ body {
 }
 
 @layer utilities {
-  .text-pretty {
-    text-wrap: pretty;
+  .text-balance {
+    text-wrap: balance;
   }
 }
diff --git a/packages/create-next-app/templates/default-tw/ts/pages/index.tsx b/packages/create-next-app/templates/default-tw/ts/pages/index.tsx
index fbfcfdb267b50..829693639b3c5 100644
--- a/packages/create-next-app/templates/default-tw/ts/pages/index.tsx
+++ b/packages/create-next-app/templates/default-tw/ts/pages/index.tsx
@@ -108,7 +108,7 @@ export default function Home() {
               -&gt;
             </span>
           </h2>
-          <p className={`m-0 max-w-[30ch] text-sm opacity-50 text-pretty`}>
+          <p className={`m-0 max-w-[30ch] text-sm opacity-50 text-balance`}>
             Instantly deploy your Next.js site to a shareable URL with Vercel.
           </p>
         </a>
diff --git a/packages/create-next-app/templates/default-tw/ts/styles/globals.css b/packages/create-next-app/templates/default-tw/ts/styles/globals.css
index 56e4ace0ef432..875c01e819b90 100644
--- a/packages/create-next-app/templates/default-tw/ts/styles/globals.css
+++ b/packages/create-next-app/templates/default-tw/ts/styles/globals.css
@@ -27,7 +27,7 @@ body {
 }
 
 @layer utilities {
-  .text-pretty {
-    text-wrap: pretty;
+  .text-balance {
+    text-wrap: balance;
   }
 }