sos-portal-components-react 0.3.3 → 0.4.0

package/dist/encounter-journey.css

@@ -1,91 +1,91 @@
-.uhcp-transfer-console { background:var(--uhcp-surface,#fff); color:var(--uhcp-text,#102754); display:grid; font-family:Inter,ui-sans-serif,system-ui,sans-serif; grid-template-columns:minmax(16rem,23rem) minmax(0,1fr); min-height:calc(100vh - 4.5rem); }
-.uhcp-transfer-console button,.uhcp-transfer-console input,.uhcp-transfer-console textarea { font:inherit; }
-.uhcp-transfer-console svg { fill:none; height:1.25rem; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.8; width:1.25rem; }
-.uhcp-transfer-contacts { border-inline-end:1px solid #dce5ec; padding:1.2rem; }
-.uhcp-transfer-contacts summary { cursor:pointer; font-size:1.05rem; font-weight:850; list-style-position:inside; padding:.35rem 0 1rem; }
-.uhcp-transfer-contact-list { border-block:1px solid #e2e9ef; display:grid; padding:.45rem 0; }
-.uhcp-transfer-contact-list button { background:transparent; border:0; border-inline-start:3px solid transparent; color:inherit; cursor:pointer; display:grid; gap:.15rem; grid-template-columns:2.7rem 1fr; padding:.75rem; text-align:start; }
-.uhcp-transfer-contact-list button[aria-pressed=true] { background:var(--uhcp-surface-muted,#eaf8fd); border-inline-start-color:var(--uhcp-text,#09a9dc); }
-.uhcp-transfer-contact-list button>span { align-items:center; background:var(--uhcp-surface-muted,#d7e7f1); border-radius:50%; display:flex; font-weight:800; grid-row:span 2; height:2.4rem; justify-content:center; width:2.4rem; }
-.uhcp-transfer-contact-list small { color:var(--uhcp-text,#58708e); }
-.uhcp-transfer-contact-actions { display:grid; gap:.55rem; padding:1rem 0; }
-.uhcp-transfer-contact-actions button,.uhcp-transfer-mode button,.uhcp-transfer-composer fieldset button { align-items:center; background:var(--uhcp-surface,#fff); border:1px solid #cad7e2; border-radius:.55rem; color:inherit; cursor:pointer; display:flex; gap:.7rem; padding:.7rem .85rem; }
-.uhcp-transfer-contact-actions button[aria-pressed=true],.uhcp-transfer-mode button[aria-pressed=true] { background:var(--uhcp-surface-muted,#eaf8fd); border-color:var(--uhcp-text,#09a9dc); color:var(--uhcp-text,#006f96); font-weight:800; }
-.uhcp-transfer-composer fieldset button[aria-pressed=true] { background:var(--uhcp-surface-muted,#eaf8fd); border-color:var(--uhcp-text,#09a9dc); color:var(--uhcp-text,#006f96); font-weight:800; }
-.uhcp-transfer-composer { display:grid; gap:.8rem; }
-.uhcp-transfer-composer h3 { font-size:.95rem; margin:.2rem 0 0; }
-.uhcp-transfer-mode { display:grid; grid-template-columns:1fr 1fr; }
-.uhcp-transfer-mode button { justify-content:center; }
-.uhcp-transfer-composer label { display:grid; font-size:.82rem; font-weight:750; gap:.35rem; }
-.uhcp-transfer-composer textarea { border:1px solid #cad7e2; border-radius:.55rem; color:inherit; resize:vertical; padding:.75rem; }
-.uhcp-transfer-composer fieldset { border:0; margin:0; padding:0; }
-.uhcp-transfer-composer legend { font-size:.82rem; font-weight:750; margin-bottom:.4rem; }
-.uhcp-transfer-composer fieldset>div { display:flex; flex-wrap:wrap; gap:.4rem; }
-.uhcp-transfer-record { background:var(--uhcp-surface,#fff); border:1px dashed #09a9dc; border-radius:.55rem; color:var(--uhcp-text,#006f96); padding:1rem; }
-.uhcp-transfer-primary { background:#0796a8!important; border-color:#0796a8!important; color:#fff!important; font-weight:850!important; }
-.uhcp-transfer-main { min-width:0; padding:1rem; }
-.uhcp-transfer-patient,.uhcp-transfer-journey,.uhcp-transfer-review { border:1px solid #dce5ec; border-radius:.7rem; box-shadow:0 4px 16px rgb(16 39 84 / 5%); }
-.uhcp-transfer-patient { padding:1rem; }
-.uhcp-transfer-patient h2,.uhcp-transfer-journey h2,.uhcp-transfer-review h2 { font-size:1.18rem; margin:0; }
-.uhcp-transfer-patient>div { align-items:center; display:grid; gap:.75rem; grid-template-columns:minmax(11rem,.85fr) 1px minmax(13rem,1fr) auto; margin-top:.75rem; }
-.uhcp-transfer-patient button,.uhcp-transfer-patient label { align-items:center; background:var(--uhcp-surface,#fff); border:1px solid #9fb3c8; border-radius:.45rem; display:flex; gap:.65rem; min-height:3rem; padding:.7rem .9rem; }
-.uhcp-transfer-patient button { color:inherit; cursor:pointer; font-weight:800; justify-content:center; }
-.uhcp-transfer-patient button:last-child { background:var(--uhcp-surface-muted,#0796a8); border-color:var(--uhcp-text,#0796a8); color:#fff; }
-.uhcp-transfer-patient>div>span { background:var(--uhcp-surface-muted,#cbd7e1); height:2rem; }
-.uhcp-transfer-patient label { color:var(--uhcp-text,#64748b); }
-.uhcp-transfer-patient input { border:0; color:var(--uhcp-text,#102754); min-width:0; outline:0; width:100%; }
-.uhcp-transfer-journey { margin-top:.8rem; overflow:hidden; padding:1rem; }
-.uhcp-transfer-journey>header,.uhcp-transfer-review>header { align-items:center; display:flex; justify-content:space-between; }
-.uhcp-transfer-journey>header>div { display:flex; gap:.4rem; }
-.uhcp-transfer-journey>header button { align-items:center; background:var(--uhcp-surface,#fff); border:1px solid #cad7e2; border-radius:.45rem; color:inherit; display:flex; padding:.45rem; }
-.uhcp-transfer-journey>header button:first-child svg { transform:rotate(180deg); }
-.uhcp-transfer-rail { align-items:center; display:flex; gap:.8rem; min-height:18rem; overflow-x:auto; padding:1rem .25rem; scrollbar-color:#aebfce #edf2f5; }
-.uhcp-transfer-card { border:1px solid #cad7e2; border-radius:.5rem; flex:0 0 10rem; min-height:12rem; overflow:hidden; }
-.uhcp-transfer-card h3 { background:var(--uhcp-surface-muted,#087db8); color:var(--uhcp-text,#fff); font-size:.82rem; margin:0; padding:.65rem; }
-.uhcp-transfer-card-body { display:grid; gap:.45rem; padding:.85rem; }
-.uhcp-transfer-card-body time,.uhcp-transfer-card-body span,.uhcp-transfer-card-body code { color:var(--uhcp-text,#60738c); font-size:.72rem; }
-.uhcp-transfer-card-body small { background:var(--uhcp-surface-muted,#edf2f5); border-radius:999px; color:var(--uhcp-text,#466079); font-size:.7rem; justify-self:start; padding:.25rem .55rem; }
-.uhcp-transfer-card-body small[data-status=in-progress] { background:var(--uhcp-surface-muted,#d7f4e5); color:var(--uhcp-text,#087a47); }
-.uhcp-transfer-card-body small[data-status=completed] { background:var(--uhcp-surface-muted,#dff6e8); color:var(--uhcp-text,#087a47); }
-.uhcp-transfer-card-body small[data-status=on-hold] { background:var(--uhcp-surface-muted,#fff1d2); color:var(--uhcp-text,#9a5a00); }
-.uhcp-transfer-source { border-color:var(--uhcp-text,#078dcc); flex-basis:13.5rem; }
-.uhcp-transfer-destination { border-color:var(--uhcp-text,#069f69); flex-basis:13rem; }
-.uhcp-transfer-destination h3 { background:var(--uhcp-surface-muted,#069f69); }
-.uhcp-transfer-source fieldset { border:0; border-top:1px solid #dce5ec; margin:.2rem .7rem .7rem; padding:.7rem 0 0; }
-.uhcp-transfer-source legend { font-size:.72rem; font-weight:800; }
-.uhcp-transfer-source label { align-items:start; display:flex; gap:.45rem; padding:.35rem 0; }
-.uhcp-transfer-source label span { display:grid; }
-.uhcp-transfer-source label small { color:var(--uhcp-text,#60738c); font-size:.68rem; }
-.uhcp-transfer-arrow { align-items:center; color:var(--uhcp-text,#0796a8); display:grid; flex:0 0 5rem; grid-template-columns:1fr auto; text-align:center; }
-.uhcp-transfer-arrow span { font-size:.7rem; font-weight:800; grid-column:1/-1; }
-.uhcp-transfer-arrow i { background:var(--uhcp-surface-muted,#0796a8); height:2px; }
-.uhcp-transfer-arrow svg { margin-left:-.45rem; }
-.uhcp-transfer-help { background:var(--uhcp-surface-muted,#f4f9fc); border-radius:.5rem; padding:.65rem .8rem; }
-.uhcp-transfer-help summary { cursor:pointer; font-size:.78rem; font-weight:800; }
-.uhcp-transfer-help p { color:var(--uhcp-text,#51677e); font-size:.78rem; margin:.4rem 0 0; }
-.uhcp-transfer-controls { display:flex; gap:.55rem; justify-content:flex-end; padding-top:.75rem; }
-.uhcp-transfer-controls button { background:var(--uhcp-surface,#fff); border:1px solid #0796a8; border-radius:.45rem; color:var(--uhcp-text,#08738a); padding:.7rem 1rem; }
-.uhcp-transfer-review { margin-top:.8rem; padding:1rem; }
-.uhcp-transfer-review header p { background:var(--uhcp-surface-muted,#fff5dd); border:1px solid #f3ce79; border-radius:.4rem; color:var(--uhcp-text,#925800); font-size:.72rem; margin:0; padding:.5rem .7rem; }
-.uhcp-transfer-review ol { list-style:none; margin:.7rem 0 0; padding:0; }
-.uhcp-transfer-review li { align-items:center; border-top:1px solid #e1e8ee; display:grid; gap:.7rem; grid-template-columns:1.8rem 1fr auto; padding:.55rem; }
-.uhcp-transfer-review li>span { align-items:center; background:var(--uhcp-surface-muted,#e8f6fc); border-radius:50%; color:var(--uhcp-text,#087db8); display:flex; font-size:.72rem; font-weight:900; height:1.7rem; justify-content:center; width:1.7rem; }
-.uhcp-transfer-review li strong { font-size:.8rem; }
-.uhcp-transfer-review details { font-size:.68rem; }
-.uhcp-transfer-review summary { color:var(--uhcp-text,#60738c); cursor:pointer; }
-.uhcp-transfer-status { background:var(--uhcp-surface-muted,#dff6e8); border-radius:.45rem; color:var(--uhcp-text,#087a47); font-weight:750; padding:.75rem; }
-@media(max-width:900px){.uhcp-transfer-console{grid-template-columns:1fr}.uhcp-transfer-contacts{border-bottom:1px solid #dce5ec;border-inline-end:0}.uhcp-transfer-contact-actions{grid-template-columns:repeat(3,1fr)}.uhcp-transfer-patient>div{grid-template-columns:1fr}.uhcp-transfer-patient>div>span{display:none}.uhcp-transfer-review>header{align-items:flex-start;gap:.7rem;flex-direction:column}}
-@media(max-width:560px){.uhcp-transfer-main{padding:.55rem}.uhcp-transfer-contact-actions{grid-template-columns:1fr}.uhcp-transfer-rail{align-items:stretch}.uhcp-transfer-review li{grid-template-columns:1.8rem 1fr}.uhcp-transfer-review li details{grid-column:2}.uhcp-transfer-controls button{flex:1}.uhcp-transfer-review header p{font-size:.65rem}}
-
-.sos-encounter-journey { min-width:0; color:var(--uhcp-text,inherit); border:1px solid var(--uhcp-border,#dce5ec); border-radius:1rem; padding:clamp(.75rem,2vw,1.5rem); }
-.sos-encounter-journey>header,.sos-encounter-journey>form,.sos-encounter-actions { display:flex; align-items:center; flex-wrap:wrap; gap:.75rem; margin-bottom:1rem; }
-.sos-encounter-journey>header { justify-content:space-between; }
-.sos-encounter-journey h2 { margin:0; font-size:1.25rem; }
-.sos-encounter-journey label { display:grid; gap:.35rem; min-width:0; }
-.sos-encounter-journey select { max-width:100%; color:inherit; background:var(--uhcp-surface,#fff); border:1px solid var(--uhcp-border,#dce5ec); border-radius:.4rem; padding:.5rem; }
-.sos-encounter-journey button { cursor:pointer; border:1px solid var(--uhcp-border,#9bbfd1); border-radius:.5rem; padding:.55rem .8rem; color:inherit; background:var(--uhcp-surface-muted,#eef6fa); }
-.sos-encounter-journey button:disabled { opacity:.5; cursor:not-allowed; }
-.sos-encounter-journey button:focus-visible,.sos-encounter-journey select:focus-visible { outline:3px solid #1388c9; outline-offset:2px; }
-.sos-encounter-journey time,.sos-encounter-journey code { overflow-wrap:anywhere; }
-.sos-encounter-journey [role=alert] { color:var(--uhcp-danger,#b42318); }
-.sos-encounter-journey [role=status] { color:var(--uhcp-success,#087a47); }
+.uhcp-transfer-console { background:var(--uhcp-surface,#fff); color:var(--uhcp-text,#102754); display:grid; font-family:Inter,ui-sans-serif,system-ui,sans-serif; grid-template-columns:minmax(16rem,23rem) minmax(0,1fr); min-height:calc(100vh - 4.5rem); }
+.uhcp-transfer-console button,.uhcp-transfer-console input,.uhcp-transfer-console textarea { font:inherit; }
+.uhcp-transfer-console svg { fill:none; height:1.25rem; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.8; width:1.25rem; }
+.uhcp-transfer-contacts { border-inline-end:1px solid #dce5ec; padding:1.2rem; }
+.uhcp-transfer-contacts summary { cursor:pointer; font-size:1.05rem; font-weight:850; list-style-position:inside; padding:.35rem 0 1rem; }
+.uhcp-transfer-contact-list { border-block:1px solid #e2e9ef; display:grid; padding:.45rem 0; }
+.uhcp-transfer-contact-list button { background:transparent; border:0; border-inline-start:3px solid transparent; color:inherit; cursor:pointer; display:grid; gap:.15rem; grid-template-columns:2.7rem 1fr; padding:.75rem; text-align:start; }
+.uhcp-transfer-contact-list button[aria-pressed=true] { background:var(--uhcp-surface-muted,#eaf8fd); border-inline-start-color:var(--uhcp-text,#09a9dc); }
+.uhcp-transfer-contact-list button>span { align-items:center; background:var(--uhcp-surface-muted,#d7e7f1); border-radius:50%; display:flex; font-weight:800; grid-row:span 2; height:2.4rem; justify-content:center; width:2.4rem; }
+.uhcp-transfer-contact-list small { color:var(--uhcp-text,#58708e); }
+.uhcp-transfer-contact-actions { display:grid; gap:.55rem; padding:1rem 0; }
+.uhcp-transfer-contact-actions button,.uhcp-transfer-mode button,.uhcp-transfer-composer fieldset button { align-items:center; background:var(--uhcp-surface,#fff); border:1px solid #cad7e2; border-radius:.55rem; color:inherit; cursor:pointer; display:flex; gap:.7rem; padding:.7rem .85rem; }
+.uhcp-transfer-contact-actions button[aria-pressed=true],.uhcp-transfer-mode button[aria-pressed=true] { background:var(--uhcp-surface-muted,#eaf8fd); border-color:var(--uhcp-text,#09a9dc); color:var(--uhcp-text,#006f96); font-weight:800; }
+.uhcp-transfer-composer fieldset button[aria-pressed=true] { background:var(--uhcp-surface-muted,#eaf8fd); border-color:var(--uhcp-text,#09a9dc); color:var(--uhcp-text,#006f96); font-weight:800; }
+.uhcp-transfer-composer { display:grid; gap:.8rem; }
+.uhcp-transfer-composer h3 { font-size:.95rem; margin:.2rem 0 0; }
+.uhcp-transfer-mode { display:grid; grid-template-columns:1fr 1fr; }
+.uhcp-transfer-mode button { justify-content:center; }
+.uhcp-transfer-composer label { display:grid; font-size:.82rem; font-weight:750; gap:.35rem; }
+.uhcp-transfer-composer textarea { border:1px solid #cad7e2; border-radius:.55rem; color:inherit; resize:vertical; padding:.75rem; }
+.uhcp-transfer-composer fieldset { border:0; margin:0; padding:0; }
+.uhcp-transfer-composer legend { font-size:.82rem; font-weight:750; margin-bottom:.4rem; }
+.uhcp-transfer-composer fieldset>div { display:flex; flex-wrap:wrap; gap:.4rem; }
+.uhcp-transfer-record { background:var(--uhcp-surface,#fff); border:1px dashed #09a9dc; border-radius:.55rem; color:var(--uhcp-text,#006f96); padding:1rem; }
+.uhcp-transfer-primary { background:#0796a8!important; border-color:#0796a8!important; color:#fff!important; font-weight:850!important; }
+.uhcp-transfer-main { min-width:0; padding:1rem; }
+.uhcp-transfer-patient,.uhcp-transfer-journey,.uhcp-transfer-review { border:1px solid #dce5ec; border-radius:.7rem; box-shadow:0 4px 16px rgb(16 39 84 / 5%); }
+.uhcp-transfer-patient { padding:1rem; }
+.uhcp-transfer-patient h2,.uhcp-transfer-journey h2,.uhcp-transfer-review h2 { font-size:1.18rem; margin:0; }
+.uhcp-transfer-patient>div { align-items:center; display:grid; gap:.75rem; grid-template-columns:minmax(11rem,.85fr) 1px minmax(13rem,1fr) auto; margin-top:.75rem; }
+.uhcp-transfer-patient button,.uhcp-transfer-patient label { align-items:center; background:var(--uhcp-surface,#fff); border:1px solid #9fb3c8; border-radius:.45rem; display:flex; gap:.65rem; min-height:3rem; padding:.7rem .9rem; }
+.uhcp-transfer-patient button { color:inherit; cursor:pointer; font-weight:800; justify-content:center; }
+.uhcp-transfer-patient button:last-child { background:var(--uhcp-surface-muted,#0796a8); border-color:var(--uhcp-text,#0796a8); color:#fff; }
+.uhcp-transfer-patient>div>span { background:var(--uhcp-surface-muted,#cbd7e1); height:2rem; }
+.uhcp-transfer-patient label { color:var(--uhcp-text,#64748b); }
+.uhcp-transfer-patient input { border:0; color:var(--uhcp-text,#102754); min-width:0; outline:0; width:100%; }
+.uhcp-transfer-journey { margin-top:.8rem; overflow:hidden; padding:1rem; }
+.uhcp-transfer-journey>header,.uhcp-transfer-review>header { align-items:center; display:flex; justify-content:space-between; }
+.uhcp-transfer-journey>header>div { display:flex; gap:.4rem; }
+.uhcp-transfer-journey>header button { align-items:center; background:var(--uhcp-surface,#fff); border:1px solid #cad7e2; border-radius:.45rem; color:inherit; display:flex; padding:.45rem; }
+.uhcp-transfer-journey>header button:first-child svg { transform:rotate(180deg); }
+.uhcp-transfer-rail { align-items:center; display:flex; gap:.8rem; min-height:18rem; overflow-x:auto; padding:1rem .25rem; scrollbar-color:#aebfce #edf2f5; }
+.uhcp-transfer-card { border:1px solid #cad7e2; border-radius:.5rem; flex:0 0 10rem; min-height:12rem; overflow:hidden; }
+.uhcp-transfer-card h3 { background:var(--uhcp-surface-muted,#087db8); color:var(--uhcp-text,#fff); font-size:.82rem; margin:0; padding:.65rem; }
+.uhcp-transfer-card-body { display:grid; gap:.45rem; padding:.85rem; }
+.uhcp-transfer-card-body time,.uhcp-transfer-card-body span,.uhcp-transfer-card-body code { color:var(--uhcp-text,#60738c); font-size:.72rem; }
+.uhcp-transfer-card-body small { background:var(--uhcp-surface-muted,#edf2f5); border-radius:999px; color:var(--uhcp-text,#466079); font-size:.7rem; justify-self:start; padding:.25rem .55rem; }
+.uhcp-transfer-card-body small[data-status=in-progress] { background:var(--uhcp-surface-muted,#d7f4e5); color:var(--uhcp-text,#087a47); }
+.uhcp-transfer-card-body small[data-status=completed] { background:var(--uhcp-surface-muted,#dff6e8); color:var(--uhcp-text,#087a47); }
+.uhcp-transfer-card-body small[data-status=on-hold] { background:var(--uhcp-surface-muted,#fff1d2); color:var(--uhcp-text,#9a5a00); }
+.uhcp-transfer-source { border-color:var(--uhcp-text,#078dcc); flex-basis:13.5rem; }
+.uhcp-transfer-destination { border-color:var(--uhcp-text,#069f69); flex-basis:13rem; }
+.uhcp-transfer-destination h3 { background:var(--uhcp-surface-muted,#069f69); }
+.uhcp-transfer-source fieldset { border:0; border-top:1px solid #dce5ec; margin:.2rem .7rem .7rem; padding:.7rem 0 0; }
+.uhcp-transfer-source legend { font-size:.72rem; font-weight:800; }
+.uhcp-transfer-source label { align-items:start; display:flex; gap:.45rem; padding:.35rem 0; }
+.uhcp-transfer-source label span { display:grid; }
+.uhcp-transfer-source label small { color:var(--uhcp-text,#60738c); font-size:.68rem; }
+.uhcp-transfer-arrow { align-items:center; color:var(--uhcp-text,#0796a8); display:grid; flex:0 0 5rem; grid-template-columns:1fr auto; text-align:center; }
+.uhcp-transfer-arrow span { font-size:.7rem; font-weight:800; grid-column:1/-1; }
+.uhcp-transfer-arrow i { background:var(--uhcp-surface-muted,#0796a8); height:2px; }
+.uhcp-transfer-arrow svg { margin-left:-.45rem; }
+.uhcp-transfer-help { background:var(--uhcp-surface-muted,#f4f9fc); border-radius:.5rem; padding:.65rem .8rem; }
+.uhcp-transfer-help summary { cursor:pointer; font-size:.78rem; font-weight:800; }
+.uhcp-transfer-help p { color:var(--uhcp-text,#51677e); font-size:.78rem; margin:.4rem 0 0; }
+.uhcp-transfer-controls { display:flex; gap:.55rem; justify-content:flex-end; padding-top:.75rem; }
+.uhcp-transfer-controls button { background:var(--uhcp-surface,#fff); border:1px solid #0796a8; border-radius:.45rem; color:var(--uhcp-text,#08738a); padding:.7rem 1rem; }
+.uhcp-transfer-review { margin-top:.8rem; padding:1rem; }
+.uhcp-transfer-review header p { background:var(--uhcp-surface-muted,#fff5dd); border:1px solid #f3ce79; border-radius:.4rem; color:var(--uhcp-text,#925800); font-size:.72rem; margin:0; padding:.5rem .7rem; }
+.uhcp-transfer-review ol { list-style:none; margin:.7rem 0 0; padding:0; }
+.uhcp-transfer-review li { align-items:center; border-top:1px solid #e1e8ee; display:grid; gap:.7rem; grid-template-columns:1.8rem 1fr auto; padding:.55rem; }
+.uhcp-transfer-review li>span { align-items:center; background:var(--uhcp-surface-muted,#e8f6fc); border-radius:50%; color:var(--uhcp-text,#087db8); display:flex; font-size:.72rem; font-weight:900; height:1.7rem; justify-content:center; width:1.7rem; }
+.uhcp-transfer-review li strong { font-size:.8rem; }
+.uhcp-transfer-review details { font-size:.68rem; }
+.uhcp-transfer-review summary { color:var(--uhcp-text,#60738c); cursor:pointer; }
+.uhcp-transfer-status { background:var(--uhcp-surface-muted,#dff6e8); border-radius:.45rem; color:var(--uhcp-text,#087a47); font-weight:750; padding:.75rem; }
+@media(max-width:900px){.uhcp-transfer-console{grid-template-columns:1fr}.uhcp-transfer-contacts{border-bottom:1px solid #dce5ec;border-inline-end:0}.uhcp-transfer-contact-actions{grid-template-columns:repeat(3,1fr)}.uhcp-transfer-patient>div{grid-template-columns:1fr}.uhcp-transfer-patient>div>span{display:none}.uhcp-transfer-review>header{align-items:flex-start;gap:.7rem;flex-direction:column}}
+@media(max-width:560px){.uhcp-transfer-main{padding:.55rem}.uhcp-transfer-contact-actions{grid-template-columns:1fr}.uhcp-transfer-rail{align-items:stretch}.uhcp-transfer-review li{grid-template-columns:1.8rem 1fr}.uhcp-transfer-review li details{grid-column:2}.uhcp-transfer-controls button{flex:1}.uhcp-transfer-review header p{font-size:.65rem}}
+
+.sos-encounter-journey { min-width:0; color:var(--uhcp-text,inherit); border:1px solid var(--uhcp-border,#dce5ec); border-radius:1rem; padding:clamp(.75rem,2vw,1.5rem); }
+.sos-encounter-journey>header,.sos-encounter-journey>form,.sos-encounter-actions { display:flex; align-items:center; flex-wrap:wrap; gap:.75rem; margin-bottom:1rem; }
+.sos-encounter-journey>header { justify-content:space-between; }
+.sos-encounter-journey h2 { margin:0; font-size:1.25rem; }
+.sos-encounter-journey label { display:grid; gap:.35rem; min-width:0; }
+.sos-encounter-journey select { max-width:100%; color:inherit; background:var(--uhcp-surface,#fff); border:1px solid var(--uhcp-border,#dce5ec); border-radius:.4rem; padding:.5rem; }
+.sos-encounter-journey button { cursor:pointer; border:1px solid var(--uhcp-border,#9bbfd1); border-radius:.5rem; padding:.55rem .8rem; color:inherit; background:var(--uhcp-surface-muted,#eef6fa); }
+.sos-encounter-journey button:disabled { opacity:.5; cursor:not-allowed; }
+.sos-encounter-journey button:focus-visible,.sos-encounter-journey select:focus-visible { outline:3px solid #1388c9; outline-offset:2px; }
+.sos-encounter-journey time,.sos-encounter-journey code { overflow-wrap:anywhere; }
+.sos-encounter-journey [role=alert] { color:var(--uhcp-danger,#b42318); }
+.sos-encounter-journey [role=status] { color:var(--uhcp-success,#087a47); }

package/package.json

@@ -1,110 +1,111 @@
-{
-  "name": "sos-portal-components-react",
-  "version": "0.3.3",
-  "description": "Shared portal UI for base components",
-  "license": "Apache-2.0",
-  "type": "module",
-  "main": "./dist/index.js",
-  "types": "./dist/index.d.ts",
-  "exports": {
-    "./subject-card-locator-fields": {
-      "types": "./dist/SubjectCardLocatorFields.d.ts",
-      "default": "./dist/SubjectCardLocatorFields.js"
-    },
-    "./device-assistance-preferences": {
-      "types": "./dist/DeviceAssistancePreferences.d.ts",
-      "default": "./dist/DeviceAssistancePreferences.js"
-    },
-    ".": {
-      "types": "./dist/index.d.ts",
-      "default": "./dist/index.js"
-    },
-    "./subject-conversation-chat": {
-      "types": "./dist/SubjectConversationChat.d.ts",
-      "default": "./dist/SubjectConversationChat.js"
-    },
-    "./encounter-journey": {
-      "types": "./dist/EncounterJourneyPanel.d.ts",
-      "default": "./dist/EncounterJourneyPanel.js"
-    },
-    "./encounter-transfer-console": {
-      "types": "./dist/EncounterTransferConsole.d.ts",
-      "default": "./dist/EncounterTransferConsole.js"
-    },
-    "./encounter-journey.css": "./dist/encounter-journey.css"
-  },
-  "files": [
-    "dist",
-    "README.md",
-    "CHANGELOG.md"
-  ],
-  "scripts": {
-    "clean": "node -e \"require('node:fs').rmSync('dist',{recursive:true,force:true})\"",
-    "build": "npm run clean && tsc -p tsconfig.build.json && node -e \"require('node:fs').copyFileSync('src/encounter-journey.css','dist/encounter-journey.css')\"",
-    "typecheck": "tsc -p tsconfig.json --noEmit",
-    "test": "vitest run --maxWorkers=1",
-    "check": "npm run typecheck && npm test && npm run build",
-    "prepack": "npm run check"
-  },
-  "engines": {
-    "node": ">=24.0.0"
-  },
-  "peerDependencies": {
-    "@kesha-antonov/react-native-chat": "^6.0.1",
-    "livekit-client": ">=2.23.0 <3",
-    "react": ">=18.3.0",
-    "react-dom": ">=18.3.0",
-    "react-native": ">=0.82.0",
-    "react-native-gesture-handler": ">=3.0.0",
-    "react-native-keyboard-controller": ">=1.0.0",
-    "react-native-reanimated": ">=3.0.0",
-    "react-native-safe-area-context": ">=5.0.0"
-  },
-  "peerDependenciesMeta": {
-    "@kesha-antonov/react-native-chat": {
-      "optional": true
-    },
-    "livekit-client": {
-      "optional": true
-    },
-    "react-native": {
-      "optional": true
-    },
-    "react-native-gesture-handler": {
-      "optional": true
-    },
-    "react-native-keyboard-controller": {
-      "optional": true
-    },
-    "react-native-reanimated": {
-      "optional": true
-    },
-    "react-native-safe-area-context": {
-      "optional": true
-    }
-  },
-  "dependencies": {
-    "antifraud-portal-components-react": "0.3.0",
-    "fhir-data-utils-ts": "0.6.24",
-    "sos-data-utils-ts": "0.6.33"
-  },
-  "devDependencies": {
-    "@testing-library/react": "^16.3.2",
-    "@types/node": "22.19.15",
-    "@types/react": "19.2.17",
-    "@types/react-dom": "19.2.3",
-    "jsdom": "26.1.0",
-    "livekit-client": "2.23.0",
-    "react": "19.2.8",
-    "react-dom": "19.2.8",
-    "typescript": "5.9.3",
-    "vitest": "4.1.12"
-  },
-  "publishConfig": {
-    "access": "public"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/soschain/sos-portal-components-react.git"
-  }
-}
+{
+  "name": "sos-portal-components-react",
+  "version": "0.4.0",
+  "description": "Shared portal UI for base components",
+  "license": "Apache-2.0",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    "./subject-card-locator-fields": {
+      "types": "./dist/SubjectCardLocatorFields.d.ts",
+      "default": "./dist/SubjectCardLocatorFields.js"
+    },
+    "./device-assistance-preferences": {
+      "types": "./dist/DeviceAssistancePreferences.d.ts",
+      "default": "./dist/DeviceAssistancePreferences.js"
+    },
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./subject-conversation-chat": {
+      "types": "./dist/SubjectConversationChat.d.ts",
+      "default": "./dist/SubjectConversationChat.js"
+    },
+    "./encounter-journey": {
+      "types": "./dist/EncounterJourneyPanel.d.ts",
+      "default": "./dist/EncounterJourneyPanel.js"
+    },
+    "./encounter-transfer-console": {
+      "types": "./dist/EncounterTransferConsole.d.ts",
+      "default": "./dist/EncounterTransferConsole.js"
+    },
+    "./encounter-journey.css": "./dist/encounter-journey.css"
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "CHANGELOG.md"
+  ],
+  "scripts": {
+    "clean": "node -e \"require('node:fs').rmSync('dist',{recursive:true,force:true})\"",
+    "build": "npm run clean && tsc -p tsconfig.build.json && node -e \"require('node:fs').copyFileSync('src/encounter-journey.css','dist/encounter-journey.css')\"",
+    "typecheck": "tsc -p tsconfig.json --noEmit",
+    "test": "vitest run --maxWorkers=1",
+    "check:independent-dependencies": "node --test tests/no-gdc-dependencies.contract.mjs",
+    "check": "npm run typecheck && npm test && npm run build && npm run check:independent-dependencies",
+    "prepack": "npm run check"
+  },
+  "engines": {
+    "node": ">=24.0.0"
+  },
+  "peerDependencies": {
+    "@kesha-antonov/react-native-chat": "^6.0.1",
+    "livekit-client": ">=2.23.0 <3",
+    "react": ">=18.3.0",
+    "react-dom": ">=18.3.0",
+    "react-native": ">=0.82.0",
+    "react-native-gesture-handler": ">=3.0.0",
+    "react-native-keyboard-controller": ">=1.0.0",
+    "react-native-reanimated": ">=3.0.0",
+    "react-native-safe-area-context": ">=5.0.0"
+  },
+  "peerDependenciesMeta": {
+    "@kesha-antonov/react-native-chat": {
+      "optional": true
+    },
+    "livekit-client": {
+      "optional": true
+    },
+    "react-native": {
+      "optional": true
+    },
+    "react-native-gesture-handler": {
+      "optional": true
+    },
+    "react-native-keyboard-controller": {
+      "optional": true
+    },
+    "react-native-reanimated": {
+      "optional": true
+    },
+    "react-native-safe-area-context": {
+      "optional": true
+    }
+  },
+  "dependencies": {
+    "antifraud-portal-components-react": "0.3.0",
+    "fhir-data-utils-ts": "0.7.0",
+    "sos-data-utils-ts": "0.7.0"
+  },
+  "devDependencies": {
+    "@testing-library/react": "^16.3.2",
+    "@types/node": "22.19.15",
+    "@types/react": "19.2.17",
+    "@types/react-dom": "19.2.3",
+    "jsdom": "26.1.0",
+    "livekit-client": "2.23.0",
+    "react": "19.2.8",
+    "react-dom": "19.2.8",
+    "typescript": "5.9.3",
+    "vitest": "4.1.12"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/soschain/sos-portal-components-react.git"
+  }
+}