j3w1/theme implementation brief — alert
theme: j3w1-theme 1.1.0  profile: default  sourceDigest: sha256-C+iD5Q7l0XPU/boMj003wPbPLBOq3C3ZM7s4OfzJ6mc=
pin: https://raw.githubusercontent.com/j3w1/theme/v1.1.0/exports/components/alert.json
spec: spec/components/alert.md  site: https://j3w1.github.io/theme/reference/#c-alert
maturity: stable  priority: R1

Summary: An inline status message with a mandatory glyph on the status tint behind a 1px status border; role alert for danger, status otherwise.

Use the pinned approved default profile. Pending roles in that profile use-and-report their decision IDs; this does not approve them. Proposed profiles are preview-only and blocked for delivery. Heritage profiles are historical-only. Deprecated or heritage roles are blocked for new approved-profile mappings. Consume roles within their documented scope, never primitives. Release numbering does not approve profiles or tokens.
Tokens (resolved):
  danger.bg       #2b0e0d  ({color.status.danger.tint})  use
  danger.border   #e53935  ({color.status.danger.border})  use
  danger.text     #f73f35  ({color.status.danger.text})  use
  warning.bg      #1f1a0c  ({color.status.warning.tint})  use
  warning.border  #c9973f  ({color.status.warning.border})  use
  warning.text    #c9973f  ({color.status.warning.text})  use
  success.bg      #0f1a0e  ({color.status.success.tint})  use
  success.border  #86a46f  ({color.status.success.border})  use
  success.text    #86a46f  ({color.status.success.text})  use
  info.bg         #0f141c  ({color.status.info.tint})  use
  info.border     #7e9ebb  ({color.status.info.border})  use
  info.text       #7e9ebb  ({color.status.info.text})  use
  neutral.bg      #241010  ({color.status.neutral.tint})  use
  neutral.border  #a3676b  ({color.status.neutral.border})  use
  neutral.text    #bd787d  ({color.status.neutral.text})  use
  body.text       #e99499  ({color.text.default})  use
  close.text      #e99499  ({color.action.tertiary.text})  use
  close.bg-hover  #1c0a09  ({color.action.tertiary.hover-bg})  use
  close.ring      #e53935  ({color.interaction.focus.ring})  use

States: default, hover, focus-visible
  default: status tint, 1px status border, glyph and title in the status text colour [the glyph ✕ ! ✓ i ·]
  hover: close button background → {color.action.tertiary.hover-bg}; the alert itself does not react [cursor: pointer on the button only]
  focus-visible: ring 1px dashed {color.interaction.focus.ring} at −2px on the close button [the ring]

Keyboard:
  Tab: Reaches the close button when present; the alert itself is never focusable.
  Enter / Space: Dismisses; focus returns to the element that had it, or to the next focusable element after the alert.
  Escape: Nothing; alerts are not dialogs.

ARIA: native landmark-free block; role=alert for danger, role=status for every other status; an optional native close button (https://www.w3.org/WAI/ARIA/apg/patterns/alert/)
Responsive: Fills its container; glyph, body and close button stay on one row with the body wrapping; at 320px long titles wrap under the glyph. RTL mirrors the glyph and close positions.
Portability: a <div role=alert> for danger and <div role=status> otherwise, present in the DOM before its text is filled so the announcement fires; the close button is a native <button type=button aria-label=Dismiss>.
  native: GTK4 InfoBar with the message-type mapped to the status roles.
  native: Qt QFrame with a dynamic status property; QMessageBox only for modal cases.
  native: Terminal UI: a one-line banner with the glyph and a single-line border in the status colour.

Rules: use only these values; no invented colours; radius 0; borders 1px (2px emphasis); focus is a 1px dashed ring, selection is a fill;
do not restyle unrelated elements; report deviations per agents/consume.md; record theme.lock.json at the pinned revision.