diff --git a/packages/theme/src/borders.ts b/packages/theme/src/borders.ts index ba141ab6b3d..ec86d988e23 100644 --- a/packages/theme/src/borders.ts +++ b/packages/theme/src/borders.ts @@ -17,7 +17,7 @@ export const borders = { export type Borders = typeof borders; -type NativeRadiusValue = 4 | 8 | 12 | 16 | 20 | 24; +type NativeRadiusValue = 4 | 8 | 12 | 16 | 20; export const nativeBorders = { widths: { @@ -31,7 +31,6 @@ export const nativeBorders = { r12: 12, r16: 16, r20: 20, - r24: 24, round: 100, // Equivalent to 50% on the web } satisfies { [V in NativeRadiusValue as `r${V}`]: V } & { round: 100 }, } as const; diff --git a/suite-native/atoms/src/Sheet/BottomSheet.tsx b/suite-native/atoms/src/Sheet/BottomSheet.tsx index 94e42f1a5a9..42dab87dc69 100644 --- a/suite-native/atoms/src/Sheet/BottomSheet.tsx +++ b/suite-native/atoms/src/Sheet/BottomSheet.tsx @@ -29,8 +29,8 @@ const DEFAULT_INSET_BOTTOM = 50; const sheetWrapperStyle = prepareNativeStyle((utils, { insetBottom }) => ({ backgroundColor: utils.colors.backgroundSurfaceElevation0, - borderTopLeftRadius: utils.borders.radii.r24, - borderTopRightRadius: utils.borders.radii.r24, + borderTopLeftRadius: utils.borders.radii.r20, + borderTopRightRadius: utils.borders.radii.r20, paddingBottom: Math.max(insetBottom, utils.spacings.sp16), maxHeight: '90%', })); diff --git a/suite-native/graph/src/components/GraphError.tsx b/suite-native/graph/src/components/GraphError.tsx index 570c4a1863a..773e6aef25a 100644 --- a/suite-native/graph/src/components/GraphError.tsx +++ b/suite-native/graph/src/components/GraphError.tsx @@ -14,7 +14,7 @@ type GraphErrorProps = { const errorIconStyle = prepareNativeStyle(({ borders, colors }) => ({ width: 48, height: 48, - borderRadius: borders.radii.r24, + borderRadius: borders.radii.round, backgroundColor: colors.backgroundAlertYellowSubtleOnElevation1, borderColor: colors.backgroundAlertYellowSubtleOnElevation0, borderWidth: 3, diff --git a/suite-native/module-accounts-import/src/components/AccountImportOverviewCard.tsx b/suite-native/module-accounts-import/src/components/AccountImportOverviewCard.tsx index 13d193076db..de4e3ce51ee 100644 --- a/suite-native/module-accounts-import/src/components/AccountImportOverviewCard.tsx +++ b/suite-native/module-accounts-import/src/components/AccountImportOverviewCard.tsx @@ -15,7 +15,7 @@ import { NetworkSymbol } from '@suite-common/wallet-config'; const assetCardStyle = prepareNativeStyle(utils => ({ padding: utils.spacings.sp24, - borderRadius: utils.borders.radii.r24, + borderRadius: utils.borders.radii.r20, width: '100%', })); diff --git a/suite-native/module-authorize-device/src/components/passphrase/PassphraseForm.tsx b/suite-native/module-authorize-device/src/components/passphrase/PassphraseForm.tsx index cb81d0162c1..4cf174d2b90 100644 --- a/suite-native/module-authorize-device/src/components/passphrase/PassphraseForm.tsx +++ b/suite-native/module-authorize-device/src/components/passphrase/PassphraseForm.tsx @@ -42,12 +42,6 @@ type PassphraseFormProps = { noPassphraseEnabled?: boolean; }; -const formStyle = prepareNativeStyle(utils => ({ - backgroundColor: utils.colors.backgroundSurfaceElevation1, - borderRadius: utils.borders.radii.r24, - gap: utils.spacings.sp16, -})); - const cardStyle = prepareNativeStyle(_ => ({ padding: FORM_CARD_PADDING, })); @@ -126,7 +120,7 @@ export const PassphraseForm = ({
- + ({ width: '100%', paddingHorizontal: utils.spacings.sp24, paddingVertical: utils.spacings.sp32, - borderRadius: utils.borders.radii.r24, + borderRadius: utils.borders.radii.r20, })); const receiveButtonStyle = prepareNativeStyle(() => ({ diff --git a/suite-native/video-assets/src/components/Video.tsx b/suite-native/video-assets/src/components/Video.tsx index d954fb8c68a..75173120c00 100644 --- a/suite-native/video-assets/src/components/Video.tsx +++ b/suite-native/video-assets/src/components/Video.tsx @@ -25,7 +25,7 @@ const videoContainer = prepareNativeStyle((_, { aspectRatio }: VideoStyleProps) const videoStyle = prepareNativeStyle((utils, { aspectRatio }: VideoStyleProps) => ({ flex: 1, aspectRatio, - borderRadius: utils.borders.radii.r24, + borderRadius: utils.borders.radii.r20, })); const activityIndicatorStyle = prepareNativeStyle(_ => ({