introduce typography system and motion module

crates/ui/src/tab/mod.rs

@@ -5,7 +5,7 @@ use gpui::{
     AnyElement, App, ClickEvent, Div, InteractiveElement, IntoElement, MouseButton, ParentElement,
     RenderOnce, SharedString, StatefulInteractiveElement, Styled, Window, div, px,
 };
-use theme::ActiveTheme;
+use theme::{ActiveTheme, TextStyle, Typeset as _};
 
 use crate::{Selectable, h_flex};
 
@@ -170,7 +170,7 @@ impl RenderOnce for Tab {
             .items_center()
             .text_color(foreground)
             .when(segmented, |this| {
-                this.text_xs()
+                this.text_style(TextStyle::Caption)
                     .flex_1()
                     .h_6()
                     .rounded(px(theme::button_radius()))
@@ -188,7 +188,7 @@ impl RenderOnce for Tab {
                     .h_7()
                     .gap_1()
                     .px_1p5()
-                    .text_sm()
+                    .text_style(TextStyle::Callout)
                     .rounded(px(theme::button_radius()))
                     .overflow_hidden()
                     .when(selected && !disabled, |this| {