anentrypoint-design 1.0.23 → 1.0.25

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "anentrypoint-design",
-  "version": "1.0.23",
+  "version": "1.0.25",
   "description": "247420 design system SDK — webjsx + modified ripple-ui, single-file ESM bundle for reproducible use of the AnEntrypoint design.",
   "type": "module",
   "main": "./dist/247420.js",

package/src/css/app-shell/panel-row.css

@@ -208,11 +208,13 @@ a.row:hover .meta, .row[role="button"]:hover .meta { color: var(--accent-ink); t
 .row.active { background: color-mix(in oklab, var(--accent) 10%, var(--bg-2)); }
 .row.active::before { height: 64%; opacity: 1; background: var(--accent); }
 .row.active .title { color: var(--accent-ink); }
-/* The accent-tinted active background pushes --fg-3 (--ink-3) below AA 4.5:1
-   (measured 4.43:1 after the warm-paper retune) -- --fg-2 (--ink-2, 7.13:1 on
-   this mix) is the smallest token swap that clears it without touching the
-   base --ink-3/paper-2 pairing used everywhere else. */
-.row.active .ds-session-sub { color: var(--fg-2); }
+/* ConversationList rows use `ds-session-row`, not `row` -- CI's a11y-audit
+   caught --fg-3 (--ink-3) on `.ds-session-sub` failing AA (measured 4.43:1)
+   inside a rail-tinted row after the warm-paper retune. --fg-2 (--ink-2)
+   clears comfortably; scoped to `.ds-session-sub` specifically so plain rows
+   without a rail tone keep the lighter --fg-3 tone. */
+.ds-session-row.active .ds-session-sub,
+.ds-session-row[class*="rail-"] .ds-session-sub { color: var(--fg-2); }
 .row.row-state-disabled { opacity: 0.5; pointer-events: none; }
 .row.row-state-error { background: color-mix(in oklab, var(--flame) 10%, var(--bg-2)); }
 .row.row-state-error::before { height: 64%; opacity: 1; background: var(--flame); }

package/src/css/app-shell/states-interactions.css

@@ -798,7 +798,38 @@ input[type="password"]:not(:placeholder-shown) + .input-clear {
   max-width: 320px;
   box-shadow: var(--shadow-overlay);
   z-index: var(--z-toast);
+  display: flex;
+  align-items: flex-start;
+  gap: var(--space-3);
+}
+
+.toast-action {
+  flex: none;
+  background: transparent;
+  border: 1px solid var(--rule);
+  border-radius: var(--r-1);
+  color: var(--fg-0);
+  padding: var(--space-1) var(--space-2);
+  font: inherit;
+  font-weight: 600;
+  cursor: pointer;
+  white-space: nowrap;
+}
+.toast-action:hover { background: var(--bg-3); }
+.toast-action:disabled { opacity: 0.6; cursor: default; }
+
+.toast-dismiss {
+  flex: none;
+  margin-left: auto;
+  background: transparent;
+  border: none;
+  color: var(--fg-2);
+  font-size: 1.1em;
+  line-height: 1;
+  padding: var(--space-1);
+  cursor: pointer;
 }
+.toast-dismiss:hover { color: var(--fg-0); }
 
 @keyframes toast-slide-in {
   from {