From 30da226e4d11f21c76461a24a55a4999650c7884 Mon Sep 17 00:00:00 2001 From: Nicolas Gallagher Date: Sat, 18 Feb 2017 12:07:30 -0800 Subject: [PATCH] Update component style docs --- docs/components/Text.md | 12 +++-- docs/components/TextInput.md | 1 - docs/components/View.md | 59 ++++++++++++----------- src/components/View/ViewStylePropTypes.js | 3 +- src/propTypes/LayoutPropTypes.js | 1 + 5 files changed, 41 insertions(+), 35 deletions(-) diff --git a/docs/components/Text.md b/docs/components/Text.md index b8f65e2a..40cd4214 100644 --- a/docs/components/Text.md +++ b/docs/components/Text.md @@ -71,17 +71,19 @@ Lets the user select the text. + `textAlign` + `textAlignVertical` + `textDecorationLine` -+ `textOverflow` -+ `textRendering` ++ `textOverflow` ‡ ++ `textRendering` ‡ + `textShadowColor` + `textShadowOffset` + `textShadowRadius` -+ `textTransform` -+ `unicodeBidi` ++ `textTransform` ‡ ++ `unicodeBidi` ‡ + `whiteSpace` -+ `wordWrap` ++ `wordWrap` ‡ + `writingDirection` +‡ web only. + **testID**: string Used to locate this view in end-to-end tests. diff --git a/docs/components/TextInput.md b/docs/components/TextInput.md index a8a7db9c..b0bc5df0 100644 --- a/docs/components/TextInput.md +++ b/docs/components/TextInput.md @@ -144,7 +144,6 @@ If `true`, all text will automatically be selected on focus. **style**: style + ...[Text#style](./Text.md) -+ `outline` **testID**: string diff --git a/docs/components/View.md b/docs/components/View.md index 28c6a896..6ff383b0 100644 --- a/docs/components/View.md +++ b/docs/components/View.md @@ -99,23 +99,23 @@ from `style`. + `alignContent` + `alignItems` + `alignSelf` -+ `animationDelay` -+ `animationDirection` -+ `animationDuration` -+ `animationFillMode` -+ `animationIterationCount` -+ `animationName` -+ `animationPlayState` -+ `animationTimingFunction` ++ `animationDelay` ‡ ++ `animationDirection` ‡ ++ `animationDuration` ‡ ++ `animationFillMode` ‡ ++ `animationIterationCount` ‡ ++ `animationName` ‡ ++ `animationPlayState` ‡ ++ `animationTimingFunction` ‡ + `backfaceVisibility` -+ `backgroundAttachment` -+ `backgroundClip` ++ `backgroundAttachment` ‡ ++ `backgroundClip` ‡ + `backgroundColor` -+ `backgroundImage` -+ `backgroundOrigin` -+ `backgroundPosition` -+ `backgroundRepeat` -+ `backgroundSize` ++ `backgroundImage` ‡ ++ `backgroundOrigin` ‡ ++ `backgroundPosition` ‡ ++ `backgroundRepeat` ‡ ++ `backgroundSize` ‡ + `borderColor` (single value) + `borderTopColor` + `borderBottomColor` @@ -139,7 +139,8 @@ from `style`. + `bottom` + `boxShadow` + `boxSizing` -+ `cursor` ++ `cursor` ‡ ++ `display` ‡ + `flex` (number) + `flexBasis` + `flexDirection` @@ -162,9 +163,10 @@ from `style`. + `minWidth` + `opacity` + `order` ++ `outline` ‡ + `overflow` -+ `overflowX` -+ `overflowY` ++ `overflowX` ‡ ++ `overflowY` ‡ + `padding` (single value) + `paddingBottom` + `paddingHorizontal` @@ -172,22 +174,25 @@ from `style`. + `paddingRight` + `paddingTop` + `paddingVertical` -+ `perspective` -+ `perspectiveOrigin` ++ `perspective` ‡ ++ `perspectiveOrigin` ‡ + `position` + `right` + `top` + `transform` -+ `transformOrigin` -+ `transitionDelay` -+ `transitionDuration` -+ `transitionProperty` -+ `transitionTimingFunction` -+ `userSelect` -+ `visibility` ++ `transformOrigin` ‡ ++ `transitionDelay` ‡ ++ `transitionDuration` ‡ ++ `transitionProperty` ‡ ++ `transitionTimingFunction` ‡ ++ `userSelect` ‡ ++ `visibility` ‡ + `width` ++ `willChange` ‡ + `zIndex` +‡ web only. + Default: ```js diff --git a/src/components/View/ViewStylePropTypes.js b/src/components/View/ViewStylePropTypes.js index bffdde1b..91aa528b 100644 --- a/src/components/View/ViewStylePropTypes.js +++ b/src/components/View/ViewStylePropTypes.js @@ -33,7 +33,6 @@ module.exports = { backgroundSize: string, boxShadow: string, cursor: string, - display: string, outline: string, overflowX: autoOrHiddenOrVisible, overflowY: autoOrHiddenOrVisible, @@ -45,6 +44,6 @@ module.exports = { transitionTimingFunction: string, userSelect: string, visibility: hiddenOrVisible, + willChange: string, WebkitOverflowScrolling: oneOf([ 'auto', 'touch' ]), - willChange: string }; diff --git a/src/propTypes/LayoutPropTypes.js b/src/propTypes/LayoutPropTypes.js index e5c72701..16ff00b2 100644 --- a/src/propTypes/LayoutPropTypes.js +++ b/src/propTypes/LayoutPropTypes.js @@ -11,6 +11,7 @@ const LayoutPropTypes = { borderRightWidth: numberOrString, borderTopWidth: numberOrString, boxSizing: string, + display: string, height: numberOrString, margin: numberOrString, marginBottom: numberOrString,