@botiverse/raft-ui 0.10.6 → 0.11.0

package/dist/style.css

@@ -1004,6 +1004,55 @@
     transform: translate(-1.5px, 1.2px) rotate(-8deg);
   }
 }
+@layer components {
+  .r-virtual-list {
+    max-height: inherit;
+    overflow-anchor: none;
+    outline: none;
+    min-width: 1px;
+    height: 100%;
+    overflow: hidden auto;
+  }
+
+  .r-virtual-list.r-virtual-list--ios-compensation-enabled {
+    overscroll-behavior: none;
+  }
+
+  .r-virtual-list.r-virtual-list--x-scrollable {
+    overflow-x: auto;
+  }
+
+  .r-virtual-list:not(.r-virtual-list--show-scrollbar) {
+    scrollbar-width: none;
+  }
+
+  .r-virtual-list:not(.r-virtual-list--show-scrollbar)::-webkit-scrollbar {
+    width: 0;
+    height: 0;
+    display: none;
+  }
+
+  .r-virtual-list.r-virtual-list--empty-centered {
+    flex-direction: column;
+    display: flex;
+  }
+
+  .r-virtual-list__empty.r-virtual-list__empty--center {
+    flex: 1;
+    justify-content: center;
+    align-items: center;
+    min-height: 0;
+    display: flex;
+  }
+
+  @media print {
+    .r-virtual-list.r-virtual-list--printable {
+      height: auto !important;
+      max-height: none !important;
+      overflow: visible !important;
+    }
+  }
+}
 .r-combobox-select {
   min-width: 0;
   position: relative;

package/dist/styles.css

@@ -4,6 +4,7 @@
 @import "./components/timeline/timeline.css";
 @import "./components/steps/steps.css";
 @import "./components/steps/otter-indicator.css";
+@import "./components/virtual-list/styles/virtual-list.css";
 
 /* `dark:` follows the nearest explicit mode class, and before hydration the
    system preference. A `.light` island inside a dark page re-enters light
@@ -450,7 +451,10 @@ body {
    modes. `--brand-400` is the `brand` role (what `bg-brand` paints):
    `--color-brand` is an inline theme value and emits no variable. */
 ::highlight(raft-comment) {
-  background-color: var(--brand-soft);
+  background-color: light-dark(
+    color-mix(in oklch, var(--brand-400) 35%, transparent),
+    color-mix(in oklch, var(--brand-400) 22%, transparent)
+  );
   text-decoration-line: underline;
   text-decoration-color: var(--brand-400);
   text-decoration-thickness: 2px;

package/dist/wip.d.mts

@@ -1,4 +1,4 @@
-import { M as StyledProps, O as ButtonProps, T as DialogTrigger, i as DialogClose, j as DataAttributes, s as DialogContentProps, t as Dialog, w as DialogTitleProps } from "./index-CDHLWJtB.mjs";
+import { M as StyledProps, O as ButtonProps, T as DialogTrigger, i as DialogClose, j as DataAttributes, s as DialogContentProps, t as Dialog, w as DialogTitleProps } from "./index-CAdZkAtE.mjs";
 import { CSSProperties, ComponentPropsWithRef, ReactNode } from "react";
 import { Button } from "@base-ui/react/button";
 import { useRender } from "@base-ui/react/use-render";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@botiverse/raft-ui",
-  "version": "0.10.6",
+  "version": "0.11.0",
   "description": "React components and CSS foundations for the Raft Design System.",
   "keywords": [
     "agent-skills",