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/view/com/feeds/FeedSourceCard.tsx

@@ -139,7 +139,7 @@ export function FeedSourceCardLoaded({
         <View style={[a.flex_1]}>
           <Text
             emoji
-            style={[a.text_sm, a.font_bold, a.leading_snug]}
+            style={[a.text_sm, a.font_semi_bold, a.leading_snug]}
             numberOfLines={1}>
             {feed.displayName}
           </Text>
@@ -165,7 +165,7 @@ export function FeedSourceCardLoaded({
         <Text
           style={[
             a.text_sm,
-            a.font_bold,
+            a.font_semi_bold,
             t.atoms.text_contrast_medium,
             a.leading_snug,
           ]}>

src/view/com/feeds/MissingFeed.tsx

@@ -67,7 +67,7 @@ export function MissingFeed({
           <View style={[a.flex_1]}>
             <Text
               emoji
-              style={[a.text_sm, a.font_bold, a.leading_snug, a.italic]}
+              style={[a.text_sm, a.font_semi_bold, a.leading_snug, a.italic]}
               numberOfLines={1}>
               {type === 'feed' ? (
                 <Trans>Feed unavailable</Trans>
@@ -128,7 +128,7 @@ function DialogInner({
       }
       style={web({maxWidth: 500})}>
       <View style={[a.gap_sm]}>
-        <Text style={[a.font_heavy, a.text_2xl]}>
+        <Text style={[a.font_bold, a.text_2xl]}>
           {type === 'feed' ? (
             <Trans>Could not connect to feed service</Trans>
           ) : (
@@ -147,7 +147,7 @@ function DialogInner({
           )}
         </Text>
         <Divider style={[a.my_md]} />
-        <Text style={[a.font_bold, t.atoms.text_contrast_high]}>
+        <Text style={[a.font_semi_bold, t.atoms.text_contrast_high]}>
           {type === 'feed' ? (
             <Trans>Feed creator</Trans>
           ) : (
@@ -184,7 +184,8 @@ function DialogInner({
         )}
         {type === 'feed' && (
           <>
-            <Text style={[a.font_bold, t.atoms.text_contrast_high, a.mt_md]}>
+            <Text
+              style={[a.font_semi_bold, t.atoms.text_contrast_high, a.mt_md]}>
               <Trans>Feed identifier</Trans>
             </Text>
             <Text style={[a.text_md, t.atoms.text_contrast_high, a.italic]}>
@@ -194,7 +195,8 @@ function DialogInner({
         )}
         {error instanceof Error && (
           <>
-            <Text style={[a.font_bold, t.atoms.text_contrast_high, a.mt_md]}>
+            <Text
+              style={[a.font_semi_bold, t.atoms.text_contrast_high, a.mt_md]}>
               <Trans>Error message</Trans>
             </Text>
             <Text style={[a.text_md, t.atoms.text_contrast_high, a.italic]}>