refactor: update map Lumo CSS to better support base properties (#10573)

web-padawan · web-flow · commit 8372006cebce · 2025-12-04T11:35:55.000+02:00
diff --git a/packages/vaadin-lumo-styles/src/components/map.css b/packages/vaadin-lumo-styles/src/components/map.css
@@ -20,11 +20,11 @@
   }
 
   :host(:not([theme~='no-border'])) {
-    border-radius: var(--lumo-border-radius-l);
+    border-radius: var(--vaadin-map-border-radius, var(--lumo-border-radius-l));
   }
 
   :host(:not([theme~='no-border']))::before {
-    border: 1px solid var(--lumo-contrast-10pct);
+    border: 1px solid var(--vaadin-map-border-color, var(--lumo-contrast-10pct));
   }
 
   :host([focus-ring]) {
@@ -121,8 +121,8 @@
   }
 
   .ol-control button {
-    width: var(--lumo-size-s);
-    height: var(--lumo-size-s);
+    width: var(--vaadin-map-control-size, var(--lumo-size-s));
+    height: var(--vaadin-map-control-size, var(--lumo-size-s));
     border-radius: inherit;
     font-family: 'lumo-icons';
     font-size: var(--lumo-icon-size-s);

Original file line number	Diff line number	Diff line change
`@@ -20,11 +20,11 @@`
`20`	`20`	`}`
`21`	`21`
`22`	`22`	`:host(:not([theme~='no-border'])) {`
`23`		`- border-radius: var(--lumo-border-radius-l);`
	`23`	`+ border-radius: var(--vaadin-map-border-radius, var(--lumo-border-radius-l));`
`24`	`24`	`}`
`25`	`25`
`26`	`26`	`:host(:not([theme~='no-border']))::before {`
`27`		`- border: 1px solid var(--lumo-contrast-10pct);`
	`27`	`+ border: 1px solid var(--vaadin-map-border-color, var(--lumo-contrast-10pct));`
`28`	`28`	`}`
`29`	`29`
`30`	`30`	`:host([focus-ring]) {`
`@@ -121,8 +121,8 @@`
`121`	`121`	`}`
`122`	`122`
`123`	`123`	`.ol-control button {`
`124`		`- width: var(--lumo-size-s);`
`125`		`- height: var(--lumo-size-s);`
	`124`	`+ width: var(--vaadin-map-control-size, var(--lumo-size-s));`
	`125`	`+ height: var(--vaadin-map-control-size, var(--lumo-size-s));`
`126`	`126`	`border-radius: inherit;`
`127`	`127`	`font-family: 'lumo-icons';`
`128`	`128`	`font-size: var(--lumo-icon-size-s);`