introduce typography system and motion module

crates/ui/src/menu/popup_menu.rs

@@ -8,7 +8,7 @@ use gpui::{
     anchored, div, px, rems,
 };
 use gpui_base::actions::{Cancel, Confirm, SelectDown, SelectLeft, SelectRight, SelectUp};
-use theme::{ActiveTheme, Side};
+use theme::{ActiveTheme, Side, TextStyle, Typeset as _};
 
 use crate::kbd::Kbd;
 use crate::menu::menu_item::MenuItemElement;
@@ -633,7 +633,7 @@ impl PopupMenu {
 
         let this = MenuItemElement::new(ix, &group_name)
             .relative()
-            .text_sm()
+            .text_style(TextStyle::Callout)
             .py_0()
             .px(INNER_PADDING)
             .rounded(options.radius)
@@ -663,7 +663,7 @@ impl PopupMenu {
                 h_flex().cursor_default().items_center().gap_x_1().child(
                     div()
                         .flex_1()
-                        .text_sm()
+                        .text_style(TextStyle::Callout)
                         .font_semibold()
                         .text_color(cx.theme().text_muted)
                         .child(label.clone()),
@@ -686,7 +686,7 @@ impl PopupMenu {
                 })
                 .disabled(*disabled)
                 .h(item_height)
-                .gap_x_2()
+                .gap_x(px(theme::SPACE))
                 .children(Self::render_icon(
                     has_left_icon,
                     is_checked,
@@ -718,7 +718,7 @@ impl PopupMenu {
                         .min_h(item_height)
                         .size_full()
                         .items_center()
-                        .gap_x_2()
+                        .gap_x(px(theme::SPACE))
                         .children(Self::render_icon(
                             has_left_icon,
                             false,
@@ -729,7 +729,7 @@ impl PopupMenu {
                         .child(
                             h_flex()
                                 .flex_1()
-                                .gap_2()
+                                .gap(px(theme::SPACE))
                                 .items_center()
                                 .justify_between()
                                 .child(label.clone())