@stacksjs/defaults 0.75.81 → 0.75.82

package/ide/vscode/package.json

@@ -2,7 +2,7 @@
   "publisher": "Stacks",
   "name": "vscode-stacks",
   "displayName": "Stacks",
-  "version": "0.75.81",
+  "version": "0.75.82",
   "description": "Stacks, built into VS Code: stx templates, pickier linting and formatting, encrypted env files, the dev server preview and every buddy command. No other extensions required.",
   "license": "MIT",
   "funding": "https://github.com/sponsors/chrisbbreuer",

package/package.json

@@ -2,7 +2,7 @@
   "name": "@stacksjs/defaults",
   "type": "module",
   "sideEffects": false,
-  "version": "0.75.81",
+  "version": "0.75.82",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/stacksjs/stacks.git",
@@ -55,7 +55,7 @@
   "dependencies": {
     "@iconify-json/f7": "^1.2.2",
     "@iconify-json/hugeicons": "^1.2.35",
-    "@stacksjs/mobile": "^0.75.81",
+    "@stacksjs/mobile": "^0.75.82",
     "@stacksjs/sanitizer": "^0.2.378",
     "@xterm/addon-fit": "^0.11.0",
     "@xterm/xterm": "^6.0.0",

package/project/bun-version

@@ -0,0 +1 @@
+1.4.2

package/resources/components/NativeComponents.test.ts

@@ -57,7 +57,7 @@ describe('Native components', () => {
   it('names the screen the back button returns to, and gives way to the title', () => {
     const bar = read('NativeNavBar')
     expect(bar).toContain('enterNavTrail(navTrail(), window.location.pathname + window.location.search)')
-    expect(bar).toContain('@container (max-width: 4.5rem)')
+    expect(bar).toContain('@container (max-width: 6.5rem)')
     expect(bar).toContain("useReactiveProp<boolean>('titleOnScroll', false)")
   })
 

package/resources/components/NativeNavBar.stx

@@ -171,7 +171,10 @@ function tapBack(event: MouseEvent): void {
   .native-nav-back:active { opacity: 0.55; }
   .native-nav-back-icon { flex-shrink: 0; width: 1.6rem; height: 1.6rem; }
   .native-nav-back-label { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
-  @container (max-width: 4.5rem) {
+  /* Where the centred title leaves too little room for a word, the chevron
+     alone, as on iOS: at 4.5rem a long title still left "Wo…" for "Workout"
+     on a 402pt phone. 6.5rem fits a one-word name beside the chevron. */
+  @container (max-width: 6.5rem) {
     .native-nav-back-label { display: none; }
   }
 

package/resources/layouts/404.stx

@@ -26,9 +26,9 @@ const backgroundImage = props.backgroundImage || '/svgs/404.svg'
         Sorry, we couldn't find the page you're looking for.
       </p>
 
-      <!-- Same ember as the illustration beside it. White on #c14a15 is
-        4.93:1 and on the #9c3510 hover 7.17:1, so both states clear AA. -->
-      <a href="/" class="inline-block mt-10 px-4 py-2 text-white bg-[#c14a15] hover:bg-[#9c3510] rounded">
+      <!-- The Stacks cobalt, from the logo's plate. White on #1747c9 is
+        7.55:1 and on the #0f359d hover 10.41:1, so both states clear AA. -->
+      <a href="/" class="inline-block mt-10 px-4 py-2 text-white bg-[#1747c9] hover:bg-[#0f359d] rounded">
         Go back home
       </a>
     </main>

package/resources/views/errors/404.stx

@@ -24,7 +24,7 @@
       framework accent: it sits inches from the artwork, and a blue mark
       against a warm dusk scene reads as a mistake in any app's brand. The
       dark value is the same ramp's coral, from the scene's night variant. -->
-    <div class="my-6 h-1 w-14 bg-[#c14a15] dark:bg-[#ff8a4c] rounded-full"></div>
+    <div class="my-6 h-1 w-14 bg-[#1747c9] dark:bg-[#7ea3ff] rounded-full"></div>
 
     <h1 class="mb-2 font-semibold text-2xl text-neutral-950 dark:text-white">Page not found</h1>