mnfst 0.5.213 → 0.5.215

package/lib/manifest.sw.js

@@ -16,14 +16,16 @@
 
 // Build stamps the published version here; unstamped (dev) falls back to the
 // registration URL's `v`, then 'dev'.
-const BUILD_VERSION = '0.5.213';
+const BUILD_VERSION = '0.5.215';
 const CACHE_PREFIX = 'mnfst-sw:';
 const META_CACHE = CACHE_PREFIX + 'meta';
-const SWR_CAP = 200;
+// Sized to hold a full precache.json warm-up (PRECACHE_MAX_ENTRIES server-side)
+// so precached media isn't evicted before it's ever used offline.
+const SWR_CAP = 500;
 const PRECACHE_PATH = '/precache.json';
 const PRECACHE_CONCURRENCY = 4;
 
-const STATIC_EXT = /\.(css|js|mjs|json|csv|tsv|ya?ml|md|txt|xml|svg|png|jpe?g|gif|webp|avif|ico|bmp|woff2?|ttf|otf|eot|mp3|mp4|webm|ogg|wav|wasm|webmanifest|map)$/i;
+const STATIC_EXT = /\.(css|js|mjs|json|csv|tsv|ya?ml|md|txt|xml|svg|png|jpe?g|gif|webp|avif|ico|bmp|woff2?|ttf|otf|eot|mp3|mp4|webm|ogg|wav|flac|m4a|wasm|webmanifest|map)$/i;
 const SKIP_PATH = /^\/(sw\.js$|precache\.json$|v1\/|_appwrite\/|_ai\/|__mnfst|__edit)/;
 const CDN_HOST = /^(cdn\.manifestx\.dev|cdn\.jsdelivr\.net|unpkg\.com|esm\.run)$/;
 const ICONIFY_HOST = /^api\.(iconify\.design|simplesvg\.com|unisvg\.com)$/;

package/lib/manifest.typography.css

@@ -123,7 +123,11 @@
         border-radius: var(--radius, 0.5rem)
     }
 
-    /* Badges */
+    /* Badges. Leading is normal so descenders clear the bottom edge, padding
+       comes off --spacing rather than ch (0.65ch crowds the first letter), and
+       the radius follows --radius instead of a hard pill. The semantic surface
+       stays solid: tinting it and keeping --color-field-inverse drops dark-mode
+       contrast to ~1.1, and moving to --color-content-stark only reaches ~3. */
     :where(.badge) {
         display: inline-flex;
         justify-content: center;
@@ -131,17 +135,27 @@
         gap: 0.25rem;
         width: fit-content;
         height: fit-content;
-        padding: 0.35ch 0.65ch;
+        padding: calc(var(--spacing, 0.25rem) * 0.5) calc(var(--spacing, 0.25rem) * 2);
         font-weight: 500;
         font-size: 0.75rem;
-        line-height: 1;
+        line-height: 1.25;
         color: var(--color-field-inverse, oklch(43.9% 0 0));
         background-color: var(--color-field-surface, color-mix(in oklch, oklch(97% 0 0) 10%, transparent));
-        border-radius: 100px;
+        border-radius: calc(var(--radius, 0.5rem) * 0.6);
+
+        /* Solo icons square up, as buttons do. (The old :only-child here keyed
+           off the badge's siblings, so an icon badge next to anything got word
+           padding.) */
+        &[x-icon] {
+            padding: calc(var(--spacing, 0.25rem) * 0.5);
+            aspect-ratio: 1
+        }
 
-        /* Solo icons */
-        &:only-child[x-icon] {
-            padding: 0.35ch
+        /* Same for a badge wrapping a bare <svg>. Its own rule so the plain
+           selector above still lands without :has(). */
+        &:has(> svg:only-child) {
+            padding: calc(var(--spacing, 0.25rem) * 0.5);
+            aspect-ratio: 1
         }
     }
 

package/lib/manifest.utilities.css

@@ -275,7 +275,12 @@
             margin-top: calc(3rem)
         }
 
-        &>details:last-child,
+        &>details:last-child {
+            margin-bottom: calc(3rem)
+        }
+
+        /* Own rule — :not() is not forgiving either, so an unsupported :has()
+           inside it would take :last-child above down with it. */
         &>details:not(:last-child):not(:has(+ details, + hr)) {
             margin-bottom: calc(3rem)
         }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "mnfst",
-    "version": "0.5.213",
+    "version": "0.5.215",
     "private": false,
     "workspaces": [
         "templates/starter",