react-native-unistyles/src/types/core.ts

Level up your React Native StyleSheet

import type { ImageStyle, TextStyle, ViewStyle } from 'react-native'
import type {
    MatrixTransform,
    PerspectiveTransform,
    RotateTransform,
    RotateXTransform,
    RotateYTransform,
    RotateZTransform,
    ScaleTransform,
    ScaleXTransform,
    ScaleYTransform,
    SkewXTransform,
    SkewYTransform,
    TranslateXTransform,
    TranslateYTransform,
} from 'react-native/Libraries/StyleSheet/StyleSheetTypes'

import type { UnistylesBreakpoints, UnistylesThemes } from '../global'

export type ShadowOffset = {
    width: number
    height: number
}

export type TransformStyles = PerspectiveTransform &
    RotateTransform &
    RotateXTransform &
    RotateYTransform &
    RotateZTransform &
    ScaleTransform &
    ScaleXTransform &
    ScaleYTransform &
    TranslateXTransform &
    TranslateYTransform &
    SkewXTransform &
    SkewYTransform &
    MatrixTransform

export type ScreenSize = {
    width: number
    height: number
}

export type RNStyle = ViewStyle & TextStyle & ImageStyle
export type RNValue = ViewStyle[keyof ViewStyle] | TextStyle[keyof TextStyle] | ImageStyle[keyof ImageStyle]
export type NestedStyle = Record<keyof UnistylesBreakpoints | symbol, RNValue>
export type NestedStylePairs = Array<[keyof UnistylesBreakpoints | symbol, RNValue]>
export type UnistylesTheme = UnistylesThemes[keyof UnistylesThemes]