chore(deps): Bump actions/setup-node from 6.3.0 to 6.4.0

Bumps [actions/setup-node](https://github.com/actions/setup-node) from 6.3.0 to 6.4.0. - [Release notes](https://github.com/actions/setup-node/releases) - [Commits](53b83947a5...48b55a011b) --- updated-dependencies: - dependency-name: actions/setup-node dependency-version: 6.4.0 dependency-type: direct:production update-type: version-update:semver-minor ... Signed-off-by: dependabot[bot] <support@github.com>
2026-05-16 05:00:00 +00:00 · 2026-04-22 13:48:19 +00:00
23 changed files with 653 additions and 848 deletions
--- a/.github/dependabot.yml
+++ b/.github/dependabot.yml
@@ -15,9 +15,6 @@ updates:
      vitest:
        patterns:
          - "*vitest*"
-      react:
-        patterns:
-          - "*react*"
    cooldown:
      default-days: 5
      semver-major-days: 5
--- a/.github/workflows/auto-merge-dependabot.yml
+++ b/.github/workflows/auto-merge-dependabot.yml
@@ -11,7 +11,7 @@ jobs:
    steps:
      - name: Dependabot metadata
        id: metadata
-        uses: dependabot/fetch-metadata@25dd0e34f4fe68f24cc83900b1fe3fe149efef98 # v3.1.0
+        uses: dependabot/fetch-metadata@ffa630c65fa7e0ecfa0625b5ceda64399aea1b36 # v3.0.0
        with:
          github-token: "${{ secrets.GITHUB_TOKEN }}"
      - name: Approve Dependabot PRs
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -23,7 +23,7 @@ jobs:
    steps:
      - uses: actions/checkout@de0fac2e4500dabe0009e67214ff5f5447ce83dd # v6.0.2
        with: { persist-credentials: false }
-      - uses: actions/setup-node@53b83947a5a98c8d113130e565377fae1a50d02f # v6.3.0
+      - uses: actions/setup-node@48b55a011bda9f5d6aeb4c2d9c7362e8dae4041e # v6.4.0
        with:
          node-version-file: '.nvmrc'
      - run: npm ci
@@ -43,7 +43,7 @@ jobs:
    steps:
      - uses: actions/checkout@de0fac2e4500dabe0009e67214ff5f5447ce83dd # v6.0.2
        with: { persist-credentials: false }
-      - uses: actions/setup-node@53b83947a5a98c8d113130e565377fae1a50d02f # v6.3.0
+      - uses: actions/setup-node@48b55a011bda9f5d6aeb4c2d9c7362e8dae4041e # v6.4.0
        with:
          node-version-file: '.nvmrc'
      - run: npm ci
@@ -56,7 +56,7 @@ jobs:

      # Build and upload desktop CLI artifacts
      - name: Set up Go
-        uses: actions/setup-go@4a3601121dd01d1626a1e23e37211e3254c1c06c # v6.4.0
+        uses: actions/setup-go@4b73464bb391d4059bd26b0524d20df3927bd417 # v6.3.0
        with:
          go-version: ^1.23.x
          cache-dependency-path: desktop/go.sum
@@ -92,7 +92,7 @@ jobs:
      - name: Checkout
        uses: actions/checkout@de0fac2e4500dabe0009e67214ff5f5447ce83dd # v6.0.2
        with: { persist-credentials: false }
-      - uses: actions/setup-node@53b83947a5a98c8d113130e565377fae1a50d02f # v6.3.0
+      - uses: actions/setup-node@48b55a011bda9f5d6aeb4c2d9c7362e8dae4041e # v6.4.0
        with:
          node-version-file: '.nvmrc'
      - run: npm ci
@@ -113,12 +113,12 @@ jobs:
      - name: Checkout
        uses: actions/checkout@de0fac2e4500dabe0009e67214ff5f5447ce83dd # v6.0.2
        with: { persist-credentials: false }
-      - uses: actions/setup-node@53b83947a5a98c8d113130e565377fae1a50d02f # v6.3.0
+      - uses: actions/setup-node@48b55a011bda9f5d6aeb4c2d9c7362e8dae4041e # v6.4.0
        with:
          node-version-file: '.nvmrc'
      - run: npm ci
      - name: Cypress run
-        uses: cypress-io/github-action@dace029018fcdf86e0df89a31bc3cfa5b32570d8 # v7.3.0
+        uses: cypress-io/github-action@783cb3f07983868532cabaedaa1e6c00ff4786a8 # v7.1.9
        with:
          build: npm run build
          start: npm run start
@@ -137,12 +137,12 @@ jobs:
      - name: Checkout
        uses: actions/checkout@de0fac2e4500dabe0009e67214ff5f5447ce83dd # v6.0.2
        with: { persist-credentials: false }
-      - uses: actions/setup-node@53b83947a5a98c8d113130e565377fae1a50d02f # v6.3.0
+      - uses: actions/setup-node@48b55a011bda9f5d6aeb4c2d9c7362e8dae4041e # v6.4.0
        with:
          node-version-file: '.nvmrc'
      - run: npm ci
      - name: Cypress run
-        uses: cypress-io/github-action@dace029018fcdf86e0df89a31bc3cfa5b32570d8 # v7.3.0
+        uses: cypress-io/github-action@783cb3f07983868532cabaedaa1e6c00ff4786a8 # v7.1.9
        with:
          build: docker build -t maputnik .
          start: docker run --rm --network host maputnik --port=8888
--- a/.github/workflows/codeql-analysis.yml
+++ b/.github/workflows/codeql-analysis.yml
@@ -42,7 +42,7 @@ jobs:

    # Initializes the CodeQL tools for scanning.
    - name: Initialize CodeQL
-      uses: github/codeql-action/init@68bde559dea0fdcac2102bfdf6230c5f70eb485e # v4.35.4
+      uses: github/codeql-action/init@95e58e9a2cdfd71adc6e0353d5c52f41a045d225 # v4.35.2
      with:
        languages: ${{ matrix.language }}
        # If you wish to specify custom queries, you can do so here or in a config file.
@@ -53,7 +53,7 @@ jobs:
    # Autobuild attempts to build any compiled languages  (C/C++, C#, or Java).
    # If this step fails, then you should remove it and run the build manually (see below)
    - name: Autobuild
-      uses: github/codeql-action/autobuild@68bde559dea0fdcac2102bfdf6230c5f70eb485e # v4.35.4
+      uses: github/codeql-action/autobuild@95e58e9a2cdfd71adc6e0353d5c52f41a045d225 # v4.35.2

    # ℹ️ Command-line programs to run using the OS shell.
    # 📚 https://git.io/JvXDl
@@ -67,4 +67,4 @@ jobs:
    #   make release

    - name: Perform CodeQL Analysis
-      uses: github/codeql-action/analyze@68bde559dea0fdcac2102bfdf6230c5f70eb485e # v4.35.4
+      uses: github/codeql-action/analyze@95e58e9a2cdfd71adc6e0353d5c52f41a045d225 # v4.35.2
--- a/.github/workflows/create-bump-version-pr.yml
+++ b/.github/workflows/create-bump-version-pr.yml
@@ -22,7 +22,7 @@ jobs:
          ref: main

      - name: Use Node.js from nvmrc
-        uses: actions/setup-node@53b83947a5a98c8d113130e565377fae1a50d02f # v6.3.0
+        uses: actions/setup-node@48b55a011bda9f5d6aeb4c2d9c7362e8dae4041e # v6.4.0
        with:
          node-version-file: ".nvmrc"

--- a/.github/workflows/deploy.yml
+++ b/.github/workflows/deploy.yml
@@ -16,7 +16,7 @@ jobs:
        with: { persist-credentials: false }

      - name: Use Node.js from nvmrc
-        uses: actions/setup-node@53b83947a5a98c8d113130e565377fae1a50d02f # v6.3.0
+        uses: actions/setup-node@48b55a011bda9f5d6aeb4c2d9c7362e8dae4041e # v6.4.0
        with:
          node-version-file: '.nvmrc'

--- a/.github/workflows/release.yml
+++ b/.github/workflows/release.yml
@@ -22,7 +22,7 @@ jobs:
          persist-credentials: false

      - name: Use Node.js from nvmrc
-        uses: actions/setup-node@53b83947a5a98c8d113130e565377fae1a50d02f # v6.3.0
+        uses: actions/setup-node@48b55a011bda9f5d6aeb4c2d9c7362e8dae4041e # v6.4.0
        with:
          node-version-file: ".nvmrc"

@@ -48,13 +48,13 @@ jobs:
          ref: main

      - name: Use Node.js from nvmrc
-        uses: actions/setup-node@53b83947a5a98c8d113130e565377fae1a50d02f # v6.3.0
+        uses: actions/setup-node@48b55a011bda9f5d6aeb4c2d9c7362e8dae4041e # v6.4.0
        with:
          node-version-file: ".nvmrc"
          registry-url: "https://registry.npmjs.org"

      - name: Set up Go for desktop build
-        uses: actions/setup-go@4a3601121dd01d1626a1e23e37211e3254c1c06c # v6.4.0
+        uses: actions/setup-go@4b73464bb391d4059bd26b0524d20df3927bd417 # v6.3.0
        with:
          go-version: ^1.23.x
          cache-dependency-path: desktop/go.sum
@@ -91,7 +91,7 @@ jobs:

      - name: Create GitHub Release
        id: create_regular_release
-        uses: ncipollo/release-action@339a81892b84b4eeb0f6e744e4574d79d0d9b8dd # v1.21.0
+        uses: ncipollo/release-action@b7eabc95ff50cbeeedec83973935c8f306dfcd0b # v1.20.0
        env:
          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
        with:
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -18,7 +18,6 @@

 ### 🐞 Bug fixes

- Improved the local style open modal and local file upload.
 - Fixed the Expression editor (for long expressions) being able to be float under other components further down
 - Fixed an issue when clicking on a popup and then clicking on the map again
 - Fix modal close button position
--- a/cypress/e2e/maputnik-cypress-helper.ts
+++ b/cypress/e2e/maputnik-cypress-helper.ts
@@ -43,12 +43,6 @@ export default class MaputnikCypressHelper {
        }
      });
    },
