New UI Components

packages/ui/ui.css

@@ -523,3 +523,17 @@
 .wire-table tbody tr:hover {
   background: var(--wire-color-surface-2);
 }
+@media (prefers-reduced-motion: reduce) {
+  *,
+  *::before,
+  *::after {
+    scroll-behavior: auto !important;
+    animation-duration: 0.01ms !important;
+    animation-iteration-count: 1 !important;
+    transition-duration: 0.01ms !important;
+  }
+}
+:where(button, a, input, select, textarea):focus-visible {
+  outline: 2px solid rgb(124 58 237);
+  outline-offset: 2px;
+}