-
Notifications
You must be signed in to change notification settings - Fork 2.5k
Migrate to @bsky.app/alf
package
#9030
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Conversation
|
@github-actions ota |
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:
|
This reverts commit 7a86195.
83c7c58
to
549bd40
Compare
'-2': 1 - factor * 1, // unused | ||
'-1': 1 - factor * 1, | ||
'0': 1, // default | ||
'1': 1 + factor * 1, | ||
'2': 1 + factor * 1, // unused |
There was a problem hiding this comment.
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?
There was a problem hiding this comment.
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
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, |
There was a problem hiding this comment.
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
There was a problem hiding this comment.
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
There was a problem hiding this 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!
This reverts commit bd17f04.
* 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
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:
font_bold
previously to refer to the "semi bold" weight, we now usefont_semi_bold
Other than that, this PR basically contains some refreshed colors. There should be no noticeable changes to font sizes/weights or other tokens.