diff options
Diffstat (limited to 'src/alf')
-rw-r--r-- | src/alf/atoms.ts | 2 | ||||
-rw-r--r-- | src/alf/index.tsx | 7 | ||||
-rw-r--r-- | src/alf/themes.ts | 2 | ||||
-rw-r--r-- | src/alf/tokens.ts | 4 | ||||
-rw-r--r-- | src/alf/types.ts | 2 | ||||
-rw-r--r-- | src/alf/util/useColorModeTheme.ts | 8 |
6 files changed, 12 insertions, 13 deletions
diff --git a/src/alf/atoms.ts b/src/alf/atoms.ts index 8db70dc55..fff3a4d8b 100644 --- a/src/alf/atoms.ts +++ b/src/alf/atoms.ts @@ -1,5 +1,5 @@ +import {web, native} from '#/alf/util/platform' import * as tokens from '#/alf/tokens' -import {native, web} from '#/alf/util/platform' export const atoms = { /* diff --git a/src/alf/index.tsx b/src/alf/index.tsx index ae117747d..27738e91d 100644 --- a/src/alf/index.tsx +++ b/src/alf/index.tsx @@ -1,13 +1,12 @@ import React from 'react' import {Dimensions} from 'react-native' - import * as themes from '#/alf/themes' -export {atoms} from '#/alf/atoms' -export * as tokens from '#/alf/tokens' export * from '#/alf/types' -export * from '#/alf/util/flatten' +export * as tokens from '#/alf/tokens' +export {atoms} from '#/alf/atoms' export * from '#/alf/util/platform' +export * from '#/alf/util/flatten' type BreakpointName = keyof typeof breakpoints diff --git a/src/alf/themes.ts b/src/alf/themes.ts index 0cb1cae24..0c95a459e 100644 --- a/src/alf/themes.ts +++ b/src/alf/themes.ts @@ -1,6 +1,6 @@ -import {atoms} from '#/alf/atoms' import * as tokens from '#/alf/tokens' import type {Mutable} from '#/alf/types' +import {atoms} from '#/alf/atoms' import {BLUE_HUE, GREEN_HUE, RED_HUE} from '#/alf/util/colorGeneration' export type ThemeName = 'light' | 'dim' | 'dark' diff --git a/src/alf/tokens.ts b/src/alf/tokens.ts index 6062e954c..b1468f461 100644 --- a/src/alf/tokens.ts +++ b/src/alf/tokens.ts @@ -1,8 +1,8 @@ import { BLUE_HUE, - generateScale, - GREEN_HUE, RED_HUE, + GREEN_HUE, + generateScale, } from '#/alf/util/colorGeneration' export const scale = generateScale(6, 100) diff --git a/src/alf/types.ts b/src/alf/types.ts index f4f1a5c44..dd8d816d2 100644 --- a/src/alf/types.ts +++ b/src/alf/types.ts @@ -1,4 +1,4 @@ -import {StyleProp, TextStyle, ViewStyle} from 'react-native' +import {StyleProp, ViewStyle, TextStyle} from 'react-native' type LiteralToCommon<T extends PropertyKey> = T extends number ? number diff --git a/src/alf/util/useColorModeTheme.ts b/src/alf/util/useColorModeTheme.ts index ba947a571..4f8921bf9 100644 --- a/src/alf/util/useColorModeTheme.ts +++ b/src/alf/util/useColorModeTheme.ts @@ -1,10 +1,10 @@ -import * as SystemUI from 'expo-system-ui' -import {isWeb} from 'platform/detection' import React from 'react' import {ColorSchemeName, useColorScheme} from 'react-native' -import {useThemePrefs} from 'state/shell' -import {dark, dim, light, ThemeName} from '#/alf/themes' +import {useThemePrefs} from 'state/shell' +import {isWeb} from 'platform/detection' +import {ThemeName, light, dark, dim} from '#/alf/themes' +import * as SystemUI from 'expo-system-ui' export function useColorModeTheme(): ThemeName { const colorScheme = useColorScheme() |