From c73480c63660d0643434e07c9a522758c21a272d Mon Sep 17 00:00:00 2001
From: Mark Otto <markdotto@gmail.com>
Date: Mon, 28 Feb 2022 17:22:14 -0800
Subject: [PATCH] Adjust border-radius values and add some new utilities

- Updates global border-radius values for a more modern appearance
- New .fw-semibold
- New .rounded-4 and .rounded-5
---
 .cspell.json                               | 1 +
 scss/_utilities.scss                       | 3 +++
 scss/_variables.scss                       | 9 ++++++---
 site/content/docs/5.1/utilities/borders.md | 2 ++
 site/content/docs/5.1/utilities/text.md    | 1 +
 5 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/.cspell.json b/.cspell.json
index bfbdaad79c..f7293be9f2 100644
--- a/.cspell.json
+++ b/.cspell.json
@@ -81,6 +81,7 @@
     "roboto",
     "RTLCSS",
     "ruleset",
+    "semibold",
     "screenreaders",
     "scrollbars",
     "scrollspy",
diff --git a/scss/_utilities.scss b/scss/_utilities.scss
index 771dd42251..49fac65081 100644
--- a/scss/_utilities.scss
+++ b/scss/_utilities.scss
@@ -478,6 +478,7 @@ $utilities: map-merge(
         lighter: $font-weight-lighter,
         normal: $font-weight-normal,
         bold: $font-weight-bold,
+        semibold: $font-weight-semibold,
         bolder: $font-weight-bolder
       )
     ),
@@ -605,6 +606,8 @@ $utilities: map-merge(
         1: $border-radius-sm,
         2: $border-radius,
         3: $border-radius-lg,
+        4: $border-radius-xl,
+        5: $border-radius-2xl,
         circle: 50%,
         pill: $border-radius-pill
       )
diff --git a/scss/_variables.scss b/scss/_variables.scss
index 26707e775e..f57ff41d33 100644
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -488,9 +488,11 @@ $border-color:                $gray-300 !default;
 // scss-docs-end border-variables
 
 // scss-docs-start border-radius-variables
-$border-radius:               .25rem !default;
-$border-radius-sm:            .2rem !default;
-$border-radius-lg:            .3rem !default;
+$border-radius:               .375rem !default;
+$border-radius-sm:            .25rem !default;
+$border-radius-lg:            .5rem !default;
+$border-radius-xl:            1rem !default;
+$border-radius-2xl:           2rem !default;
 $border-radius-pill:          50rem !default;
 // scss-docs-end border-radius-variables
 
@@ -550,6 +552,7 @@ $font-size-lg:                $font-size-base * 1.25 !default;
 $font-weight-lighter:         lighter !default;
 $font-weight-light:           300 !default;
 $font-weight-normal:          400 !default;
+$font-weight-semibold:        600 !default;
 $font-weight-bold:            700 !default;
 $font-weight-bolder:          bolder !default;
 
diff --git a/site/content/docs/5.1/utilities/borders.md b/site/content/docs/5.1/utilities/borders.md
index e76c461a3a..02bc3e02e3 100644
--- a/site/content/docs/5.1/utilities/borders.md
+++ b/site/content/docs/5.1/utilities/borders.md
@@ -114,6 +114,8 @@ Use the scaling classes for larger or smaller rounded corners. Sizes range from
 {{< placeholder width="75" height="75" class="rounded-1" title="Example small rounded image" >}}
 {{< placeholder width="75" height="75" class="rounded-2" title="Example default rounded image" >}}
 {{< placeholder width="75" height="75" class="rounded-3" title="Example large rounded image" >}}
+{{< placeholder width="75" height="75" class="rounded-4" title="Example larger rounded image" >}}
+{{< placeholder width="75" height="75" class="rounded-5" title="Example extra large rounded image" >}}
 {{< /example >}}
 
 ## Sass
diff --git a/site/content/docs/5.1/utilities/text.md b/site/content/docs/5.1/utilities/text.md
index be8e0e1c02..a170660efd 100644
--- a/site/content/docs/5.1/utilities/text.md
+++ b/site/content/docs/5.1/utilities/text.md
@@ -89,6 +89,7 @@ Quickly change the `font-weight` or `font-style` of text with these utilities. `
 {{< example >}}
 <p class="fw-bold">Bold text.</p>
 <p class="fw-bolder">Bolder weight text (relative to the parent element).</p>
+<p class="fw-semibold">Semibold weight text.</p>
 <p class="fw-normal">Normal weight text.</p>
 <p class="fw-light">Light weight text.</p>
 <p class="fw-lighter">Lighter weight text (relative to the parent element).</p>