From 75b452d29ad31f78d601d3fa10953f51acc5ba77 Mon Sep 17 00:00:00 2001 From: Vinicius de Santana Date: Tue, 6 May 2025 18:24:27 -0300 Subject: [PATCH 1/6] feat: add class `text-balanced` Refs: #41389 --- scss/_utilities.scss | 5 +++++ site/src/content/docs/utilities/text.mdx | 6 ++++++ 2 files changed, 11 insertions(+) diff --git a/scss/_utilities.scss b/scss/_utilities.scss index 696f906ec9..a530fe6e35 100644 --- a/scss/_utilities.scss +++ b/scss/_utilities.scss @@ -565,6 +565,11 @@ $utilities: map-merge( nowrap: nowrap, ) ), + "text-wrap": ( + property: text-wrap, + class: text, + values: (balanced: balance) + ), "word-wrap": ( property: word-wrap word-break, class: text, diff --git a/site/src/content/docs/utilities/text.mdx b/site/src/content/docs/utilities/text.mdx index 2cbf732770..99c575e987 100644 --- a/site/src/content/docs/utilities/text.mdx +++ b/site/src/content/docs/utilities/text.mdx @@ -92,6 +92,12 @@ Change the line height with `.lh-*` utilities.

This is a long paragraph written to show how the line-height of an element is affected by our utilities. Classes are applied to the element itself or sometimes the parent element. These classes can be customized as needed with our utility API.

This is a long paragraph written to show how the line-height of an element is affected by our utilities. Classes are applied to the element itself or sometimes the parent element. These classes can be customized as needed with our utility API.

`} /> +## Balanced Text + +Use the `.text-balanced` class to balance text. + +his is a long paragraph written to show how the line-height of an element is affected by our utilities. Classes are applied to the element itself or sometimes the parent element. These classes can be customized as needed with our utility API.

`} /> + ## Monospace Change a selection to our monospace font stack with `.font-monospace`. From 339f06c75d8f8612ae9b4f2cab19143a623c4866 Mon Sep 17 00:00:00 2001 From: Vinicius de Santana Date: Tue, 6 May 2025 18:29:36 -0300 Subject: [PATCH 2/6] fix: change example text --- site/src/content/docs/utilities/text.mdx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/site/src/content/docs/utilities/text.mdx b/site/src/content/docs/utilities/text.mdx index 99c575e987..8e509a01ef 100644 --- a/site/src/content/docs/utilities/text.mdx +++ b/site/src/content/docs/utilities/text.mdx @@ -96,7 +96,7 @@ Change the line height with `.lh-*` utilities. Use the `.text-balanced` class to balance text. -his is a long paragraph written to show how the line-height of an element is affected by our utilities. Classes are applied to the element itself or sometimes the parent element. These classes can be customized as needed with our utility API.

`} /> +his is a long paragraph written to show how the text-balanced of an element is affected by our utilities. Classes are applied to the element itself or sometimes the parent element. These classes can be customized as needed with our utility API.

`} /> ## Monospace From 223e002656ef7802c2d8c733e0218b011860be13 Mon Sep 17 00:00:00 2001 From: Vinicius de Santana Date: Wed, 7 May 2025 09:56:47 -0300 Subject: [PATCH 3/6] fix: error in type sentence --- site/src/content/docs/utilities/text.mdx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/site/src/content/docs/utilities/text.mdx b/site/src/content/docs/utilities/text.mdx index 8e509a01ef..4507dc26dd 100644 --- a/site/src/content/docs/utilities/text.mdx +++ b/site/src/content/docs/utilities/text.mdx @@ -96,7 +96,7 @@ Change the line height with `.lh-*` utilities. Use the `.text-balanced` class to balance text. -his is a long paragraph written to show how the text-balanced of an element is affected by our utilities. Classes are applied to the element itself or sometimes the parent element. These classes can be customized as needed with our utility API.

`} /> +This is a long paragraph written to show how the text-balanced of an element is affected by our utilities. Classes are applied to the element itself or sometimes the parent element. These classes can be customized as needed with our utility API.

`} /> ## Monospace From 2d83ac72362f50462c52b9f8fa2a9948df276a10 Mon Sep 17 00:00:00 2001 From: Vinicius de Santana Date: Wed, 7 May 2025 13:39:53 -0300 Subject: [PATCH 4/6] fix: change class to `text-balance` --- scss/_utilities.scss | 2 +- site/src/content/docs/utilities/text.mdx | 4 ++-- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/scss/_utilities.scss b/scss/_utilities.scss index a530fe6e35..a2396192eb 100644 --- a/scss/_utilities.scss +++ b/scss/_utilities.scss @@ -568,7 +568,7 @@ $utilities: map-merge( "text-wrap": ( property: text-wrap, class: text, - values: (balanced: balance) + values: balance ), "word-wrap": ( property: word-wrap word-break, diff --git a/site/src/content/docs/utilities/text.mdx b/site/src/content/docs/utilities/text.mdx index 4507dc26dd..222d9db457 100644 --- a/site/src/content/docs/utilities/text.mdx +++ b/site/src/content/docs/utilities/text.mdx @@ -94,9 +94,9 @@ Change the line height with `.lh-*` utilities. ## Balanced Text -Use the `.text-balanced` class to balance text. +Use the `.text-balance` class to balance text. -This is a long paragraph written to show how the text-balanced of an element is affected by our utilities. Classes are applied to the element itself or sometimes the parent element. These classes can be customized as needed with our utility API.

`} /> +This is a long paragraph written to show how the text-balance of an element is affected by our utilities. Classes are applied to the element itself or sometimes the parent element. These classes can be customized as needed with our utility API.

`} /> ## Monospace From 78411c778d36c1144f58660f248166e721f0f8b0 Mon Sep 17 00:00:00 2001 From: Vinicius de Santana Date: Wed, 7 May 2025 13:45:30 -0300 Subject: [PATCH 5/6] fix: change maxSize of `bootstrap-utilities.min.css` to 11kb avoid error in `npm run bundlewatch` command --- .bundlewatch.config.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/.bundlewatch.config.json b/.bundlewatch.config.json index 6f680664ca..383b0d3f49 100644 --- a/.bundlewatch.config.json +++ b/.bundlewatch.config.json @@ -22,7 +22,7 @@ }, { "path": "./dist/css/bootstrap-utilities.min.css", - "maxSize": "10.75 kB" + "maxSize": "11.00 kB" }, { "path": "./dist/css/bootstrap.css", From 239d48c310b57f9cb86b1523ace22408179da9c0 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Julien=20D=C3=A9ramond?= Date: Wed, 7 May 2025 19:21:37 +0200 Subject: [PATCH 6/6] Update .bundlewatch.config.json --- .bundlewatch.config.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/.bundlewatch.config.json b/.bundlewatch.config.json index 383b0d3f49..69e6ca746f 100644 --- a/.bundlewatch.config.json +++ b/.bundlewatch.config.json @@ -22,7 +22,7 @@ }, { "path": "./dist/css/bootstrap-utilities.min.css", - "maxSize": "11.00 kB" + "maxSize": "11.0 kB" }, { "path": "./dist/css/bootstrap.css",