@versatiles/style 5.5.2 → 5.7.0

package/src/styles/colorful.ts

@@ -521,16 +521,28 @@ export default class Colorful extends StyleBuilder {
 				opacity: { 12: 0, 13: 1 },
 			},
 
-			// service and tracks
-			'{bridge-,tunnel-,}street-{service,track}:outline': {
+			// tracks
+			'{bridge-,tunnel-,}street-track:outline': {
 				size: { 14: 2, 16: 4, 18: 18, 19: 48, 20: 96 },
 				opacity: { 14: 0, 15: 1 },
 			},
-			'{bridge-,tunnel-,}street-{service,track}': {
+			'{bridge-,tunnel-,}street-track': {
 				size: { 14: 1, 16: 3, 18: 16, 19: 44, 20: 88 },
 				opacity: { 14: 0, 15: 1 },
 			},
 
+			// service
+			'{bridge-,tunnel-,}street-service:outline': {
+				size: { 14: 1, 16: 3, 18: 12, 19: 32, 20: 48 },
+				opacity: { 15: 0, 16: 1 },
+				color: colors.streetbg.lighten(0.3),
+			},
+			'{bridge-,tunnel-,}street-service': {
+				size: { 14: 1, 16: 2, 18: 10, 19: 28, 20: 40 },
+				opacity: { 15: 0, 16: 1 },
+				color: colors.street.darken(0.03),
+			},
+
 			// ways
 			'{bridge-,tunnel-,}way-*:outline': {
 				size: { 15: 0, 16: 5, 18: 7, 19: 12, 20: 22 },
@@ -573,7 +585,8 @@ export default class Colorful extends StyleBuilder {
 
 			// cycle streets overlay
 			'{bridge-,tunnel-,}street-{tertiary,tertiary-link,unclassified,residential,livingstreet,pedestrian}-bicycle': {
-				lineCap: 'butt',
+				lineJoin: 'round',
+				lineCap: 'round',
 				color: colors.cycle,
 			},
 
@@ -591,13 +604,29 @@ export default class Colorful extends StyleBuilder {
 			// rail, lightrail
 			'{tunnel-,bridge-,}transport-{rail,lightrail}:outline': {
 				color: colors.rail,
-				size: { 8: 1, 13: 1, 15: 3, 16: 4, 18: 8, 19: 11, 20: 14 },
+				minzoom: 8,
+				size: { 8: 1, 13: 1, 15: 1, 20: 14 },
 			},
 			'{tunnel-,bridge-,}transport-{rail,lightrail}': {
 				color: colors.rail.lighten(0.25),
-				size: { 8: 1, 13: 1, 15: 2, 16: 3, 18: 6, 19: 8, 20: 10 },
+				minzoom: 14,
+				size: { 14: 0, 15: 1, 20: 10 },
 				lineDasharray: [2, 2],
 			},
+
+			// rail-service, lightrail-service
+			'{tunnel-,bridge-,}transport-{rail,lightrail}-service:outline': {
+				color: colors.rail,
+				minzoom: 14,
+				size: { 14: 0, 15: 1, 16: 1, 20: 14 },
+			},
+			'{tunnel-,bridge-,}transport-{rail,lightrail}-service': {
+				color: colors.rail.lighten(0.25),
+				minzoom: 15,
+				size: { 15: 0, 16: 1, 20: 10 },
+				lineDasharray: [2, 2],
+			},
+
 			// subway
 			'{tunnel-,bridge-,}transport-subway:outline': {
 				color: colors.subway,
@@ -776,7 +805,7 @@ export default class Colorful extends StyleBuilder {
 			'marking-oneway{-reverse,}': {
 				minzoom: 16,
 				image: 'basics:marking-arrow',
-				opacity: { 16: 0, 17: 0.7 },
+				opacity: { 16: 0, 17: 0.4, 20: 0.4 },
 				font: fonts.regular,
 			},
 

package/src/styles/index.ts

@@ -8,6 +8,7 @@ import { StyleSpecification } from '@maplibre/maplibre-gl-style-spec';
 import Colorful from './colorful.js';
 import Eclipse from './eclipse.js';
 import Graybeard from './graybeard.js';
+import Shadow from './shadow.js';
 import Neutrino from './neutrino.js';
 import Empty from './empty.js';
 
@@ -29,5 +30,6 @@ function getStyleBuilder(styleBuilder: new () => StyleBuilder): StyleBuilderFunc
 export const colorful = getStyleBuilder(Colorful);
 export const eclipse = getStyleBuilder(Eclipse);
 export const graybeard = getStyleBuilder(Graybeard);
+export const shadow = getStyleBuilder(Shadow);
 export const neutrino = getStyleBuilder(Neutrino);
 export const empty = getStyleBuilder(Empty);

package/src/styles/shadow.ts

@@ -0,0 +1,11 @@
+import Colorful from './colorful.js';
+
+export default class Shadow extends Colorful {
+	public readonly name: string = 'Shadow';
+
+	public constructor() {
+		super();
+
+		this.transformDefaultColors(color => color.saturate(-1).invert().brightness(0.2));
+	}
+}