diff --git a/Libraries/StyleSheet/StyleSheetTypes.js b/Libraries/StyleSheet/StyleSheetTypes.js index da2cac469fd526..0ca284852ead0e 100644 --- a/Libraries/StyleSheet/StyleSheetTypes.js +++ b/Libraries/StyleSheet/StyleSheetTypes.js @@ -24,33 +24,41 @@ export type LayoutStyle<+Dimension = DimensionValue> = { +display?: 'none' | 'flex', +width?: Dimension, +height?: Dimension, - +top?: Dimension, +bottom?: Dimension, + +end?: Dimension, +left?: Dimension, +right?: Dimension, + +start?: Dimension, + +top?: Dimension, +minWidth?: Dimension, +maxWidth?: Dimension, +minHeight?: Dimension, +maxHeight?: Dimension, +margin?: Dimension, - +marginVertical?: Dimension, - +marginHorizontal?: Dimension, - +marginTop?: Dimension, +marginBottom?: Dimension, + +marginEnd?: Dimension, + +marginHorizontal?: Dimension, +marginLeft?: Dimension, +marginRight?: Dimension, + +marginStart?: Dimension, + +marginTop?: Dimension, + +marginVertical?: Dimension, +padding?: Dimension, - +paddingVertical?: Dimension, - +paddingHorizontal?: Dimension, - +paddingTop?: Dimension, +paddingBottom?: Dimension, + +paddingEnd?: Dimension, + +paddingHorizontal?: Dimension, +paddingLeft?: Dimension, +paddingRight?: Dimension, + +paddingStart?: Dimension, + +paddingTop?: Dimension, + +paddingVertical?: Dimension, +borderWidth?: number, - +borderTopWidth?: number, +borderBottomWidth?: number, + +borderEndWidth?: number, +borderLeftWidth?: number, +borderRightWidth?: number, + +borderStartWidth?: number, + +borderTopWidth?: number, +position?: 'absolute' | 'relative', +flexDirection?: 'row' | 'row-reverse' | 'column' | 'column-reverse', +flexWrap?: 'wrap' | 'nowrap', @@ -124,21 +132,29 @@ export type ViewStyle<+Dimension = DimensionValue, +Color = ColorValue> = { +backfaceVisibility?: 'visible' | 'hidden', +backgroundColor?: Color, +borderColor?: Color, - +borderTopColor?: Color, - +borderRightColor?: Color, +borderBottomColor?: Color, + +borderEndColor?: Color, +borderLeftColor?: Color, + +borderRightColor?: Color, + +borderStartColor?: Color, + +borderTopColor?: Color, +borderRadius?: number, - +borderTopLeftRadius?: number, - +borderTopRightRadius?: number, + +borderBottomEndRadius?: number, +borderBottomLeftRadius?: number, +borderBottomRightRadius?: number, + +borderBottomStartRadius?: number, + +borderTopEndRadius?: number, + +borderTopLeftRadius?: number, + +borderTopRightRadius?: number, + +borderTopStartRadius?: number, +borderStyle?: 'solid' | 'dotted' | 'dashed', +borderWidth?: number, - +borderTopWidth?: number, - +borderRightWidth?: number, +borderBottomWidth?: number, + +borderEndWidth?: number, +borderLeftWidth?: number, + +borderRightWidth?: number, + +borderStartWidth?: number, + +borderTopWidth?: number, +opacity?: number | AnimatedNode, +elevation?: number, };