chore: move flex property types to the common

8base · Oct 2, 2018 · 0fce6bf · 0fce6bf
1 parent 3a9a1e8
commit 0fce6bf
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 5 deletions.
diff --git a/src/atoms/FlexLayout/FlexLayout.js b/src/atoms/FlexLayout/FlexLayout.js
@@ -3,9 +3,7 @@
 import React from 'react';
 
 import { FlexLayoutTag } from './FlexLayout.theme';
-import type { PropSizes } from '../../types';
-
-type PropLayout = 'start' | 'end' | 'between' | 'around' | 'center'
+import type { PropSizes, PropLayout, PropLayoutStretch } from '../../types';
 
 /**
  * @prop {*} justifyContent css justify-content rule
@@ -21,9 +19,9 @@ type PropLayout = 'start' | 'end' | 'between' | 'around' | 'center'
  */
 export type FlexLayoutCommonProps = {|
   children: React$Node,
-  justifyContent?: PropLayout | 'stretch',
+  justifyContent?: PropLayoutStretch,
   alignContent?: PropLayout,
-  alignItems?: PropLayout | 'stretch',
+  alignItems?: PropLayoutStretch,
   gap?: PropSizes,
   offsetX?: PropSizes,
   offsetY?: PropSizes,

diff --git a/src/types.js b/src/types.js
@@ -2,6 +2,11 @@
 
 export type PropSizes = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 
+export type PropLayout = 'start' | 'end' | 'between' | 'around' | 'center';
+
+export type PropLayoutStretch = PropLayout | 'stretch';
+
+
 export type Theme<ThemeProps> = {
   [string]: {
     modifiers: { [$Keys<ThemeProps>]: Object },