@rovela-ai/sdk 0.18.3 → 0.18.4

package/dist/admin/styles/admin-theme.css

@@ -4827,3 +4827,113 @@ a.rovela-admin-theme .admin-id:hover,
     animation: none;
   }
 }
+
+/* ═══════════════════════════════════════════════════════════════════════════
+   NOTIFICATIONS — THE toaster (LEDGER grammar: events vs states)
+
+   An EVENT (deleted, sent, marked paid, failed to send) is always a toast
+   from this one system — ink pill, bottom-right stack of 3. A STATE (fetch
+   failed, invalid field, auth error) is an inline admin-alert at the thing
+   it describes and never auto-dismisses. Document saves are neither — the
+   AdminSaveBar morph is their feedback. Never two channels for one outcome.
+
+   The legacy single-slot .admin-toast (white card, top-right) stays defined
+   for stores pinned to older SDKs and CC-authored pages; new code uses the
+   adminToast singleton which renders these .admin-toast-v2 pills.
+   ═══════════════════════════════════════════════════════════════════════════ */
+
+.rovela-admin-theme .admin-toaster {
+  position: fixed;
+  right: var(--admin-space-4);
+  bottom: var(--admin-space-4);
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+  gap: var(--admin-space-2);
+  z-index: var(--admin-z-toast, 400);
+}
+
+/* The stack rises above the save bar when a dirty document is open. */
+body[data-admin-savebar] .rovela-admin-theme .admin-toaster {
+  bottom: calc(var(--admin-savebar-h) + var(--admin-space-4));
+}
+
+.rovela-admin-theme .admin-toast-v2 {
+  display: flex;
+  align-items: center;
+  gap: var(--admin-space-2);
+  max-width: 26rem;
+  background: hsl(var(--admin-foreground));
+  color: hsl(var(--admin-background));
+  font-size: var(--admin-text-sm);
+  font-weight: var(--admin-font-semibold);
+  border-radius: var(--admin-radius-md);
+  padding: var(--admin-space-2-5) var(--admin-space-3-5, 0.875rem);
+  box-shadow: var(--admin-shadow-lg);
+  animation: admin-toast-in 200ms var(--admin-ease);
+}
+
+@keyframes admin-toast-in {
+  from { transform: translateY(16px); opacity: 0; }
+  to { transform: none; opacity: 1; }
+}
+
+.rovela-admin-theme .admin-toast-v2-icon {
+  width: 0.875rem;
+  height: 0.875rem;
+  flex-shrink: 0;
+  color: hsl(var(--admin-primary));
+}
+
+.rovela-admin-theme .admin-toast-v2-msg {
+  min-width: 0;
+}
+
+.rovela-admin-theme .admin-toast-v2-error {
+  background: hsl(var(--admin-error-dark));
+  color: #fff;
+}
+
+.rovela-admin-theme .admin-toast-v2-error .admin-toast-v2-icon {
+  color: #fff;
+}
+
+.rovela-admin-theme .admin-toast-v2-action {
+  margin-left: var(--admin-space-1);
+  border: none;
+  background: none;
+  padding: 0;
+  font: inherit;
+  font-size: var(--admin-text-xs);
+  font-weight: var(--admin-font-bold);
+  color: hsl(var(--admin-primary));
+  cursor: pointer;
+  text-decoration: underline;
+  text-underline-offset: 2px;
+  white-space: nowrap;
+}
+
+.rovela-admin-theme .admin-toast-v2-x {
+  margin-left: var(--admin-space-1-5);
+  border: none;
+  background: none;
+  padding: 2px;
+  display: inline-flex;
+  color: rgba(255, 255, 255, 0.7);
+  cursor: pointer;
+}
+
+.rovela-admin-theme .admin-toast-v2-x:hover {
+  color: #fff;
+}
+
+.rovela-admin-theme .admin-toast-v2-x svg {
+  width: 0.75rem;
+  height: 0.75rem;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .rovela-admin-theme .admin-toast-v2 {
+    animation: none;
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rovela-ai/sdk",
-  "version": "0.18.3",
+  "version": "0.18.4",
   "description": "Rovela SDK - Pre-built e-commerce components for AI-powered store generation",
   "type": "module",
   "license": "MIT",