feat(ui-view): allow to set View's display prop to contents, inherit, initial, revert, revert-layer, unset

packages/ui-view/src/View/props.ts

@@ -72,6 +72,13 @@ type ViewOwnProps = {
     | 'inline-block'
     | 'flex'
     | 'inline-flex'
+    | 'contents'
+    // these are global CSS values
+    | 'inherit' // inherit the parent's display value
+    | 'initial' // reset the property back to the spec default
+    | 'revert' // reset to user agent stylesheet
+    | 'revert-layer'
+    | 'unset' // same as initial
   overflowX?: 'auto' | 'hidden' | 'visible'
   overflowY?: 'auto' | 'hidden' | 'visible'
   height?: string | number

packages/ui-view/src/View/styles.ts

@@ -304,6 +304,30 @@ const generateStyle = (
       display: 'inline-flex',
       verticalAlign: 'middle'
     },
+    contents: {
+      label: 'view--contents',
+      display: 'contents'
+    },
+    inherit: {
+      label: 'view--inherit',
+      display: 'inherit'
+    },
+    initial: {
+      label: 'view--initial',
+      display: 'initial'
+    },
+    revert: {
+      label: 'view--revert',
+      display: 'revert'
+    },
+    'revert-layer': {
+      label: 'view--revertLayer',
+      display: 'revert-layer'
+    },
+    unset: {
+      label: 'view--unset',
+      display: 'unset'
+    },
     auto: {}
   }