gpui: Add `rounded_md` token (#26179)

Danilo Leal and Marshall Bowers created 9 months ago

This PR adds a new rounded/corner border token: `rounded_md` with a
value of 6px.

I feel like I was wanting to use 6px border radius a lot but avoiding
due to it being an arbitrary value... so, not anymore! It's also cool to
have this be consistent with Tailwind v4.

Follow on to the prior renames:

- `rounded_sm` -> `rounded_xs`:
https://github.com/zed-industries/zed/pull/26221
- `rounded_md` -> `rounded_sm`:
https://github.com/zed-industries/zed/pull/26228

Release Notes:

- N/A

---------

Co-authored-by: Marshall Bowers <[e-mail]>

Change summary

crates/assistant2/src/active_thread.rs | 2 +-
crates/editor/src/editor.rs            | 2 +-
crates/gpui_macros/src/styles.rs       | 5 +++++
3 files changed, 7 insertions(+), 2 deletions(-)

Detailed changes

crates/assistant2/src/active_thread.rs

@@ -674,7 +674,7 @@ impl ActiveThread {
                         .pr_2()
                         .bg(cx.theme().colors().editor_foreground.opacity(0.02))
                         .when(is_open, |element| element.border_b_1().rounded_t(px(6.)))
-                        .when(!is_open, |element| element.rounded(px(6.)))
+                        .when(!is_open, |element| element.rounded_md())
                         .border_color(cx.theme().colors().border)
                         .child(
                             h_flex()

crates/editor/src/editor.rs

@@ -6550,7 +6550,7 @@ impl Editor {
             .pl_1()
             .pr(padding_right)
             .gap_1()
-            .rounded(px(6.))
+            .rounded_md()
             .border_1()
             .bg(Self::edit_prediction_line_popover_bg_color(cx))
             .border_color(Self::edit_prediction_callout_popover_border_color(cx))

crates/gpui_macros/src/styles.rs

@@ -1242,6 +1242,11 @@ fn corner_suffixes() -> Vec<CornerStyleSuffix> {
             radius_tokens: quote! { rems(0.25) },
             doc_string_suffix: "4px (0.25rem)",
         },
+        CornerStyleSuffix {
+            suffix: "md",
+            radius_tokens: quote! { rems(0.375) },
+            doc_string_suffix: "6px (0.375rem)",
+        },
         CornerStyleSuffix {
             suffix: "lg",
             radius_tokens: quote! { rems(0.5) },