@paroicms/tiny-modal 0.7.2 → 0.7.4

package/dist/tiny-modal.css

@@ -7,6 +7,7 @@
   margin: auto;
   max-height: 100dvh;
   max-width: 100dvw;
+  overflow: visible;
   padding: 0;
   position: fixed;
 }

package/dist/tiny-modal.js

@@ -90,15 +90,12 @@ function loadCssFromModuleUrl() {
     const moduleUrl = import.meta.url;
     if (!moduleUrl)
         throw new Error("import.meta.url not available");
-    // Derive CSS URL from the module URL
-    // e.g., https://esm.sh/@paroicms/tiny-modal@0.7.1 -> https://esm.sh/@paroicms/tiny-modal@0.7.1/dist/tiny-modal.css
-    // or https://esm.sh/@paroicms/tiny-modal@0.7.1/dist/tiny-modal.js -> https://esm.sh/@paroicms/tiny-modal@0.7.1/dist/tiny-modal.css
-    const cssUrl = moduleUrl.replace(/\/[^/]+\.m?js$/, () => {
-        if (moduleUrl.includes("/dist/")) {
-            return "/tiny-modal.css";
-        }
-        return "/dist/tiny-modal.css";
-    });
+    // Derive CSS URL from the module URL by extracting the package root
+    // CDNs like esm.sh may transform JS paths (e.g., add /es2022/), but CSS stays in /dist/
+    // e.g., https://esm.sh/@paroicms/tiny-modal@0.7.3/es2022/tiny-modal.mjs
+    //    -> https://esm.sh/@paroicms/tiny-modal@0.7.3/dist/tiny-modal.css
+    const packageRootUrl = moduleUrl.replace(/\/(?:es\d{4}|esnext|deno|denonext|node|dist)\/.*$/, "");
+    const cssUrl = `${packageRootUrl}/dist/tiny-modal.css`;
     // Check if CSS is already loaded
     if (document.querySelector(`link[href="${cssUrl}"]`)) {
         cssLoaded = true;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@paroicms/tiny-modal",
-  "version": "0.7.2",
+  "version": "0.7.4",
   "description": "Tiny modal library for creating modal dialogs",
   "author": "Paroi Team",
   "repository": {
@@ -24,8 +24,8 @@
   "main": "dist/tiny-modal.js",
   "typings": "dist/tiny-modal.d.ts",
   "devDependencies": {
-    "rimraf": "~6.0.1",
-    "sass": "~1.93.2",
+    "rimraf": "~6.1.0",
+    "sass": "~1.94.0",
     "typescript": "~5.9.3"
   },
   "files": [