Add water waves fill pattern and pond-specific pattern

css/25_areas.css

@@ -94,6 +94,10 @@ path.fill.tag-natural-water {
     border-color: rgb(119, 211, 222);
     background-color: rgba(119, 211, 222, 0.3);
 }
+.pattern-color-waves,
+.pattern-color-pond {
+    fill: rgba(119, 211, 222, 0.3);
+}
 
 /* Yellow things */
 .pattern-color-beach,

modules/svg/areas.js

@@ -49,6 +49,10 @@ export function svgAreas(projection, context) {
             grassland: 'grass',
             sand: 'beach',
             scrub: 'scrub',
+            water: [
+                { water: 'pond', pattern: 'pond' },
+                { pattern: 'waves' }
+            ],
             wetland: [
                 { wetland: 'marsh', pattern: 'wetland_marsh' },
                 { wetland: 'swamp', pattern: 'wetland_swamp' },

modules/svg/defs.js

@@ -89,9 +89,11 @@ export function svgDefs(context) {
                 ['landfill', 'landfill'],
                 ['meadow', 'grass'],
                 ['orchard', 'orchard'],
+                ['pond', 'pond'],
                 ['quarry', 'quarry'],
                 ['scrub', 'bushes'],
                 ['vineyard', 'vineyard'],
+                ['waves', 'waves'],
                 ['wetland', 'wetland'],
                 ['wetland_marsh', 'wetland_marsh'],
                 ['wetland_swamp', 'wetland_swamp'],