feat: article editor header redesign

docs/design/source/locale-spec.js

@@ -2096,7 +2096,7 @@ window.LOC = {
     ],
     [
      "Header priority",
-     "Left to right: title input (own row), language dropdown, publication badge, status badge (unsaved, saving, saved, failed), freshness badge, Read only tag; then reference button, Unpublish, Save, primary, overflow. At most one filled button. Collapse order: reference label, Unpublish to overflow, freshness to icon",
+     "Left to right: language dropdown, publication badge, status badge (unsaved, saving, saved, failed), freshness badge, Read only tag, title input (fills the remaining width, same row on desktop), then reference button, Unpublish, Save, primary, overflow. At most one filled button. Collapse order: reference label, Unpublish to overflow, freshness to icon",
      "The primary action is never hidden",
      "Editor header",
      "None",
@@ -2426,7 +2426,7 @@ window.LOC = {
     ],
     [
      "Title input",
-     "Label \"Title (French)\"; aria-describedby points to the help or error text; invalid sets aria-invalid and the message is an alert",
+     "Accessible name \"Title (French)\", no visible label (the language dropdown beside it names the version); aria-describedby points to the help or error text; invalid sets aria-invalid and the message is an alert",
      "Stays in the field; on Try again, back to the field",
      "Polite: \"Saving title\", \"Title saved\"; errors are announced"
     ],
@@ -2869,7 +2869,7 @@ window.LOC = {
    "rows": [
     [
      "Title editing",
-     "Inline input in heading style. States: pristine, focus, editing, unsaved, invalid (\"Enter a title\"), too short, too long, saving, failed (value kept). Bounds 3 to 200 characters. Accessible label \"Title (French)\". Editing the title never changes the slug"
+     "Inline underline input in heading style, on the same row as the language, badges and actions on desktop (no box, no visible label). States: pristine, focus, editing, unsaved, invalid (\"Enter a title\"), too short, too long, saving, failed (value kept). Bounds 3 to 200 characters. Accessible label \"Title (French)\". Editing the title never changes the slug"
     ],
     [
      "Slug",
@@ -2970,7 +2970,7 @@ window.LOC = {
    "rows": [
     [
      "1",
-     "Title input (own row, heading style)",
+     "Title input (underline, heading style; own row on mobile, shares the header row on desktop)",
      "Full width",
      "Full width",
      "Full width"
@@ -3169,7 +3169,7 @@ window.LOC = {
     ],
     [
      "Focus",
-     "Primary outline",
+     "Primary 2px underline",
      "\"Changing the title doesn't change the address.\"",
      "Off"
     ],