chore(deps-dev): Bump @cypress/code-coverage from 3.14.0 to 3.14.1 (#1187)

Bumps
[@cypress/code-coverage](https://github.com/cypress-io/code-coverage)
from 3.14.0 to 3.14.1.
<details>
<summary>Release notes</summary>
<p><em>Sourced from <a
href="https://github.com/cypress-io/code-coverage/releases"><code>@​cypress/code-coverage</code>'s
releases</a>.</em></p>
<blockquote>
<h2>v3.14.1</h2>
<h2><a
href="https://github.com/cypress-io/code-coverage/compare/v3.14.0...v3.14.1">3.14.1</a>
(2025-05-08)</h2>
<h3>Bug Fixes</h3>
<ul>
<li><strong>deps:</strong> update dependency <code>@​types/node</code>
to v22.15.3 (<a
href="https://redirect.github.com/cypress-io/code-coverage/issues/936">#936</a>)
(<a
href="https://github.com/cypress-io/code-coverage/commit/f1f6c9e44f18777cb48ebea8730fe88f5e859dfa">f1f6c9e</a>)</li>
</ul>
</blockquote>
</details>
<details>
<summary>Commits</summary>
<ul>
<li><a
href="https://github.com/cypress-io/code-coverage/commit/f1f6c9e44f18777cb48ebea8730fe88f5e859dfa"><code>f1f6c9e</code></a>
fix(deps): update dependency <code>@​types/node</code> to v22.15.3 (<a
href="https://redirect.github.com/cypress-io/code-coverage/issues/936">#936</a>)</li>
<li><a
href="https://github.com/cypress-io/code-coverage/commit/6c948d55f526beed1daba18e1176fb7cc70eedeb"><code>6c948d5</code></a>
chore(deps): update babel monorepo to v7.27.1 (<a
href="https://redirect.github.com/cypress-io/code-coverage/issues/929">#929</a>)</li>
<li><a
href="https://github.com/cypress-io/code-coverage/commit/f7c65a9f9f7aa64a5dc7da762d8e66535988f836"><code>f7c65a9</code></a>
chore(deps): update dependency start-server-and-test to v2.0.11 (<a
href="https://redirect.github.com/cypress-io/code-coverage/issues/941">#941</a>)</li>
<li><a
href="https://github.com/cypress-io/code-coverage/commit/1311847095e376d8e03f9f5281a090e193886936"><code>1311847</code></a>
chore(deps): update dependency prettier to v3.5.3 (<a
href="https://redirect.github.com/cypress-io/code-coverage/issues/930">#930</a>)</li>
<li>See full diff in <a
href="https://github.com/cypress-io/code-coverage/compare/v3.14.0...v3.14.1">compare
view</a></li>
</ul>
</details>
<br />


[![Dependabot compatibility
score](https://dependabot-badges.githubapp.com/badges/compatibility_score?dependency-name=@cypress/code-coverage&package-manager=npm_and_yarn&previous-version=3.14.0&new-version=3.14.1)](https://docs.github.com/en/github/managing-security-vulnerabilities/about-dependabot-security-updates#about-compatibility-scores)

Dependabot will resolve any conflicts with this PR as long as you don't
alter it yourself. You can also trigger a rebase manually by commenting
`@dependabot rebase`.

[//]: # (dependabot-automerge-start)
[//]: # (dependabot-automerge-end)

---

<details>
<summary>Dependabot commands and options</summary>
<br />

You can trigger Dependabot actions by commenting on this PR:
- `@dependabot rebase` will rebase this PR
- `@dependabot recreate` will recreate this PR, overwriting any edits
that have been made to it
- `@dependabot merge` will merge this PR after your CI passes on it
- `@dependabot squash and merge` will squash and merge this PR after
your CI passes on it
- `@dependabot cancel merge` will cancel a previously requested merge
and block automerging
- `@dependabot reopen` will reopen this PR if it is closed
- `@dependabot close` will close this PR and stop Dependabot recreating
it. You can achieve the same result by closing it manually
- `@dependabot show <dependency name> ignore conditions` will show all
of the ignore conditions of the specified dependency
- `@dependabot ignore this major version` will close this PR and stop
Dependabot creating any more for this major version (unless you reopen
the PR or upgrade to it yourself)
- `@dependabot ignore this minor version` will close this PR and stop
Dependabot creating any more for this minor version (unless you reopen
the PR or upgrade to it yourself)
- `@dependabot ignore this dependency` will close this PR and stop
Dependabot creating any more for this dependency (unless you reopen the
PR or upgrade to it yourself)


</details>

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

CHANGELOG.md

@@ -1,6 +1,7 @@
 ## main
 
 ### ✨ Features and improvements
+- Fix radio/delete filter buttons styling regression
 - Add german translation
 - Use same version number for web and desktop versions
 - Add scheme type options for vector/raster tile

package.json

@@ -26,20 +26,20 @@
     "@mapbox/mapbox-gl-rtl-text": "^0.3.0",
     "@maplibre/maplibre-gl-geocoder": "^1.8.0",
     "@maplibre/maplibre-gl-inspect": "^1.7.1",
-    "@maplibre/maplibre-gl-style-spec": "^23.1.0",
+    "@maplibre/maplibre-gl-style-spec": "^23.2.2",
     "@mdi/js": "^7.4.47",
     "@mdi/react": "^1.6.1",
     "@prantlf/jsonlint": "^16.0.0",
     "array-move": "^4.0.0",
     "buffer": "^6.0.3",
     "classnames": "^2.5.1",
-    "codemirror": "^5.65.18",
+    "codemirror": "^5.65.19",
     "color": "^5.0.0",
     "detect-browser": "^5.3.0",
     "events": "^3.3.0",
     "file-saver": "^2.0.5",
-    "i18next": "^24.2.2",
-    "i18next-browser-languagedetector": "^8.0.4",
+    "i18next": "^25.1.2",
+    "i18next-browser-languagedetector": "^8.1.0",
     "i18next-resources-to-backend": "^1.2.1",
     "json-stringify-pretty-compact": "^4.0.0",
     "json-to-ast": "^2.1.0",
@@ -50,14 +50,14 @@
     "lodash.get": "^4.4.2",
     "lodash.isequal": "^4.5.0",
     "lodash.throttle": "^4.1.1",
-    "maplibre-gl": "^5.2.0",
+    "maplibre-gl": "^5.5.0",
     "maputnik-design": "github:maputnik/design#172b06c",
-    "ol": "^10.4.0",
-    "ol-mapbox-style": "^12.5.0",
+    "ol": "^10.5.0",
+    "ol-mapbox-style": "^12.6.0",
     "pmtiles": "^4.3.0",
     "prop-types": "^15.8.1",
     "react": "^18.2.0",
-    "react-accessible-accordion": "^5.0.0",
+    "react-accessible-accordion": "^5.0.1",
     "react-aria-menubutton": "^7.0.3",
     "react-aria-modal": "^5.0.2",
     "react-autobind": "^1.0.6",
@@ -66,7 +66,7 @@
     "react-color": "^2.19.3",
     "react-dom": "^18.2.0",
     "react-file-reader-input": "^2.0.0",
-    "react-i18next": "^15.4.1",
+    "react-i18next": "^15.5.1",
     "react-icon-base": "^2.1.2",
     "react-icons": "^5.5.0",
     "react-sortable-hoc": "^2.0.0",
@@ -93,14 +93,14 @@
     }
   },
   "devDependencies": {
-    "@cypress/code-coverage": "^3.13.12",
-    "@eslint/js": "^9.19.0",
+    "@cypress/code-coverage": "^3.14.1",
+    "@eslint/js": "^9.26.0",
     "@istanbuljs/nyc-config-typescript": "^1.0.2",
     "@rollup/plugin-replace": "^6.0.2",
-    "@shellygo/cypress-test-utils": "^4.1.13",
+    "@shellygo/cypress-test-utils": "^5.0.0",
     "@types/codemirror": "^5.60.15",
     "@types/color": "^4.2.0",
-    "@types/cors": "^2.8.17",
+    "@types/cors": "^2.8.18",
     "@types/file-saver": "^2.0.7",
     "@types/geojson": "^7946.0.16",
     "@types/json-to-ast": "^2.1.4",
@@ -122,28 +122,28 @@
     "@types/react-icon-base": "^2.1.6",
     "@types/string-hash": "^1.1.3",
     "@types/uuid": "^10.0.0",
-    "@types/wicg-file-system-access": "^2023.10.5",
-    "@vitejs/plugin-react": "^4.3.4",
+    "@types/wicg-file-system-access": "^2023.10.6",
+    "@vitejs/plugin-react": "^4.4.1",
     "cors": "^2.8.5",
-    "cypress": "^14.1.0",
+    "cypress": "^14.3.3",
     "cypress-plugin-tab": "^1.0.5",
-    "eslint": "^9.21.0",
-    "eslint-plugin-react": "^7.37.4",
+    "eslint": "^9.26.0",
+    "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^5.2.0",
-    "eslint-plugin-react-refresh": "^0.4.19",
+    "eslint-plugin-react-refresh": "^0.4.20",
     "i18next-parser": "^9.3.0",
     "istanbul": "^0.4.5",
     "istanbul-lib-coverage": "^3.2.2",
     "postcss": "^8.5.1",
     "react-hot-loader": "^4.13.1",
-    "sass": "^1.85.1",
-    "stylelint": "^16.15.0",
-    "stylelint-config-recommended-scss": "^14.1.0",
-    "stylelint-scss": "^6.11.1",
-    "typescript": "^5.8.2",
-    "typescript-eslint": "^8.26.0",
+    "sass": "^1.87.0",
+    "stylelint": "^16.19.1",
+    "stylelint-config-recommended-scss": "^15.0.0",
+    "stylelint-scss": "^6.12.0",
+    "typescript": "^5.8.3",
+    "typescript-eslint": "^8.32.0",
     "uuid": "^11.1.0",
-    "vite": "^6.2.0",
+    "vite": "^6.3.5",
     "vite-plugin-istanbul": "^7.0.0"
   }
 }

src/components/FilterEditorBlock.tsx

@@ -11,18 +11,18 @@ class FilterEditorBlockInternal extends React.Component<FilterEditorBlockInterna
   render() {
     const t = this.props.t;
     return <div className="maputnik-filter-editor-block">
+      <div className="maputnik-filter-editor-block-content">
+        {this.props.children}
+      </div>
       <div className="maputnik-filter-editor-block-action">
         <InputButton
-          className="maputnik-delete-filter"
+          className="maputnik-icon-button"
           onClick={this.props.onDelete}
           title={t("Delete filter block")}
         >
           <MdDelete />
         </InputButton>
       </div>
-      <div className="maputnik-filter-editor-block-content">
-        {this.props.children}
-      </div>
     </div>
   }
 }

src/components/InputMultiInput.tsx

@@ -20,7 +20,7 @@ export default class InputMultiInput extends React.Component<InputMultiInputProp
     const radios = options.map(([val, label])=> {
       return <label
         key={val}
-        className={classnames("maputnik-radio-as-button", {"maputnik-button-selected": val === selectedValue})}
+        className={classnames("maputnik-button", "maputnik-radio-as-button", {"maputnik-button-selected": val === selectedValue})}
       >
         <input type="radio"
           name={this.props.name}

src/config/styles.json

@@ -92,7 +92,7 @@
   {
     "id": "versatiles-colorful",
     "title": "Versatiles Colorful",
-    "url": "https://tiles.versatiles.org/assets/styles/colorful.json",
+    "url": "https://tiles.versatiles.org/assets/styles/colorful/style.json",
     "thumbnail": "https://github.com/maplibre/maputnik/assets/649392/6cd69818-c541-46e4-a920-65fb4f654931"
   }
 ]

src/locales/de/translation.json

@@ -184,6 +184,21 @@
   "API key for Stadia Maps.": "API-Schlüssel für Stadia Maps.",
   "Style Renderer": "Stil-Renderer",
   "Choose the default Maputnik renderer for this style.": "Wähle den Standard-Renderer für diesen Stil aus.",
+  "Paint properties": "Darstellungseigenschaften",
+  "Opacity": "Deckkraft",
+  "Radius": "Radius",
+  "Text paint properties": "Text-Darstellungseigenschaften",
+  "Icon paint properties": "Icon-Darstellungseigenschaften",
+  "Text layout properties": "Text-Layouteigenschaften",
+  "Icon layout properties": "Icon-Layouteigenschaften",
+  "General layout properties": "Allgemeine Layouteigenschaften",
+  "Color": "Farbe",
+  "Outline color": "Umrissfarbe",
   "Language": "Sprache",
+  "Layout properties": "Layouteigenschaften",
+  "Width": "Breite",
+  "Height": "Höhe",
+  "Field": "Feld",
+  "Size": "Größe",
   "Press <1>ESC</1> to lose focus of any input box": "Drück <1>ESC</1>, um den Fokus von jedem Eingabefeld zu verlieren"
 }

src/styles/_filtereditor.scss

@@ -14,26 +14,18 @@
   color: vars.$color-lowgray;
 }
 
-.maputnik-filter-editor-property {
-  display: inline-block;
-  width: 25%;
+.maputnik-filter-editor-single {
+  display: flex;
+  column-gap: 6px;
 }
 
 .maputnik-filter-editor-operator {
-  margin: 0 2%;
-  display: inline-block;
-  width: 17%;
-
   .maputnik-select {
     width: 100%;
   }
 }
 
 .maputnik-filter-editor-args {
-  display: inline-block;
-  width: 54%;
-  margin: 0 2%;
-
   .maputnik-string,
   .maputnik-number {
     width: 100%;
@@ -63,26 +55,13 @@
   margin-top: vars.$margin-3;
 }
 
-.maputnik-delete-filter {
-  @extend .maputnik-icon-button !optional; /* stylelint-disable-line */
-}
-
-.maputnik-filter-editor-block-action {
-  margin-top: vars.$margin-2;
-  margin-bottom: vars.$margin-2;
-  display: inline-block;
-  width: 6%;
-  margin-right: 1.5%;
-}
-
-.maputnik-filter-editor-block-content {
-  display: inline-block;
-  width: 92.5%;
+.maputnik-filter-editor-block {
+  display: flex;
+  column-gap: 6px;
+  margin-bottom: 2px;
 }
 
 .maputnik-radio-as-button {
-  @extend .maputnik-button !optional; /* stylelint-disable-line */
-
   border: solid 1px transparent;
 
   &:focus-within {