@swr-data-lab/components 1.13.0 → 1.13.1

package/dist/maplibre/MapStyle/components/Transit.d.ts

@@ -0,0 +1,7 @@
+import type { Layer } from '../../types';
+export default function makeTransit(): {
+    airports: Layer[];
+    transitBridges: Layer[];
+    transitSurface: Layer[];
+    transitTunnels: Layer[];
+};

package/dist/maplibre/MapStyle/components/Transit.js

@@ -0,0 +1,499 @@
+import tokens from '../tokens';
+const rail = {
+    line_color: '#d3d3d3',
+    line_dasharray: [2, 2],
+    line_width: {
+        stops: [
+            [8, 1],
+            [13, 1],
+            [20, 2]
+        ]
+    },
+    line_opacity: {
+        stops: [
+            [12, 0],
+            [13, 1]
+        ]
+    }
+};
+const rail_overlay = {
+    line_width: {
+        stops: [
+            [8, 1],
+            [13, 6],
+            [20, 12]
+        ]
+    },
+    line_dasharray: [0.125, 6]
+};
+const rail_outline = {
+    line_color: tokens.background,
+    line_width: {
+        stops: [
+            [13, 2],
+            [20, 4]
+        ]
+    },
+    line_opacity: {
+        stops: [
+            [12, 0],
+            [13, 1]
+        ]
+    }
+};
+export default function makeTransit() {
+    const airports = [
+        {
+            id: 'airport-area',
+            type: 'fill',
+            'source-layer': 'street_polygons',
+            filter: ['in', 'kind', 'runway', 'taxiway'],
+            paint: {
+                'fill-color': 'hsl(0,0%,100%)',
+                'fill-opacity': 0.5
+            }
+        },
+        {
+            id: 'airport-taxiway:outline',
+            filter: ['==', 'kind', 'taxiway'],
+            paint: {
+                'line-color': 'hsl(36,0%,80%)',
+                'line-width': {
+                    stops: [
+                        [13, 0],
+                        [14, 2],
+                        [15, 10],
+                        [16, 14],
+                        [18, 20],
+                        [20, 40]
+                    ]
+                }
+            },
+            layout: {
+                'line-join': 'round'
+            }
+        },
+        {
+            id: 'airport-runway:outline',
+            filter: ['==', 'kind', 'runway'],
+            paint: {
+                'line-color': 'hsl(36,0%,80%)',
+                'line-width': {
+                    stops: [
+                        [11, 0],
+                        [12, 6],
+                        [13, 9],
+                        [14, 16],
+                        [15, 24],
+                        [16, 40],
+                        [17, 100],
+                        [18, 160],
+                        [20, 300]
+                    ]
+                }
+            },
+            layout: {
+                'line-join': 'round'
+            }
+        },
+        {
+            id: 'airport-taxiway',
+            filter: ['==', 'kind', 'taxiway'],
+            paint: {
+                'line-color': 'hsl(0,0%,100%)',
+                'line-width': {
+                    stops: [
+                        [13, 0],
+                        [14, 1],
+                        [15, 8],
+                        [16, 12],
+                        [18, 18],
+                        [20, 36]
+                    ]
+                },
+                'line-opacity': {
+                    stops: [
+                        [13, 0],
+                        [14, 1]
+                    ]
+                }
+            },
+            layout: {
+                'line-join': 'round'
+            }
+        },
+        {
+            id: 'airport-runway',
+            filter: ['==', 'kind', 'runway'],
+            paint: {
+                'line-color': 'hsl(0,0%,100%)',
+                'line-width': {
+                    stops: [
+                        [11, 0],
+                        [12, 5],
+                        [13, 8],
+                        [14, 14],
+                        [15, 22],
+                        [16, 38],
+                        [17, 98],
+                        [18, 158],
+                        [20, 298]
+                    ]
+                },
+                'line-opacity': {
+                    stops: [
+                        [11, 0],
+                        [12, 1]
+                    ]
+                }
+            },
+            layout: {
+                'line-join': 'round'
+            }
+        }
+    ].map((el) => {
+        return {
+            type: 'line',
+            'source-layer': 'streets',
+            source: 'versatiles-osm',
+            ...el
+        };
+    });
+    const transitBridges = [
+        {
+            id: 'bridge-transport-monorail:outline',
+            filter: ['all', ['in', 'kind', 'monorail'], ['!has', 'service'], ['==', 'bridge', true]],
+            minzoom: 15,
+            paint: {
+                'line-color': rail_outline.line_color,
+                'line-width': rail_outline.line_width
+            }
+        },
+        {
+            id: 'bridge-transport-funicular:outline',
+            filter: ['all', ['in', 'kind', 'funicular'], ['!has', 'service'], ['==', 'bridge', true]],
+            minzoom: 15,
+            paint: {
+                'line-color': rail_outline.line_color,
+                'line-width': rail_outline.line_width
+            }
+        },
+        {
+            id: 'bridge-transport-tram:outline',
+            filter: ['all', ['in', 'kind', 'tram'], ['!has', 'service'], ['==', 'bridge', true]],
+            minzoom: 15,
+            paint: {
+                'line-color': rail_outline.line_color,
+                'line-width': rail_outline.line_width
+            }
+        },
+        {
+            id: 'bridge-transport-narrowgauge:outline',
+            filter: ['all', ['in', 'kind', 'narrow_gauge'], ['!has', 'service'], ['==', 'bridge', true]],
+            minzoom: 15,
+            paint: {
+                'line-color': rail_outline.line_color,
+                'line-width': rail_outline.line_width
+            }
+        },
+        {
+            id: 'bridge-transport-lightrail:outline',
+            filter: ['all', ['in', 'kind', 'light_rail'], ['!has', 'service'], ['==', 'bridge', true]],
+            paint: {
+                'line-color': rail_outline.line_color,
+                'line-width': rail_outline.line_width,
+                'line-opacity': rail_outline.line_opacity
+            }
+        },
+        {
+            id: 'bridge-transport-rail:outline',
+            filter: ['all', ['in', 'kind', 'rail'], ['!has', 'service'], ['==', 'bridge', true]],
+            paint: {
+                'line-color': rail_outline.line_color,
+                'line-width': rail_outline.line_width,
+                'line-opacity': rail_outline.line_opacity
+            }
+        },
+        {
+            id: 'bridge-transport-monorail',
+            filter: ['all', ['in', 'kind', 'monorail'], ['!has', 'service'], ['==', 'bridge', true]],
+            minzoom: 13,
+            paint: {
+                'line-width': rail.line_width,
+                'line-color': rail.line_color
+            }
+        },
+        {
+            id: 'bridge-transport-funicular',
+            filter: ['all', ['in', 'kind', 'funicular'], ['!has', 'service'], ['==', 'bridge', true]],
+            minzoom: 13,
+            paint: {
+                'line-width': rail.line_width,
+                'line-color': rail.line_color
+            }
+        },
+        {
+            id: 'bridge-transport-tram',
+            filter: ['all', ['in', 'kind', 'tram'], ['!has', 'service'], ['==', 'bridge', true]],
+            minzoom: 13,
+            paint: {
+                'line-width': rail.line_width,
+                'line-color': rail.line_color
+            }
+        },
+        {
+            id: 'bridge-transport-narrowgauge',
+            filter: ['all', ['in', 'kind', 'narrow_gauge'], ['!has', 'service'], ['==', 'bridge', true]],
+            minzoom: 13,
+            paint: {
+                'line-width': rail.line_width,
+                'line-color': rail.line_color
+            }
+        },
+        {
+            id: 'bridge-transport-lightrail',
+            filter: ['all', ['in', 'kind', 'light_rail'], ['!has', 'service'], ['==', 'bridge', true]],
+            paint: {
+                'line-color': rail.line_color,
+                'line-width': rail.line_width,
+                'line-opacity': rail.line_opacity
+            }
+        },
+        {
+            id: 'bridge-transport-rail',
+            filter: ['all', ['in', 'kind', 'rail'], ['!has', 'service'], ['==', 'bridge', true]],
+            paint: {
+                'line-color': rail.line_color,
+                'line-width': rail.line_width,
+                'line-opacity': rail.line_opacity
+            }
+        }
+    ].map((el) => {
+        return {
+            type: 'line',
+            'source-layer': 'streets',
+            source: 'versatiles-osm',
+            ...el
+        };
+    });
+    const transitTunnels = [
+        {
+            id: 'tunnel-transport-monorail',
+            filter: ['all', ['in', 'kind', 'monorail'], ['!has', 'service'], ['==', 'tunnel', true]],
+            minzoom: 13,
+            paint: {
+                'line-width': rail.line_width,
+                'line-color': rail.line_color
+            }
+        },
+        {
+            id: 'tunnel-transport-funicular',
+            filter: ['all', ['in', 'kind', 'funicular'], ['!has', 'service'], ['==', 'tunnel', true]],
+            minzoom: 13,
+            paint: {
+                'line-width': rail.line_width,
+                'line-color': rail.line_color
+            }
+        },
+        {
+            id: 'tunnel-transport-tram',
+            filter: ['all', ['in', 'kind', 'tram'], ['!has', 'service'], ['==', 'tunnel', true]],
+            minzoom: 13,
+            paint: {
+                'line-width': rail.line_width,
+                'line-color': rail.line_color
+            }
+        },
+        {
+            id: 'tunnel-transport-narrowgauge',
+            filter: ['all', ['in', 'kind', 'narrow_gauge'], ['!has', 'service'], ['==', 'tunnel', true]],
+            minzoom: 13,
+            paint: {
+                'line-width': rail.line_width,
+                'line-color': rail.line_color
+            }
+        },
+        {
+            id: 'tunnel-transport-lightrail',
+            filter: ['all', ['in', 'kind', 'light_rail'], ['!has', 'service'], ['==', 'tunnel', true]],
+            paint: {
+                'line-color': rail.line_color,
+                'line-width': rail.line_width,
+                'line-opacity': rail.line_opacity
+            }
+        },
+        {
+            id: 'tunnel-transport-rail',
+            filter: ['all', ['in', 'kind', 'rail'], ['!has', 'service'], ['==', 'tunnel', true]],
+            paint: {
+                'line-color': rail.line_color,
+                'line-width': rail.line_width,
+                'line-opacity': rail.line_opacity
+            }
+        }
+    ].map((el) => {
+        return {
+            type: 'line',
+            'source-layer': 'streets',
+            source: 'versatiles-osm',
+            ...el
+        };
+    });
+    const transitSurface = [
+        {
+            id: 'transport-rail:dashes',
+            filter: [
+                'all',
+                ['in', 'kind', 'rail'],
+                ['!has', 'service'],
+                ['!=', 'bridge', true],
+                ['!=', 'tunnel', true]
+            ],
+            paint: {
+                'line-color': rail.line_color,
+                'line-opacity': rail.line_opacity,
+                'line-width': rail_overlay.line_width,
+                'line-dasharray': rail_overlay.line_dasharray
+            }
+        },
+        {
+            id: 'transport-monorail',
+            filter: [
+                'all',
+                ['in', 'kind', 'monorail'],
+                ['!has', 'service'],
+                ['!=', 'bridge', true],
+                ['!=', 'tunnel', true]
+            ],
+            minzoom: 13,
+            paint: {
+                'line-width': {
+                    stops: [
+                        [13, 0],
+                        [16, 1],
+                        [17, 2],
+                        [18, 3],
+                        [20, 5]
+                    ]
+                },
+                'line-color': 'hsl(208,0%,73%)'
+            }
+        },
+        {
+            id: 'transport-funicular',
+            filter: [
+                'all',
+                ['in', 'kind', 'funicular'],
+                ['!has', 'service'],
+                ['!=', 'bridge', true],
+                ['!=', 'tunnel', true]
+            ],
+            minzoom: 13,
+            paint: {
+                'line-width': {
+                    stops: [
+                        [13, 0],
+                        [16, 1],
+                        [17, 2],
+                        [18, 3],
+                        [20, 5]
+                    ]
+                },
+                'line-color': 'hsl(208,0%,73%)'
+            }
+        },
+        {
+            id: 'transport-tram',
+            filter: [
+                'all',
+                ['in', 'kind', 'tram'],
+                ['!has', 'service'],
+                ['!=', 'bridge', true],
+                ['!=', 'tunnel', true]
+            ],
+            minzoom: 13,
+            paint: {
+                'line-width': rail.line_width,
+                'line-color': rail.line_color
+            }
+        },
+        {
+            id: 'transport-narrowgauge',
+            filter: [
+                'all',
+                ['in', 'kind', 'narrow_gauge'],
+                ['!has', 'service'],
+                ['!=', 'bridge', true],
+                ['!=', 'tunnel', true]
+            ],
+            minzoom: 13,
+            paint: {
+                'line-width': rail.line_width,
+                'line-color': rail.line_color
+            }
+        },
+        {
+            id: 'transport-lightrail',
+            filter: [
+                'all',
+                ['in', 'kind', 'light_rail'],
+                ['!has', 'service'],
+                ['!=', 'bridge', true],
+                ['!=', 'tunnel', true]
+            ],
+            paint: {
+                'line-color': rail.line_color,
+                'line-width': rail.line_width,
+                'line-opacity': {
+                    stops: [
+                        [14, 0],
+                        [15, 1]
+                    ]
+                }
+            }
+        },
+        {
+            id: 'transport-rail',
+            filter: [
+                'all',
+                ['in', 'kind', 'rail'],
+                ['!has', 'service'],
+                ['!=', 'bridge', true],
+                ['!=', 'tunnel', true]
+            ],
+            paint: {
+                'line-color': rail.line_color,
+                'line-width': rail.line_width,
+                'line-opacity': rail.line_opacity
+            }
+        },
+        {
+            id: 'transport-ferry',
+            minzoom: 10,
+            paint: {
+                'line-color': 'rgb(184, 189, 207)',
+                'line-width': {
+                    stops: [
+                        [10, 1],
+                        [13, 2],
+                        [14, 3],
+                        [16, 4],
+                        [17, 6]
+                    ]
+                },
+                'line-opacity': {
+                    stops: [[10, 0]]
+                },
+                'line-dasharray': [1, 1]
+            }
+        }
+    ].map((el) => {
+        return {
+            type: 'line',
+            'source-layer': 'streets',
+            source: 'versatiles-osm',
+            ...el
+        };
+    });
+    return { airports, transitBridges, transitSurface, transitTunnels };
+}

package/dist/maplibre/MapStyle/components/Walking.d.ts

@@ -0,0 +1 @@
+export default function makeWalking(): any;