diff options
Diffstat (limited to 'src/components')
-rw-r--r-- | src/components/LabelingServiceCard/index.tsx | 2 | ||||
-rw-r--r-- | src/components/MediaPreview.tsx | 2 | ||||
-rw-r--r-- | src/components/Pills.tsx | 2 | ||||
-rw-r--r-- | src/components/ProgressGuide/List.tsx | 2 | ||||
-rw-r--r-- | src/components/ProgressGuide/Task.tsx | 4 | ||||
-rw-r--r-- | src/components/ProgressGuide/Toast.tsx | 2 | ||||
-rw-r--r-- | src/components/ReportDialog/SelectLabelerView.tsx | 3 | ||||
-rw-r--r-- | src/components/dialogs/PostInteractionSettingsDialog.tsx | 4 | ||||
-rw-r--r-- | src/components/dialogs/nuxs/NeueTypography.tsx | 2 | ||||
-rw-r--r-- | src/components/dialogs/nuxs/TenMillion/index.tsx | 21 | ||||
-rw-r--r-- | src/components/moderation/ContentHider.tsx | 4 | ||||
-rw-r--r-- | src/components/moderation/LabelPreference.tsx | 3 | ||||
-rw-r--r-- | src/components/moderation/ScreenHider.tsx | 14 |
13 files changed, 23 insertions, 42 deletions
diff --git a/src/components/LabelingServiceCard/index.tsx b/src/components/LabelingServiceCard/index.tsx index ff32c36bc..851645a48 100644 --- a/src/components/LabelingServiceCard/index.tsx +++ b/src/components/LabelingServiceCard/index.tsx @@ -86,7 +86,7 @@ export function LikeCount({count}: {count: number}) { a.mt_sm, a.text_sm, t.atoms.text_contrast_medium, - {fontWeight: '500'}, + {fontWeight: '600'}, ]}> <Plural value={count} one="Liked by # user" other="Liked by # users" /> </Text> diff --git a/src/components/MediaPreview.tsx b/src/components/MediaPreview.tsx index 28609c6f4..9a05b54df 100644 --- a/src/components/MediaPreview.tsx +++ b/src/components/MediaPreview.tsx @@ -170,6 +170,6 @@ const styles = StyleSheet.create({ alt: { color: 'white', fontSize: 7, - fontWeight: 'bold', + fontWeight: '600', }, }) diff --git a/src/components/Pills.tsx b/src/components/Pills.tsx index 742a11667..6c8084743 100644 --- a/src/components/Pills.tsx +++ b/src/components/Pills.tsx @@ -132,7 +132,7 @@ export function Label({ <Text style={[ text, - a.font_semibold, + a.font_bold, a.leading_tight, t.atoms.text_contrast_medium, {paddingRight: 3}, diff --git a/src/components/ProgressGuide/List.tsx b/src/components/ProgressGuide/List.tsx index f68445d2b..d0fd55d9c 100644 --- a/src/components/ProgressGuide/List.tsx +++ b/src/components/ProgressGuide/List.tsx @@ -26,7 +26,7 @@ export function ProgressGuideList({style}: {style?: StyleProp<ViewStyle>}) { <Text style={[ t.atoms.text_contrast_medium, - a.font_semibold, + a.font_bold, a.text_sm, {textTransform: 'uppercase'}, ]}> diff --git a/src/components/ProgressGuide/Task.tsx b/src/components/ProgressGuide/Task.tsx index a83715a42..f2ceba52a 100644 --- a/src/components/ProgressGuide/Task.tsx +++ b/src/components/ProgressGuide/Task.tsx @@ -35,9 +35,7 @@ export function ProgressGuideTask({ )} <View style={[a.flex_col, a.gap_2xs, {marginTop: -2}]}> - <Text style={[a.text_sm, a.font_semibold, a.leading_tight]}> - {title} - </Text> + <Text style={[a.text_sm, a.font_bold, a.leading_tight]}>{title}</Text> {subtitle && ( <Text style={[a.text_sm, t.atoms.text_contrast_medium, a.leading_tight]}> diff --git a/src/components/ProgressGuide/Toast.tsx b/src/components/ProgressGuide/Toast.tsx index 346312af5..69e008260 100644 --- a/src/components/ProgressGuide/Toast.tsx +++ b/src/components/ProgressGuide/Toast.tsx @@ -154,7 +154,7 @@ export const ProgressGuideToast = React.forwardRef< ref={animatedCheckRef} /> <View> - <Text style={[a.text_md, a.font_semibold]}>{title}</Text> + <Text style={[a.text_md, a.font_bold]}>{title}</Text> {subtitle && ( <Text style={[a.text_sm, t.atoms.text_contrast_medium]}> {subtitle} diff --git a/src/components/ReportDialog/SelectLabelerView.tsx b/src/components/ReportDialog/SelectLabelerView.tsx index dd07cafa3..f7a8139ea 100644 --- a/src/components/ReportDialog/SelectLabelerView.tsx +++ b/src/components/ReportDialog/SelectLabelerView.tsx @@ -77,8 +77,7 @@ function LabelerButton({ handle: labeler.creator.handle, })} /> - <Text - style={[t.atoms.text_contrast_medium, a.text_sm, a.font_semibold]}> + <Text style={[t.atoms.text_contrast_medium, a.text_sm, a.font_bold]}> @{labeler.creator.handle} </Text> </LabelingServiceCard.Content> diff --git a/src/components/dialogs/PostInteractionSettingsDialog.tsx b/src/components/dialogs/PostInteractionSettingsDialog.tsx index d1828e4c8..47eefae6f 100644 --- a/src/components/dialogs/PostInteractionSettingsDialog.tsx +++ b/src/components/dialogs/PostInteractionSettingsDialog.tsx @@ -491,9 +491,7 @@ function Selectable({ }, style, ]}> - <Text style={[a.text_sm, isSelected && a.font_semibold]}> - {label} - </Text> + <Text style={[a.text_sm, isSelected && a.font_bold]}>{label}</Text> {isSelected ? ( <Check size="sm" fill={t.palette.primary_500} /> ) : ( diff --git a/src/components/dialogs/nuxs/NeueTypography.tsx b/src/components/dialogs/nuxs/NeueTypography.tsx index fa3936d25..f160c8774 100644 --- a/src/components/dialogs/nuxs/NeueTypography.tsx +++ b/src/components/dialogs/nuxs/NeueTypography.tsx @@ -48,7 +48,7 @@ export function NeueTypography() { <Dialog.ScrollableInner label={_(msg`Introducing new font settings`)}> <View style={[a.gap_xl]}> <View style={[a.gap_md]}> - <Text style={[a.text_3xl, {fontWeight: '900'}]}> + <Text style={[a.text_3xl, a.font_heavy]}> <Trans>New font settings ✨</Trans> </Text> <Text style={[a.text_lg, a.leading_snug, {maxWidth: 400}]}> diff --git a/src/components/dialogs/nuxs/TenMillion/index.tsx b/src/components/dialogs/nuxs/TenMillion/index.tsx index 896082409..21e775a10 100644 --- a/src/components/dialogs/nuxs/TenMillion/index.tsx +++ b/src/components/dialogs/nuxs/TenMillion/index.tsx @@ -19,10 +19,10 @@ import {isIOS, isNative} from '#/platform/detection' import {useModerationOpts} from '#/state/preferences/moderation-opts' import {useProfileQuery} from '#/state/queries/profile' import {useAgent, useSession} from '#/state/session' -import {useComposerControls} from 'state/shell' +import {useComposerControls} from '#/state/shell' import {formatCount} from '#/view/com/util/numeric/format' +import * as Toast from '#/view/com/util/Toast' import {Logomark} from '#/view/icons/Logomark' -import * as Toast from 'view/com/util/Toast' import { atoms as a, ThemeProvider, @@ -441,10 +441,10 @@ export function TenMillionInner({ allowFontScaling={false} style={[ a.absolute, + a.font_heavy, { color: t.palette.primary_500, fontSize: 32, - fontWeight: '900', width: 32, top: isNative ? -10 : 0, left: 0, @@ -462,11 +462,11 @@ export function TenMillionInner({ style={[ a.relative, a.text_center, + a.font_heavy, { fontStyle: 'italic', fontSize: getFontSize(userNumber), lineHeight: getFontSize(userNumber), - fontWeight: '900', letterSpacing: -2, }, ]}> @@ -536,7 +536,7 @@ export function TenMillionInner({ style={[ a.flex_1, a.text_sm, - a.font_semibold, + a.font_bold, a.leading_snug, lightTheme.atoms.text_contrast_medium, ]}> @@ -551,7 +551,7 @@ export function TenMillionInner({ style={[ a.flex_1, a.text_sm, - a.font_semibold, + a.font_bold, a.leading_snug, a.text_right, lightTheme.atoms.text_contrast_low, @@ -643,14 +643,7 @@ export function TenMillionInner({ <View style={[gtMobile ? a.p_2xl : a.p_xl]}> <Text allowFontScaling={false} - style={[ - a.text_5xl, - a.leading_tight, - a.pb_lg, - { - fontWeight: '900', - }, - ]}> + style={[a.text_5xl, a.leading_tight, a.pb_lg, a.font_heavy]}> <Trans>Thanks for being one of our first 10 million users.</Trans> </Text> diff --git a/src/components/moderation/ContentHider.tsx b/src/components/moderation/ContentHider.tsx index f2d13f642..bf9bae517 100644 --- a/src/components/moderation/ContentHider.tsx +++ b/src/components/moderation/ContentHider.tsx @@ -94,7 +94,7 @@ export function ContentHider({ a.text_left, a.font_bold, a.leading_snug, - gtMobile && [a.font_semibold], + gtMobile && [a.font_bold], t.atoms.text_contrast_medium, web({ marginBottom: 1, @@ -107,7 +107,7 @@ export function ContentHider({ style={[ a.font_bold, a.leading_snug, - gtMobile && [a.font_semibold], + gtMobile && [a.font_bold], t.atoms.text_contrast_high, web({ marginBottom: 1, diff --git a/src/components/moderation/LabelPreference.tsx b/src/components/moderation/LabelPreference.tsx index 78b50ff8b..d6dc45d1a 100644 --- a/src/components/moderation/LabelPreference.tsx +++ b/src/components/moderation/LabelPreference.tsx @@ -236,8 +236,7 @@ export function LabelerLabelPreference({ <View style={[a.flex_row, a.gap_xs, a.align_center, a.mt_xs]}> <CircleInfo size="sm" fill={t.atoms.text_contrast_high.color} /> - <Text - style={[t.atoms.text_contrast_medium, a.font_semibold, a.italic]}> + <Text style={[t.atoms.text_contrast_medium, a.font_bold, a.italic]}> {adultDisabled ? ( <Trans>Adult content is disabled.</Trans> ) : isGlobalLabel ? ( diff --git a/src/components/moderation/ScreenHider.tsx b/src/components/moderation/ScreenHider.tsx index f855d6333..5680b60c2 100644 --- a/src/components/moderation/ScreenHider.tsx +++ b/src/components/moderation/ScreenHider.tsx @@ -10,9 +10,9 @@ import {msg, Trans} from '@lingui/macro' import {useLingui} from '@lingui/react' import {useNavigation} from '@react-navigation/native' +import {useWebMediaQueries} from '#/lib/hooks/useWebMediaQueries' import {useModerationCauseDescription} from '#/lib/moderation/useModerationCauseDescription' -import {useWebMediaQueries} from 'lib/hooks/useWebMediaQueries' -import {NavigationProp} from 'lib/routes/types' +import {NavigationProp} from '#/lib/routes/types' import {CenteredView} from '#/view/com/util/Views' import {atoms as a, useTheme, web} from '#/alf' import {Button, ButtonText} from '#/components/Button' @@ -86,13 +86,7 @@ export function ScreenHider({ </View> </View> <Text - style={[ - a.text_4xl, - a.font_semibold, - a.text_center, - a.mb_md, - t.atoms.text, - ]}> + style={[a.text_4xl, a.font_bold, a.text_center, a.mb_md, t.atoms.text]}> {isNoPwi ? ( <Trans>Sign-in Required</Trans> ) : ( @@ -118,7 +112,7 @@ export function ScreenHider({ <Text style={[ a.text_lg, - a.font_semibold, + a.font_bold, a.leading_snug, t.atoms.text, a.ml_xs, |