From 58ab88a2b4b47553bb8ed3fc372a03630003f0c2 Mon Sep 17 00:00:00 2001
From: Flo Luccioni <luccioni.f@gmail.com>
Date: Tue, 20 Nov 2018 12:06:47 +0100
Subject: [PATCH] feat(mapbox): add missing styleLayer definition

---
 types/mapbox/index.d.ts      | 15 +++++++++++++++
 types/mapbox/mapbox-tests.ts |  2 ++
 2 files changed, 17 insertions(+)

diff --git a/types/mapbox/index.d.ts b/types/mapbox/index.d.ts
index 334d644e21..97da469e4a 100644
--- a/types/mapbox/index.d.ts
+++ b/types/mapbox/index.d.ts
@@ -1,6 +1,7 @@
 // Type definitions for Mapbox 1.6
 // Project: https://www.mapbox.com/mapbox.js/
 // Definitions by: Maxime Fabre <https://github.com/anahkiasen>
+//                 Florian Luccioni <https://github.com/Fluccioni>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.3
 
@@ -153,6 +154,20 @@ declare global {
 			getGeoJSON(): any;
 		}
 
+        // StyleLayer
+        //////////////////////////////////////////////////////////////////////
+
+        /**
+         * L.mapbox.styleLayer provides a way to integrate styles created with Mapbox Studio into your map.
+         */
+        function styleLayer(url: string, options?: StyleLayerOptions): StyleLayer;
+
+        interface StyleLayerOptions extends Leaflet.TileLayerOptions {
+            sanitizer?(template: string): string;
+        }
+
+        type StyleLayer = Leaflet.TileLayer;
+
 		//////////////////////////////////////////////////////////////////////
 		////////////////////////////// GEOCODING /////////////////////////////
 		//////////////////////////////////////////////////////////////////////
diff --git a/types/mapbox/mapbox-tests.ts b/types/mapbox/mapbox-tests.ts
index ab9ad6c5de..a9610ba5c4 100644
--- a/types/mapbox/mapbox-tests.ts
+++ b/types/mapbox/mapbox-tests.ts
@@ -4,6 +4,8 @@ const mapboxTiles = L.tileLayer('https://{s}.tiles.mapbox.com/v3/examples.map-i8
 
 const map = L.map('map').addLayer(mapboxTiles).setView(new L.LatLng([42.3610, -71.0587]), 15);
 
+const lightTiles = L.mapbox.styleLayer('mapbox://styles/mapbox/light-v9').addTo(map);
+
 const coordinates = document.getElementById('coordinates');
 
 const marker = L.marker(new L.LatLng([0, 0]), {