-    dropFileByFixture: (fixture: string, dropzoneTestId: string) => {
-      this.helper.get.elementByTestId(dropzoneTestId).selectFile("cypress/fixtures/" + fixture, {
-        action: "drag-drop",
-        force: true,
-      });
-    },
    ...this.helper.when,
  };

--- a/cypress/e2e/maputnik-driver.ts
+++ b/cypress/e2e/maputnik-driver.ts
@@ -143,12 +143,7 @@ export class MaputnikDriver {
    },
    chooseExampleFile: () => {
      this.helper.given.fixture("example-style.json", "example-style.json");
-      this.helper.when.openFileByFixture("example-style.json", "modal:open.dropzone", "modal:open.file.input");
-      this.helper.when.wait(200);
-    },
-    dropExampleFile: () => {
-      this.helper.given.fixture("example-style.json", "example-style.json");
-      this.helper.when.dropFileByFixture("example-style.json", "modal:open.dropzone");
+      this.helper.when.openFileByFixture("example-style.json", "modal:open.file.button", "modal:open.file.input");
      this.helper.when.wait(200);
    },
    setStyle: (
--- a/cypress/e2e/modals.cy.ts
+++ b/cypress/e2e/modals.cy.ts
@@ -23,11 +23,6 @@ describe("modals", () => {
      then(get.fixture("example-style.json")).shouldEqualToStoredStyle();
    });

-    it("upload via drag and drop", () => {
-      when.dropExampleFile();
-      then(get.fixture("example-style.json")).shouldEqualToStoredStyle();
-    });
-
    describe("when click open url", () => {
      beforeEach(() => {
        const styleFileUrl = get.exampleFileUrl();
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@@ -27,17 +27,17 @@
  "homepage": "https://github.com/maplibre/maputnik#readme",
  "dependencies": {
    "@codemirror/lang-json": "^6.0.2",
-    "@codemirror/lint": "^6.9.6",
+    "@codemirror/lint": "^6.9.5",
    "@codemirror/state": "^6.6.0",
    "@codemirror/theme-one-dark": "^6.1.3",
-    "@codemirror/view": "^6.42.1",
+    "@codemirror/view": "^6.41.0",
    "@dnd-kit/core": "^6.3.1",
    "@dnd-kit/sortable": "^10.0.0",
    "@dnd-kit/utilities": "^3.2.2",
    "@mapbox/mapbox-gl-rtl-text": "^0.4.0",
    "@maplibre/maplibre-gl-geocoder": "^1.9.4",
    "@maplibre/maplibre-gl-inspect": "^1.8.2",
-    "@maplibre/maplibre-gl-style-spec": "^24.8.5",
+    "@maplibre/maplibre-gl-style-spec": "^24.8.1",
    "array-move": "^4.0.0",
    "buffer": "^6.0.3",
    "classnames": "^2.5.1",
@@ -47,7 +47,7 @@
    "downshift": "^9.3.2",
    "events": "^3.3.0",
    "file-saver": "^2.0.5",
-    "i18next": "^26.0.10",
+    "i18next": "^26.0.5",
    "i18next-browser-languagedetector": "^8.2.1",
    "i18next-resources-to-backend": "^1.2.1",
    "json-stringify-pretty-compact": "^4.0.0",
@@ -59,7 +59,7 @@
    "lodash.get": "^4.4.2",
    "lodash.isequal": "^4.5.0",
    "lodash.throttle": "^4.1.1",
-    "maplibre-gl": "^5.24.0",
+    "maplibre-gl": "^5.23.0",
    "maputnik-design": "github:maputnik/design#172b06c",
    "ol": "^10.9.0",
    "ol-mapbox-style": "^13.4.1",
@@ -72,7 +72,7 @@
    "react-collapse": "^5.1.1",
    "react-color": "^2.19.3",
    "react-dom": "^19.2.4",
-    "react-i18next": "^17.0.7",
+    "react-i18next": "^17.0.4",
    "react-icons": "^5.6.0",
    "react-markdown": "^10.1.0",
    "reconnecting-websocket": "^4.4.0",
@@ -126,28 +126,28 @@
    "@types/string-hash": "^1.1.3",
    "@types/wicg-file-system-access": "^2023.10.7",
    "@vitejs/plugin-react": "^5.1.4",
-    "@vitest/coverage-v8": "^4.1.5",
+    "@vitest/coverage-v8": "^4.1.4",
    "cors": "^2.8.6",
-    "cypress": "^15.14.2",
+    "cypress": "^15.14.0",
    "cypress-plugin-tab": "^2.0.0",
-    "eslint": "^10.3.0",
+    "eslint": "^10.2.1",
    "eslint-plugin-react": "^7.37.5",
    "eslint-plugin-react-hooks": "^7.1.1",
    "eslint-plugin-react-refresh": "^0.5.2",
-    "i18next-cli": "^1.56.12",
+    "i18next-cli": "^1.53.2",
    "istanbul": "^0.4.5",
    "istanbul-lib-coverage": "^3.2.2",
-    "postcss": "^8.5.14",
+    "postcss": "^8.5.10",
    "react-hot-loader": "^4.13.1",
    "sass": "^1.99.0",
-    "stylelint": "^17.11.0",
+    "stylelint": "^17.8.0",
    "stylelint-config-recommended-scss": "^17.0.1",
    "stylelint-scss": "^7.0.0",
    "typescript": "^6.0.3",
-    "typescript-eslint": "^8.59.2",
-    "uuid": "^14.0.0",
+    "typescript-eslint": "^8.58.2",
+    "uuid": "^13.0.0",
    "vite": "^7.3.2",
    "vite-plugin-istanbul": "^8.0.0",
-    "vitest": "^4.1.5"
+    "vitest": "^4.1.4"
  }
 }
--- a/src/components/modals/ModalOpen.tsx
+++ b/src/components/modals/ModalOpen.tsx
@@ -1,4 +1,4 @@
-import React, { type DragEvent, type FormEvent } from "react";
+import React, { type FormEvent } from "react";
 import { MdFileUpload } from "react-icons/md";
 import { MdAddCircleOutline } from "react-icons/md";
 import { Trans, type WithTranslation, withTranslation } from "react-i18next";
@@ -51,20 +51,16 @@ type ModalOpenInternalProps = {

 type ModalOpenState = {
  styleUrl: string
-  isDragOver: boolean
  error?: string | null
  activeRequest?: any
  activeRequestUrl?: string | null
 };

 class ModalOpenInternal extends React.Component<ModalOpenInternalProps, ModalOpenState> {
-  private fileInputRef = React.createRef<HTMLInputElement>();
-
  constructor(props: ModalOpenInternalProps) {
    super(props);
    this.state = {
-      styleUrl: "",
-      isDragOver: false,
+      styleUrl: ""
    };
  }

@@ -202,45 +198,12 @@ class ModalOpenInternal extends React.Component<ModalOpenInternalProps, ModalOpe

  onOpenToggle() {
    this.setState({
-      styleUrl: "",
-      isDragOver: false,
+      styleUrl: ""
    });
    this.clearError();
    this.props.onOpenToggle();
  }

-  onBrowseClick = async () => {
-    if (typeof window.showOpenFilePicker === "function") {
-      await this.onOpenFile();
-      return;
-    }
-
-    this.fileInputRef.current?.click();
-  };
-
-  onFileDragOver = (e: DragEvent<HTMLDivElement>) => {
-    e.preventDefault();
-    e.stopPropagation();
-
-    if (!this.state.isDragOver) {
-      this.setState({ isDragOver: true });
-    }
-  };
-
-  onFileDragLeave = (e: DragEvent<HTMLDivElement>) => {
-    e.preventDefault();
-    e.stopPropagation();
-    this.setState({ isDragOver: false });
-  };
-
-  onFileDrop = (e: DragEvent<HTMLDivElement>) => {
-    e.preventDefault();
-    e.stopPropagation();
-
-    this.setState({ isDragOver: false });
-    this.onFileChanged(e.dataTransfer.files);
-  };
-
  onChangeUrl = (url: string) => {
    this.setState({
      styleUrl: url,
@@ -281,35 +244,19 @@ class ModalOpenInternal extends React.Component<ModalOpenInternalProps, ModalOpe
          <section className="maputnik-modal-section">
            <h1>{t("Open local Style")}</h1>
            <p>{t("Open a local JSON style from your computer.")}</p>
-            <div
-              data-wd-key="modal:open.dropzone"
-              className={`maputnik-upload-dropzone${this.state.isDragOver ? " maputnik-upload-dropzone--active" : ""}`}
-              role="button"
-              tabIndex={0}
-              onDragOver={this.onFileDragOver}
-              onDragLeave={this.onFileDragLeave}
-              onDrop={this.onFileDrop}
-              onClick={() => void this.onBrowseClick()}
-              onKeyDown={(e) => {
-                if (e.key === "Enter" || e.key === " ") {
-                  e.preventDefault();
-                  void this.onBrowseClick();
-                }
-              }}
-            >
-              <div className="maputnik-upload-dropzone-content">
-                <MdFileUpload className="maputnik-upload-dropzone-icon" aria-hidden="true" />
-                <p className="maputnik-upload-dropzone-text">
-                  {t("Drag and drop a style JSON file here or click to browse")}
-                </p>
-              </div>
-              <input
-                ref={this.fileInputRef}
-                data-wd-key="modal:open.file.input"
-                type="file"
-                style={{ display: "none" }}
-                onChange={(e) => this.onFileChanged(e.target.files)}
-              />
+            <div>
+              {typeof window.showOpenFilePicker === "function" ? (
+                <InputButton
+                  data-wd-key="modal:open.file.button"
+                  className="maputnik-big-button"
+                  onClick={this.onOpenFile}><MdFileUpload /> {t("Open Style")}
+                </InputButton>
+              ) : (
+                <label>
+                  <a className="maputnik-button maputnik-upload-button" aria-label={t("Open Style")}><MdFileUpload /> {t("Open Style")}</a>
+                  <input data-wd-key="modal:open.file.input" type="file" style={{ display: "none" }} onChange={(e) => this.onFileChanged(e.target.files)} />
+                </label>
+              )}
            </div>
          </section>

--- a/src/locales/de/translation.json
+++ b/src/locales/de/translation.json
@@ -199,6 +199,5 @@
  "Video URL": "Video-URL",
  "View": "Ansicht",
  "You've entered an old style filter.": "Du hast einen alten Filter-Stil eingegeben.",
-  "Zoom": "Zoom",
-  "Drag and drop a style JSON file here or click to browse": "Ziehen Sie eine Style-JSON-Datei hierher oder klicken Sie, um zu durchsuchen"
+  "Zoom": "Zoom"
 }
--- a/src/locales/en/translation.json
+++ b/src/locales/en/translation.json
@@ -1,3 +0,0 @@
-{
-  "Drag and drop a style JSON file here or click to browse": "Drag and drop a style JSON file here or click to browse"
-}
--- a/src/locales/fr/translation.json
+++ b/src/locales/fr/translation.json
@@ -199,6 +199,5 @@
  "Video URL": "URL de la vidéo",
  "View": "Vue",
  "You've entered an old style filter.": "Vous avez entré un ancien style de filtre.",
-  "Zoom": "Zoom",
-  "Drag and drop a style JSON file here or click to browse": "Faites glisser un fichier JSON de style ici ou cliquez pour parcourir"
+  "Zoom": "Zoom"
 }
--- a/src/locales/he/translation.json
+++ b/src/locales/he/translation.json
@@ -199,6 +199,5 @@
  "Video URL": "כתובת וידאו",
  "View": "תצוגה",
  "You've entered an old style filter.": "הכנסתם סינון מסוג ישן,",
-  "Zoom": "זום",
-  "Drag and drop a style JSON file here or click to browse": "גרור ושחרר כאן קובץ JSON של סגנון או לחץ כדי לעיין"
+  "Zoom": "זום"
 }
--- a/src/locales/it/translation.json
+++ b/src/locales/it/translation.json
@@ -199,6 +199,5 @@
  "Video URL": "Indirizzo video",
  "View": "Vista",
  "You've entered an old style filter.": "Hai inserito uno stile filtro obsoleto.",
-  "Zoom": "Zoom",
-  "Drag and drop a style JSON file here or click to browse": "Trascina e rilascia qui un file JSON dello stile o fai clic per sfogliare"
+  "Zoom": "Zoom"
 }
--- a/src/locales/ja/translation.json
+++ b/src/locales/ja/translation.json
@@ -199,6 +199,5 @@
  "Video URL": "動画URL",
  "View": "表示",
  "You've entered an old style filter.": "旧型フィルタを使用しております。",
-  "Zoom": "ズーム",
-  "Drag and drop a style JSON file here or click to browse": "ここにスタイルのJSONファイルをドラッグ＆ドロップするか、クリックして参照してください"
+  "Zoom": "ズーム"
 }
--- a/src/locales/ko/translation.json
+++ b/src/locales/ko/translation.json
@@ -199,6 +199,5 @@
  "Video URL": "비디오 URL",
  "View": "보기",
  "You've entered an old style filter.": "이전 스타일 필터를 입력했습니다.",
-  "Zoom": "줌",
-  "Drag and drop a style JSON file here or click to browse": "여기에 스타일 JSON 파일을 끌어다 놓거나 클릭하여 찾아보세요"
+  "Zoom": "줌"
 }
--- a/src/locales/zh/translation.json
+++ b/src/locales/zh/translation.json
@@ -199,6 +199,5 @@
  "Video URL": "视频URL",
  "View": "视图",
  "You've entered an old style filter.": "您输入了一个旧风格的过滤器。",
-  "Zoom": "缩放",
-  "Drag and drop a style JSON file here or click to browse": "将样式 JSON 文件拖放到此处或点击以浏览"
+  "Zoom": "缩放"
 }
--- a/src/styles/_modal.scss
+++ b/src/styles/_modal.scss
@@ -88,47 +88,6 @@
  @extend .maputnik-big-button !optional; /* stylelint-disable-line */
 }

-.maputnik-upload-dropzone {
-  border: 2px dashed vars.$color-midgray;
-  border-radius: 6px;
-  padding: vars.$margin-4 vars.$margin-3;
-  text-align: center;
-  cursor: pointer;
-  transition: border-color 120ms ease, background-color 120ms ease;
-
-  &:hover,
-  &:focus-visible {
-    border-color: vars.$color-lowgray;
-    background-color: rgba(255, 255, 255, 0.03);
-  }
-
-  &:focus-visible {
-    outline: 2px solid vars.$color-lowgray;
-    outline-offset: 2px;
-  }
-}
-
-.maputnik-upload-dropzone--active {
-  border-color: vars.$color-lowgray;
-  background-color: rgba(255, 255, 255, 0.04);
-}
-
-.maputnik-upload-dropzone-content {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-}
-
-.maputnik-upload-dropzone-icon {
-  font-size: 28px;
-  color: vars.$color-midgray;
-}
-
-.maputnik-upload-dropzone-text {
-  margin: vars.$margin-2 0 0;
-  color: vars.$color-lowgray;
-}
-
 .maputnik-style-gallery-container {
  flex-shrink: 1;
 }