Eric Bailey
bd17f04810
* Add storybook shortcut in dev * Migrate to alg pkg * Migrate font_bold to new font_semi_bold * Migrate font_heavy to font_bold * Fix old theme refs * Remove leading util * Bump * Revert "Add storybook shortcut in dev" This reverts commit 7a86195c77fb5d449c7782e64ebabb6addfab919. * Remove alf script * Adjust font scale * Bump * Bump pkg * Migrate values from conflicts * Create default themes outside react * Use built-in alf utils * Migrate old font styles * Remove unused tokens * Move theme creation to more appropriate file * Update button colors * Adjust TextField colors, line heights
50 lines
900 B
TypeScript
50 lines
900 B
TypeScript
import {StyleSheet, View} from 'react-native'
|
|
|
|
import {isTouchDevice} from '#/lib/browser'
|
|
import {useTheme, type ViewStyleProp} from '#/alf'
|
|
|
|
export function SubtleWebHover({
|
|
style,
|
|
hover,
|
|
}: ViewStyleProp & {hover: boolean}) {
|
|
const t = useTheme()
|
|
if (isTouchDevice) {
|
|
return null
|
|
}
|
|
let opacity = 0.5
|
|
switch (t.name) {
|
|
case 'dark':
|
|
opacity = 0.4
|
|
break
|
|
case 'dim':
|
|
opacity = 0.45
|
|
break
|
|
case 'light':
|
|
opacity = 0.5
|
|
break
|
|
}
|
|
return (
|
|
<View
|
|
style={[
|
|
t.atoms.bg_contrast_25,
|
|
styles.container,
|
|
{opacity: hover ? opacity : 0},
|
|
style,
|
|
]}
|
|
/>
|
|
)
|
|
}
|
|
|
|
const styles = StyleSheet.create({
|
|
container: {
|
|
position: 'absolute',
|
|
left: 0,
|
|
right: 0,
|
|
bottom: 0,
|
|
top: 0,
|
|
pointerEvents: 'none',
|
|
// @ts-ignore web only
|
|
transition: '0.15s ease-in-out opacity',
|
|
},
|
|
})
|