@mirror-physics/fractal-ui 0.2.0-next.80 → 0.2.0-next.82

package/dist/index.css

@@ -1773,7 +1773,7 @@
 }
 .fractal-dropdown-trigger:hover,
 .fractal-dropdown-trigger--tertiary:hover {
-  background: var(--bg-surface-1);
+  background: var(--control-hover-bg, var(--hover-canvas));
 }
 .fractal-dropdown-trigger:disabled,
 .fractal-dropdown-trigger:disabled:hover {
@@ -3770,4 +3770,48 @@
 .fractal-column-editor__panel[data-dragging] .fractal-column-editor__row {
   cursor: grabbing;
 }
+
+/* src/components/Tooltip/Tooltip.css */
+.fractal-tooltip {
+  z-index: 10000;
+  box-sizing: border-box;
+  width: max-content;
+  max-width: min(var(--tooltip-max-width), var(--radix-tooltip-content-available-width));
+  padding: var(--space-2) var(--space-3);
+  border: 1px solid var(--border-subtle);
+  border-radius: var(--radius-md);
+  background: var(--bg-surface-1);
+  color: var(--fg-primary);
+  box-shadow: var(--shadow-md);
+  font-family: var(--font-sans);
+  font-size: 0.75rem;
+  font-weight: 400;
+  line-height: 1.4;
+  overflow-wrap: anywhere;
+  animation: fractal-tooltip-enter var(--duration-normal) var(--ease-out);
+}
+.fractal-tooltip[data-state=closed] {
+  animation: fractal-tooltip-exit var(--duration-fast) var(--ease-in) forwards;
+}
+@keyframes fractal-tooltip-enter {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+@keyframes fractal-tooltip-exit {
+  from {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+  }
+}
+@media (prefers-reduced-motion: reduce) {
+  .fractal-tooltip {
+    animation: none;
+  }
+}
 /*# sourceMappingURL=index.css.map */