stellar-drive 1.2.20 → 1.2.22

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/bin/install-pwa.js +1 -1
  2. package/package.json +1 -1
  3. package/src/components/DemoBanner.svelte +8 -2
  4. package/src/components/DemoBlockedMessage.svelte +3 -6
package/dist/bin/install-pwa.js CHANGED
@@ -206,7 +206,7 @@ function generatePackageJson(opts) {
206
206
  },
207
207
  dependencies: {
208
208
  postgres: '^3.4.0',
209
- 'stellar-drive': '^1.2.20'
209
+ 'stellar-drive': '^1.2.22'
210
210
  },
211
211
  type: 'module'
212
212
  }, null, 2) + '\n');
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "stellar-drive",
3
- "version": "1.2.20",
3
+ "version": "1.2.22",
4
4
  "type": "module",
5
5
  "main": "./dist/index.js",
6
6
  "types": "./dist/index.d.ts",
package/src/components/DemoBanner.svelte CHANGED
@@ -19,7 +19,7 @@
19
19
 
20
20
  {#if visible}
21
21
  <div class="demo-banner" role="status" aria-live="polite">
22
- <span class="demo-banner-text">Demo Mode — Changes reset on refresh</span>
22
+ <span class="demo-banner-text">Demo Mode<span class="demo-banner-subtitle"> — Changes reset on refresh</span></span>
23
23
  <a class="demo-banner-link" href="/demo">Demo Page</a>
24
24
  <button
25
25
  class="demo-banner-close"
@@ -51,7 +51,7 @@
51
51
  font-size: 0.8125rem;
52
52
  font-weight: 500;
53
53
  letter-spacing: 0.01em;
54
- white-space: normal;
54
+ white-space: nowrap;
55
55
  max-width: calc(100vw - 2rem);
56
56
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
57
57
  pointer-events: auto;
@@ -64,6 +64,12 @@
64
64
  font-size: 0.75rem;
65
65
  gap: 0.5rem;
66
66
  }
67
+
68
+ /* Mobile: hide subtitle and Demo Page link — keep it to just "Demo Mode ×" */
69
+ .demo-banner-subtitle,
70
+ .demo-banner-link {
71
+ display: none;
72
+ }
67
73
  }
68
74
 
69
75
  .demo-banner-text {
package/src/components/DemoBlockedMessage.svelte CHANGED
@@ -10,12 +10,9 @@
10
10
  - z-index 9950 — above page content and DemoBanner (9000), below sign-out overlay (9998).
11
11
  - App-neutral styling — works in both Stellar and Radiant themes.
12
12
 
13
- @example
14
- ```svelte
15
- <!-- In +layout.svelte -->
16
- import DemoBlockedMessage from 'stellar-drive/components/DemoBlockedMessage';
17
- <DemoBlockedMessage />
18
- ```
13
+ Example mount in `+layout.svelte`:
14
+ `import DemoBlockedMessage from 'stellar-drive/components/DemoBlockedMessage';`
15
+ `<DemoBlockedMessage />`
19
16
  -->
20
17
  <script lang="ts">
21
18
  import { _demoBlockedStore } from 'stellar-drive/demo';