introduce typography system and motion module

crates/ui/src/styled.rs

@@ -1,6 +1,6 @@
 use gpui::{App, Div, Pixels, Refineable, StyleRefinement, Styled, div, px};
 pub use gpui_base::component_traits::{Disableable, Selectable};
-use theme::{ActiveTheme, surface_radius, surface_shadows};
+use theme::{ActiveTheme, TextStyle, Typeset as _, surface_radius, surface_shadows};
 
 /// Returns a `Div` as horizontal flex layout.
 pub fn h_flex() -> Div {
@@ -135,10 +135,10 @@ impl<T: Styled> StyleSized<T> for T {
 
     fn input_h(self, size: Size) -> Self {
         match size {
-            Size::XSmall => self.h_6().text_xs(),
-            Size::Small => self.h_8().text_sm(),
-            Size::Medium => self.h_9().text_base(),
-            Size::Large => self.h_12().text_lg(),
+            Size::XSmall => self.h_6().text_style(TextStyle::Caption),
+            Size::Small => self.h_8().text_style(TextStyle::Callout),
+            Size::Medium => self.h_9().text_style(TextStyle::Body),
+            Size::Large => self.h_12().text_style(TextStyle::Title3),
             Size::Size(size) => self.h(px(24.)).text_size(size),
         }
     }