From 5bd3e06ab72e1dad532a13e7d72f5212dc7daccf Mon Sep 17 00:00:00 2001
From: Lauren Budorick <lauren@mapbox.com>
Date: Mon, 7 May 2018 14:32:20 -0700
Subject: [PATCH] Remove property-types from docs

---
 docs/pages/style-spec.js | 44 +---------------------------------------
 1 file changed, 1 insertion(+), 43 deletions(-)

diff --git a/docs/pages/style-spec.js b/docs/pages/style-spec.js
index d865daa0fc6..fdf72af0139 100644
--- a/docs/pages/style-spec.js
+++ b/docs/pages/style-spec.js
@@ -207,29 +207,6 @@ const navigation = [
             }
         ]
     },
-    {
-        "title": "Property types",
-        "subnav": [
-            {
-                "title": "Data-driven"
-            },
-            {
-                "title": "Cross-faded"
-            },
-            {
-                "title": "Cross-faded data-driven"
-            },
-            {
-                "title": "Color ramp"
-            },
-            {
-                "title": "Data-constant"
-            },
-            {
-                "title": "Constant"
-            }
-        ]
-    },
     {
         "title": "Other",
         "subnav": [
@@ -385,15 +362,12 @@ class Item extends React.Component {
                     <em className='quiet'>
                         {this.props.requires.map((r, i) => this.requires(r, i))} </em>}
 
-                    {this.props.expression && this.props.expression.interpolated &&
+                    {this.props.function === "interpolated" &&
                     <em className='quiet'>
                         Supports <a href='#expressions-interpolate'><span className='icon smooth-ramp inline'/><code>interpolate</code></a> expressions. </em>}
 
                     {this.props.transition &&
                     <em className='quiet'><span className='icon opacity inline quiet' />Transitionable. </em>}
-
-                    <em className='quiet'>
-                        Should be represented by a <a href={`#property-types-${this.props['property-type']}`}>{this.props['property-type']}</a> property. </em>
                 </div>
 
                 {this.props.doc &&
@@ -1428,22 +1402,6 @@ export default class extends React.Component {
                             </div>
                         </div>
 
-                        <div className='pad2 prose'>
-                            <a id='property-types' className='anchor'/>
-                            <h2><a href='#property-types' title='link to property types'>Property types</a></h2>
-                            <div className='keyline-all fill-white'>
-                                {Object.keys(ref['property-type']).map((propType, i) => {
-                                    const propTypeDoc = ref['property-type'][propType].doc;
-                                    return (
-                                        <div className='pad2 keyline-bottom' key={i}>
-                                            <a id={`property-types-${propType}`} className='anchor'/>
-                                            <h3 className='space-bottom1'><a href={`#property-types-${propType}`} title={`link to ${propType}`}>{propType}</a></h3>
-                                            <p>{propTypeDoc}</p>
-                                        </div>);
-                                })}
-                            </div>
-                        </div>
-
                         <div className='pad2 prose'>
                             <a id='other' className='anchor'/>
                             <h2><a href='#other' title='link to other'>Other</a></h2>