Moving remaining Style types from StyleSheetTypes to StyleSheet

Reviewed By: yungsters

Differential Revision: D7282831

fbshipit-source-id: ced44d79ad30b7abdda77a25b72493899c2108e4

Libraries/StyleSheet/StyleSheet.js

@@ -28,7 +28,9 @@ import type {
   ____TextStyleProp_Internal,
   ____ImageStyle_Internal,
   ____ImageStyleProp_Internal,
-  LayoutStyle,
+  ____LayoutStyle_Internal,
+  ____ShadowStyle_Internal,
+  ____TransformStyle_Internal,
 } from 'StyleSheetTypes';
 
 /**
@@ -155,6 +157,15 @@ export type ImageStyle = ____ImageStyle_Internal;
  */
 export type DangerouslyImpreciseStyle = ____DangerouslyImpreciseStyle_Internal;
 
+/**
+ * These types are simlilar to the style types above. They are objects of the
+ * possible style keys in that group. For example, ShadowStyle contains
+ * keys like `shadowColor` and `shadowRadius`.
+ */
+export type LayoutStyle = ____LayoutStyle_Internal;
+export type ShadowStyle = ____ShadowStyle_Internal;
+export type TransformStyle = ____TransformStyle_Internal;
+
 let hairlineWidth = PixelRatio.roundToNearestPixel(0.4);
 if (hairlineWidth === 0) {
   hairlineWidth = 1 / PixelRatio.get();

Libraries/StyleSheet/StyleSheetTypes.js

@@ -18,7 +18,7 @@ export opaque type ____StyleSheetInternalStyleIdentifier_Internal: number = numb
 export type ColorValue = null | string;
 export type DimensionValue = null | number | string | AnimatedNode;
 
-export type LayoutStyle = $ReadOnly<{|
+export type ____LayoutStyle_Internal = $ReadOnly<{|
   display?: 'none' | 'flex',
   width?: DimensionValue,
   height?: DimensionValue,
@@ -92,7 +92,7 @@ export type LayoutStyle = $ReadOnly<{|
   direction?: 'inherit' | 'ltr' | 'rtl',
 |}>;
 
-export type TransformStyle = $ReadOnly<{|
+export type ____TransformStyle_Internal = $ReadOnly<{|
   transform?: $ReadOnlyArray<
     | {|+perspective: number | AnimatedNode|}
     | {|+rotate: string|}
@@ -116,7 +116,7 @@ export type TransformStyle = $ReadOnly<{|
   >,
 |}>;
 
-export type ShadowStyle = $ReadOnly<{|
+export type ____ShadowStyle_Internal = $ReadOnly<{|
   shadowColor?: ColorValue,
   shadowOffset?: $ReadOnly<{|
     width?: number,
@@ -127,9 +127,9 @@ export type ShadowStyle = $ReadOnly<{|
 |}>;
 
 export type ____ViewStyle_Internal = $ReadOnly<{|
-  ...$Exact<LayoutStyle>,
-  ...$Exact<ShadowStyle>,
-  ...$Exact<TransformStyle>,
+  ...$Exact<____LayoutStyle_Internal>,
+  ...$Exact<____ShadowStyle_Internal>,
+  ...$Exact<____TransformStyle_Internal>,
   backfaceVisibility?: 'visible' | 'hidden',
   backgroundColor?: ColorValue,
   borderColor?: ColorValue,