studio-engine 0.119.0 → 0.119.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 10f7eaf25386391e9c922bd4f6937c17bfba9edfd56c2d66fb0b7efbc47f0b0e
-  data.tar.gz: 6db5f0a4e76c6f40e7c24cc8411774c835c8a4a3bbd7187df19579b6d5d4b459
+  metadata.gz: 327664450f0c0b1de0a01b75231b2f2fa470ab66d865f3b585eb55281e3318d3
+  data.tar.gz: 0634a4d5e519e0a808558cd3341d192ab7c0162373ad46d376e6cd6753a1f432
 SHA512:
-  metadata.gz: c881adcf7be3fd52979932145acbd8c4b51d213950a48d95f302bbebad10f7bbf2cde647e50bb6cca267b4f3b7ca81613969aa2e86d606e28ca9bdc692f1af7c
-  data.tar.gz: d0e05f2556bb259a9e05b704da3374e638c70fdba0cf6d634948922ad5a72203488239d62e07ce65ac1e0d3b73cc9cf590df3936c8f64086feaf85f57ed09530
+  metadata.gz: 75317c813644a660eb548ddd2ee7727371b7df3520867ef0037449a7d68bb57a72c5e0c87eb767b56426459f627809f17dd2dacd8d56baf9ffd41226337c7368
+  data.tar.gz: ba9ee2c20c1edf6659186b89a30a44a80c5cc3e4c4afd3b44910bdc934922c82d0250995996746b8ecc12976690d6ca5f8880dcae6f1caab7a149471a8808307

data/CHANGELOG.md

@@ -4,6 +4,22 @@ The format is [Keep a Changelog](https://keepachangelog.com/en/1.1.0/). This pro
 
 ## Unreleased
 
+## 0.119.1 — 2026-10-29
+
+### Fixed
+
+- **The theme toggle names itself.** `components/_theme_toggle` now renders
+  `type="button"` (it no longer submits a form it sits inside),
+  `aria-label="Dark theme"` and an `aria-pressed` bound to the theme store
+  (`$store.theme.isDark`), so a screen reader hears a toggle button and its
+  state, and the state flips with the theme. The `title` tooltip, classes and
+  icons are unchanged. With `Studio.navbar_name_in_rows` on, the truncating name
+  control carries the full name as its `title`. Hosts that patched these in at
+  runtime (turf-monster `app/javascript/nav_labels.js`) can drop the patch once
+  they lock this version. This is a deliberate change to the unset navbar's
+  bytes: `test/fixtures/files/navbar_unset_baseline` was regenerated, and the
+  toggle's button line is the only line that moved.
+
 ## 0.119.0 — 2026-10-29
 
 ### Added

data/app/views/components/_theme_toggle.html.erb

@@ -1,4 +1,4 @@
-<button @click="$store.theme.toggle()" class="flex text-secondary hover:text-heading transition" title="Toggle theme">
+<button type="button" @click="$store.theme.toggle()" class="flex text-secondary hover:text-heading transition" title="Toggle theme" aria-label="Dark theme" :aria-pressed="$store.theme.isDark ? 'true' : 'false'">
   <!-- Moon icon (shown in dark mode) — Heroicons v2 outline -->
   <svg x-show="$store.theme.isDark" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5">
     <path stroke-linecap="round" stroke-linejoin="round" d="M21.752 15.002A9.72 9.72 0 0118 15.75c-5.385 0-9.75-4.365-9.75-9.75 0-1.33.266-2.597.748-3.752A9.753 9.753 0 003 11.25C3 16.635 7.365 21 12.75 21a9.753 9.753 0 009.002-5.998z" />
@@ -8,3 +8,7 @@
     <path stroke-linecap="round" stroke-linejoin="round" d="M12 3v2.25m6.364.386l-1.591 1.591M21 12h-2.25m-.386 6.364l-1.591-1.591M12 18.75V21m-4.773-4.227l-1.591 1.591M5.25 12H3m4.227-4.773L5.636 5.636M15.75 12a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0z" />
   </svg>
 </button>
+<%# A toggle button: a fixed name ("Dark theme") with its state beside it in
+    aria-pressed, bound to the theme store so it flips with the theme. The
+    title stays for the pointer tooltip. type="button" keeps it from submitting
+    a form it may sit inside. %>

data/app/views/components/_user_nav.html.erb

@@ -144,21 +144,25 @@
               so its control is not rendered there at all (hidden, never a
               0x0 tab stop announcing the name a second time): the avatar,
               labelled with the name, is the account below md. %>
+          <%# The name truncates from md, so each control carries the full name as
+              its title for a pointer reader; its accessible name was always the
+              full text. %>
+          <% name_title = nav_user_name.to_s.squish %>
           <% name_classes = "group min-w-0 flex-shrink rounded-md focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/40#{" hidden md:block" unless phone_name}" %>
           <% if account_sidebar %>
             <% name_js = studio_navbar_account_sidebar_expressions(account_sidebar) %>
-            <%= tag.button type: "button", class: "#{name_classes} cursor-pointer",
+            <%= tag.button type: "button", class: "#{name_classes} cursor-pointer", title: name_title,
                            data: { nav_name_trigger: "", profile_image_toggle: "" },
                            aria: { controls: account_sidebar[:controls], haspopup: "dialog" },
                            ":aria-expanded": name_js[:expanded], "@click.stop": name_js[:toggle] do %><%= name_html %><% end %>
           <% elsif account_opens_sidebar %>
-            <button type="button" class="<%= name_classes %> cursor-pointer" data-nav-name-trigger data-profile-image-toggle
+            <button type="button" class="<%= name_classes %> cursor-pointer" title="<%= name_title %>" data-nav-name-trigger data-profile-image-toggle
                     aria-controls="studio-link-sidebar studio-link-sidebar-mobile" aria-haspopup="dialog"
                     :aria-expanded="$store.sidebars && $store.sidebars.linkTreeOpen ? 'true' : 'false'"><%= name_html %></button>
           <% elsif studio_nav_destination %>
-            <%= link_to name_html, studio_nav_destination, class: name_classes, "data-nav-name-trigger": "" %>
+            <%= link_to name_html, studio_nav_destination, class: name_classes, title: name_title, "data-nav-name-trigger": "" %>
           <% else %>
-            <span class="<%= name_classes %>" data-nav-name-trigger><%= name_html %></span>
+            <span class="<%= name_classes %>" title="<%= name_title %>" data-nav-name-trigger><%= name_html %></span>
           <% end %>
         <% end %>
       </div>

data/lib/studio/version.rb

@@ -1,3 +1,3 @@
 module Studio
-  VERSION = "0.119.0"
+  VERSION = "0.119.1"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: studio-engine
 version: !ruby/object:Gem::Version
-  version: 0.119.0
+  version: 0.119.1
 platform: ruby
 authors:
 - Alex McRitchie
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2026-10-29 00:00:00.000000000 Z
+date: 2026-10-30 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails