stellar-drive 1.2.34 → 1.2.36

package/dist/bin/install-pwa.js

@@ -206,7 +206,7 @@ function generatePackageJson(opts) {
         },
         dependencies: {
             postgres: '^3.4.0',
-            'stellar-drive': '^1.2.34'
+            'stellar-drive': '^1.2.36'
         },
         type: 'module'
     }, null, 2) + '\n');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "stellar-drive",
-  "version": "1.2.34",
+  "version": "1.2.36",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",

package/src/components/GlobalToast.svelte

@@ -5,7 +5,6 @@
   renders toasts at the bottom of the viewport.
 
   - Mount once in your root `+layout.svelte`. No props required.
-  - Automatically raises toasts above the demo banner in demo mode.
   - Stacks up to three toasts with distinct bottom offsets.
   - Toasts slide up on entry and fade out on dismiss (via Svelte out:fade).
   - Four variants: info (blue), success (green), error (red), warning (purple).
@@ -20,16 +19,8 @@
 <script lang="ts">
   import { fade } from 'svelte/transition';
   import { toastStore, dismissToast } from 'stellar-drive/toast';
-  import { isDemoMode } from 'stellar-drive/demo';
   import type { ToastVariant } from 'stellar-drive/toast';
 
-  // ==========================================================================
-  //                           COMPONENT STATE
-  // ==========================================================================
-
-  /** Whether demo mode is active — raises toasts above the demo banner. */
-  const inDemoMode = $derived(isDemoMode());
-
   /** SVG icon paths for each variant. */
   const ICONS: Record<ToastVariant, { paths: string[]; type: 'stroke' }> = {
     info: {
@@ -66,8 +57,7 @@
   };
 </script>
 
-<!-- demo-mode class raises toasts above the demo banner -->
-<div class="toast-stack" class:demo-mode={inDemoMode}>
+<div class="toast-stack">
   {#each $toastStore as toast (toast.id)}
     <div class="toast-item toast-{toast.variant}" out:fade={{ duration: 180 }}>
       <div class="toast-content">
@@ -116,17 +106,6 @@
     bottom: calc(8rem + env(safe-area-inset-bottom, 0px));
   }
 
-  /* Demo mode — raise above demo banner */
-  .toast-stack.demo-mode .toast-item {
-    bottom: calc(4rem + env(safe-area-inset-bottom, 0px));
-  }
-  .toast-stack.demo-mode .toast-item + .toast-item {
-    bottom: calc(7.5rem + env(safe-area-inset-bottom, 0px));
-  }
-  .toast-stack.demo-mode .toast-item + .toast-item + .toast-item {
-    bottom: calc(11rem + env(safe-area-inset-bottom, 0px));
-  }
-
   @keyframes toastSlideUp {
     from {
       opacity: 0;
@@ -238,14 +217,5 @@
       bottom: calc(12.5rem + env(safe-area-inset-bottom, 0px));
     }
 
-    .toast-stack.demo-mode .toast-item {
-      bottom: calc(7.5rem + env(safe-area-inset-bottom, 0px));
-    }
-    .toast-stack.demo-mode .toast-item + .toast-item {
-      bottom: calc(11rem + env(safe-area-inset-bottom, 0px));
-    }
-    .toast-stack.demo-mode .toast-item + .toast-item + .toast-item {
-      bottom: calc(14.5rem + env(safe-area-inset-bottom, 0px));
-    }
   }
 </style>

package/src/components/OfflineBanner.svelte

@@ -7,7 +7,7 @@
   - Desktop: pill-shaped, centered, positioned below the 64px top nav
     (accounts for safe-area-inset-top on notch/island devices).
   - Mobile: pill-shaped, left/right 1rem inset, positioned below the island-header
-    (env(safe-area-inset-top) * 2 + 24px + 0.5rem breathing room).
+    (env(safe-area-inset-top) * 1 + 24px + 1rem breathing room).
   - Only renders when `$isOnline` is `false`.
   - No dismiss button — auto-hides on reconnect.
   - Black glass morphism matching DemoBanner style.
@@ -72,11 +72,11 @@
   }
 
   /* ── Mobile: pill below island-header, matching desktop black glass ──
-     island-header height = env(safe-area-inset-top) * 2 + 24px.
-     +0.5rem breathing room so the pill clears the header gradient fade. */
+     island-header height = env(safe-area-inset-top) * 1 + 24px.
+     + 1rem breathing room so the pill clears the header gradient fade. */
   @media (max-width: 767px) {
     .offline-banner {
-      top: calc(env(safe-area-inset-top, 47px) * 2 + 24px + 0.5rem);
+      top: calc(env(safe-area-inset-top, 47px) * 1 + 24px + 1rem);
       left: 1rem;
       right: 1rem;
       transform: none;