Eric Bailey
3371038f7d
* Add round and square buttons
* Allow some style for buttons, add icons
* Change text selection color
* Center button text, whoops
* Outer layout, some primitive updates
* WIP
* onboarding feed prefs (#2590)
* add `style` to toggle label to modify text style
* Revert "add `style` to toggle label to modify text style"
This reverts commit 8f4b517b85.
* following feed prefs
* remove unnecessary memo
* reusable divider component
* org imports
* add finished screen
* Theme SelectedAccountCard
* Require at least 3 interests
* Placeholder save logic
* WIP algo feeds
* Improve lineHeight handling, add RichText, improve Link by adding InlineLink
* Inherit lineHeight in heading comps
* Algo feeds mostly good
* Topical feeds ish
* Layout cleanup
* Improve button styles
* moderation prefs for onboarding (#2594)
* WIP algo feeds
* modify controlalbelgroup typing for easy .map()
* adjust padding on button
* add moderation screen
* add moderation screen
* add moderation screen
---------
Co-authored-by: Eric Bailey <git@esb.lol>
* Fix toggle button styles
* A11y props on outer portal
* Put it all on red
* New data shape
* Handle mock data
* Bulk write (not yet)
* Remove interests validation
* Clean up interests
* i18n layout and first step
* Clean up suggested follows screen
* Clean up following step
* Clean up algo feeds step
* Clean up topical feeds
* Add skeleton for feed card
* WIP moderation step
* cleanup moderation styles (#2605)
* cleanup moderation styles
* fix(?) toggle button group styles
* adjust toggle to fit any screen
* Some more cleanup
* Icons
* ToggleButton tweaks
* Reset
* Hook up data
* Better suggestions
* Bulk write
* Some logging
* Use new api
* Concat topical feeds
* Metrics
* Disable links in RichText, feedcards
* Tweak primary feed cards
* Update metrics
* Fix layout shift
* Fix ToggleButton again, whoops
* Error state
* Bump api package, ensure interests are saved
* Better fix for autofill
* i18n, button positions
* Remove unused export
* Add default prefs object
* Fix overflow in user cards
* Add 2 lines of bios to suggested accounts cards
* Nits
* Don't resolve facets by default
* Update storybook
* Disable flag for now
* Remove age dialog from moderations step
* Improvements and tweaks to new onboarding
---------
Co-authored-by: Hailey <153161762+haileyok@users.noreply.github.com>
Co-authored-by: Paul Frazee <pfrazee@gmail.com>
42 lines
1.3 KiB
TypeScript
42 lines
1.3 KiB
TypeScript
import React from 'react'
|
|
import {View} from 'react-native'
|
|
|
|
import {atoms as a} from '#/alf'
|
|
import {Text, H1, H2, H3, H4, H5, H6, P} from '#/components/Typography'
|
|
import {RichText} from '#/components/RichText'
|
|
|
|
export function Typography() {
|
|
return (
|
|
<View style={[a.gap_md]}>
|
|
<H1>H1 Heading</H1>
|
|
<H2>H2 Heading</H2>
|
|
<H3>H3 Heading</H3>
|
|
<H4>H4 Heading</H4>
|
|
<H5>H5 Heading</H5>
|
|
<H6>H6 Heading</H6>
|
|
<P>P Paragraph</P>
|
|
|
|
<Text style={[a.text_5xl]}>atoms.text_5xl</Text>
|
|
<Text style={[a.text_4xl]}>atoms.text_4xl</Text>
|
|
<Text style={[a.text_3xl]}>atoms.text_3xl</Text>
|
|
<Text style={[a.text_2xl]}>atoms.text_2xl</Text>
|
|
<Text style={[a.text_xl]}>atoms.text_xl</Text>
|
|
<Text style={[a.text_lg]}>atoms.text_lg</Text>
|
|
<Text style={[a.text_md]}>atoms.text_md</Text>
|
|
<Text style={[a.text_sm]}>atoms.text_sm</Text>
|
|
<Text style={[a.text_xs]}>atoms.text_xs</Text>
|
|
<Text style={[a.text_2xs]}>atoms.text_2xs</Text>
|
|
|
|
<RichText
|
|
resolveFacets
|
|
value={`This is rich text. It can have mentions like @bsky.app or links like https://blueskyweb.xyz`}
|
|
/>
|
|
<RichText
|
|
resolveFacets
|
|
value={`This is rich text. It can have mentions like @bsky.app or links like https://blueskyweb.xyz`}
|
|
style={[a.text_xl]}
|
|
/>
|
|
</View>
|
|
)
|
|
}
|