{"component":{"aria":"role='status' announces inline (aria-live='polite'). Critical notifications use role='alert' aria-live='assertive' for time-sensitive failures. Notifications never auto-disappear without an undo affordance.","category":"components","css":".ps-notif{padding:var(--ps-space-4,12px) var(--ps-space-5,16px);border-left:4px solid;border-radius:var(--ps-corner-2,4px)}.ps-notif--info{background-color:var(--ps-support-info-bg,#eef3ff);border-color:var(--ps-support-info,#234ed8)}.ps-notif--positive{background-color:var(--ps-support-positive-bg,#e8f6ed);border-color:var(--ps-support-positive,#26823f)}.ps-notif--caution{background-color:var(--ps-support-caution-bg,#fff5e1);border-color:var(--ps-support-caution,#a87514)}.ps-notif--critical{background-color:var(--ps-support-critical-bg,#fceaea);border-color:var(--ps-support-critical,#a52323)}.ps-notif__title{display:block;font-weight:600;margin-bottom:var(--ps-space-2,4px)}.ps-notif__body{margin:0;font-size:.875rem;line-height:1.43}","description":"Inline messaging — informational, positive, caution, critical. Toast variant subsequent milestone.","display_name":"Notification","html":"<aside class=\"ps-notif ps-notif--{{variant}}\" role=\"status\" aria-live=\"polite\">\n  <span class=\"ps-notif__title\">{{title}}</span>\n  <p class=\"ps-notif__body\">{{body}}</p>\n</aside>","name":"notification","registry_type":"component","research_links":[],"tabs_available":["accessibility","code","style","usage"],"variants":[{"css_class":"ps-notif ps-notif--info","description":"","html":"","name":"info","tokens":[]},{"css_class":"ps-notif ps-notif--positive","description":"","html":"","name":"positive","tokens":[]},{"css_class":"ps-notif ps-notif--caution","description":"","html":"","name":"caution","tokens":[]},{"css_class":"ps-notif ps-notif--critical","description":"","html":"","name":"critical","tokens":[]}],"wcag":{"target":"2.2 AAA"}},"tenant":"pointsav","theme":"pointsav-brand"}