@konomi-app/ui 5.10.3 → 5.11.0

package/dist/index.js

@@ -1260,26 +1260,6 @@ var overlayStyles = css`
     animation: spin 1.2s infinite linear;
   }
 
-  .task-item[data-status='active'] .task-icon .mini-spinner {
-    animation:
-      spin 1.2s infinite linear,
-      queue-spinner-pulse 2s infinite ease-in-out;
-  }
-
-  @keyframes queue-spinner-pulse {
-    0%,
-    100% {
-      box-shadow:
-        inset 0 0 0 1px var(--dialog-spinner-track),
-        0 0 0 0 color-mix(in srgb, var(--dialog-accent, #3b82f6) 40%, transparent);
-    }
-    50% {
-      box-shadow:
-        inset 0 0 0 1px var(--dialog-spinner-track),
-        0 0 0 4px color-mix(in srgb, var(--dialog-accent, #3b82f6) 0%, transparent);
-    }
-  }
-
   .task-icon .mini-spinner-half {
     position: absolute;
     left: 50%;
@@ -2713,9 +2693,10 @@ var toastStyles = css2`
     /* Card */
     --toast-card-bg: #fff;
     --toast-card-border: #f3f4f6;
-    --toast-card-shadow: 0 4px 12px rgb(0 0 0 / 0.08), 0 1px 3px rgb(0 0 0 / 0.06);
+    --toast-card-shadow:
+      rgba(9, 30, 66, 0.31) 0px 0px 1px 0px, rgba(9, 30, 66, 0.25) 0px 20px 32px -8px;
     --toast-card-radius: 4px;
-    --toast-card-padding: 14px 16px;
+    --toast-card-padding: 16px 16px 16px 24px;
 
     /* Colors (inherit from dialog when available) */
     --toast-success: var(--dialog-success, #22c55e);
@@ -2883,14 +2864,15 @@ var toastStyles = css2`
     pointer-events: none;
   }
 
-  /* Type-based top stripe */
+  /* Type-based left accent bar */
   .toast-card::before {
     content: '';
     position: absolute;
-    bottom: 0;
-    left: 0;
-    right: 0;
-    height: 2px;
+    left: 10px;
+    top: 12px;
+    bottom: 12px;
+    width: 4px;
+    border-radius: 9999px;
   }
   .toast-card[data-type='success']::before {
     background: var(--toast-success);