Skip to content

Conversation

estrattonbailey
Copy link
Member

@estrattonbailey estrattonbailey commented Sep 11, 2025

In this PR @bsky.app/alf acts as the "core" library. That library is intended to be agnostic of JS runtime, and contain only the building blocks needed for more use-case-specific integrations.

In that library, a few changes where made, notably:

  • aligned font weights with Inter e.g. where we used font_bold previously to refer to the "semi bold" weight, we now use font_semi_bold
  • font sizes are now defined as the scaled decimals we were computing in this codebase, therefore the scaling here has been adjusted down one notch to ensure no changes to this codebase
  • I didn't migrate over all atoms, since some are codebase specific. Those are just extended here to no external effect.

Other than that, this PR basically contains some refreshed colors. There should be no noticeable changes to font sizes/weights or other tokens.

Copy link

github-actions bot commented Sep 11, 2025

Old size New size Diff
9.41 MB 9.41 MB 1.87 KB (0.02%)

@mozzius
Copy link
Member

mozzius commented Sep 12, 2025

@github-actions ota

Copy link

github-actions bot commented Sep 12, 2025

Your requested OTA deployment was successful! You may now apply it by either scanning the QR code or opening the deep link below in your browser:

bluesky://intent/apply-ota?channel=pull-request-9030

Generated by PR labeler 🤖

@estrattonbailey estrattonbailey marked this pull request as ready for review September 23, 2025 20:20
@arcalinea arcalinea temporarily deployed to alf-pkg - social-app PR #9030 September 23, 2025 21:29 — with Render Destroyed
Comment on lines +10 to +14
'-2': 1 - factor * 1, // unused
'-1': 1 - factor * 1,
'0': 1, // default
'1': 1 + factor * 1,
'2': 1 + factor * 1, // unused
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

any reason we even have the -2 and 2?

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Nah just leftovers, just didn't clean up here

Comment on lines 5 to +7
export const color = {
temp_purple: 'rgb(105 0 255)',
temp_purple_dark: 'rgb(83 0 202)',
} as const

export const space = {
_2xs: 2,
xs: 4,
sm: 8,
md: 12,
lg: 16,
xl: 20,
_2xl: 24,
_3xl: 28,
_4xl: 32,
_5xl: 40,
} as const

export const fontSize = {
_2xs: 10,
xs: 12,
sm: 14,
md: 16,
lg: 18,
xl: 20,
_2xl: 22,
_3xl: 26,
_4xl: 32,
_5xl: 40,
} as const

export const lineHeight = {
none: 1,
normal: 1.5,
relaxed: 1.625,
} as const

export const borderRadius = {
_2xs: 2,
xs: 4,
sm: 8,
md: 12,
lg: 16,
full: 999,
} as const

/**
* These correspond to Inter font files we actually load.
*/
export const fontWeight = {
normal: '400',
medium: '500',
bold: '600',
heavy: '800',
temp_purple: tokens.labelerColor.purple,
temp_purple_dark: tokens.labelerColor.purple_dark,
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

ah we should add Adminition orange to here

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Oh yeah that's a good idea too

Copy link
Member

@mozzius mozzius left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This looks great, I also read through the @bsky.app/alf code and it looks very solid and clean. Great work!

@estrattonbailey estrattonbailey merged commit bd17f04 into main Sep 24, 2025
7 checks passed
NekoDrone added a commit to NekoDrone/catsky-social that referenced this pull request Sep 27, 2025
APiligrim pushed a commit to internet-development/bluesky-social-app that referenced this pull request Oct 4, 2025
* 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 7a86195.

* 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
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants