diff options
Diffstat (limited to 'src/alf')
-rw-r--r-- | src/alf/atoms.ts | 13 | ||||
-rw-r--r-- | src/alf/tokens.ts | 1 |
2 files changed, 13 insertions, 1 deletions
diff --git a/src/alf/atoms.ts b/src/alf/atoms.ts index 69ac0c057..5a3e6d675 100644 --- a/src/alf/atoms.ts +++ b/src/alf/atoms.ts @@ -1,4 +1,9 @@ -import {Platform, StyleProp, StyleSheet, ViewStyle} from 'react-native' +import { + Platform, + type StyleProp, + StyleSheet, + type ViewStyle, +} from 'react-native' import * as tokens from '#/alf/tokens' import {ios, native, platform, web} from '#/alf/util/platform' @@ -126,6 +131,9 @@ export const atoms = { rounded_md: { borderRadius: tokens.borderRadius.md, }, + rounded_lg: { + borderRadius: tokens.borderRadius.lg, + }, rounded_full: { borderRadius: tokens.borderRadius.full, }, @@ -358,6 +366,9 @@ export const atoms = { border_r: { borderRightWidth: StyleSheet.hairlineWidth, }, + border_transparent: { + borderColor: 'transparent', + }, curve_circular: ios({ borderCurve: 'circular', }), diff --git a/src/alf/tokens.ts b/src/alf/tokens.ts index 1d99e5e57..576aafe95 100644 --- a/src/alf/tokens.ts +++ b/src/alf/tokens.ts @@ -44,6 +44,7 @@ export const borderRadius = { xs: 4, sm: 8, md: 12, + lg: 16, full: 999, } as const |