Migrate to @bsky.app/alf package (#9030)

* Add storybook shortcut in dev

* Migrate to alg pkg

* Migrate font_bold to new font_semi_bold

* Migrate font_heavy to font_bold

* Fix old theme refs

* Remove leading util

* Bump

* Revert "Add storybook shortcut in dev"

This reverts commit 7a86195c77fb5d449c7782e64ebabb6addfab919.

* Remove alf script

* Adjust font scale

* Bump

* Bump pkg

* Migrate values from conflicts

* Create default themes outside react

* Use built-in alf utils

* Migrate old font styles

* Remove unused tokens

* Move theme creation to more appropriate file

* Update button colors

* Adjust TextField colors, line heights

src/components/live/EditLiveDialog.tsx

@@ -120,7 +120,7 @@ function DialogInner({
       style={web({maxWidth: 420})}>
       <View style={[a.gap_lg]}>
         <View style={[a.gap_sm]}>
-          <Text style={[a.font_bold, a.text_2xl]}>
+          <Text style={[a.font_semi_bold, a.text_2xl]}>
             <Trans>You are Live</Trans>
           </Text>
           <View style={[a.flex_row, a.align_center, a.gap_xs]}>
@@ -182,7 +182,7 @@ function DialogInner({
                   a.text_sm,
                   a.leading_snug,
                   a.flex_1,
-                  a.font_bold,
+                  a.font_semi_bold,
                   {color: t.palette.negative_500},
                 ]}>
                 {liveLinkError ? (

src/components/live/GoLiveDialog.tsx

@@ -94,7 +94,7 @@ function DialogInner({profile}: {profile: bsky.profile.AnyProfileView}) {
       style={web({maxWidth: 420})}>
       <View style={[a.gap_xl]}>
         <View style={[a.gap_sm]}>
-          <Text style={[a.font_bold, a.text_2xl]}>
+          <Text style={[a.font_semi_bold, a.text_2xl]}>
             <Trans>Go Live</Trans>
           </Text>
           <Text style={[a.text_md, a.leading_snug, t.atoms.text_contrast_high]}>
@@ -153,7 +153,7 @@ function DialogInner({profile}: {profile: bsky.profile.AnyProfileView}) {
                   a.text_sm,
                   a.leading_snug,
                   a.flex_1,
-                  a.font_bold,
+                  a.font_semi_bold,
                   {color: t.palette.negative_500},
                 ]}>
                 {liveLinkError ? (

src/components/live/LinkPreview.tsx

@@ -70,7 +70,7 @@ export function LinkPreview({
           <>
             <Text
               numberOfLines={2}
-              style={[a.leading_snug, a.font_bold, a.text_md]}>
+              style={[a.leading_snug, a.font_semi_bold, a.text_md]}>
               {linkMeta.title || linkMeta.url}
             </Text>
             <View style={[a.flex_row, a.align_center, a.gap_2xs]}>

src/components/live/LiveIndicator.tsx

@@ -39,7 +39,7 @@ export function LiveIndicator({
         <Text
           style={[
             a.text_center,
-            a.font_bold,
+            a.font_semi_bold,
             fontSize,
             {color: t.palette.white},
           ]}>

src/components/live/LiveStatusDialog.tsx

@@ -137,7 +137,7 @@ export function LiveStatus({
         <View style={[a.w_full, a.justify_center, a.gap_2xs]}>
           <Text
             numberOfLines={3}
-            style={[a.leading_snug, a.font_bold, a.text_xl]}>
+            style={[a.leading_snug, a.font_semi_bold, a.text_xl]}>
             {embed.external.title || embed.external.uri}
           </Text>
           <View style={[a.flex_row, a.align_center, a.gap_2xs]}>