@signiphi/page-assembly 0.2.0-beta.16 → 0.2.0-beta.17

package/dist/index.js

@@ -247,8 +247,9 @@ var SelectContent = React7__namespace.forwardRef(({ className, children, positio
     position,
     style: {
       zIndex: 99999,
-      backgroundColor: "#ffffff",
-      border: "1px solid #e2e8f0",
+      backgroundColor: "hsl(var(--xpa-popover))",
+      color: "hsl(var(--xpa-popover-foreground))",
+      border: "1px solid hsl(var(--xpa-border))",
       borderRadius: "0.5rem",
       boxShadow: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1)",
       marginTop: "4px"
@@ -467,8 +468,9 @@ var DropdownMenuContent = React7__namespace.forwardRef(({ className, sideOffset
     ),
     style: {
       zIndex: 99999,
-      backgroundColor: "#ffffff",
-      border: "1px solid #e2e8f0",
+      backgroundColor: "hsl(var(--xpa-popover))",
+      color: "hsl(var(--xpa-popover-foreground))",
+      border: "1px solid hsl(var(--xpa-border))",
       borderRadius: "0.5rem",
       boxShadow: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1)",
       padding: "6px"
@@ -2309,7 +2311,7 @@ var DraggablePageThumbnail = ({
       ref,
       "data-handler-id": handlerId,
       className: cn(
-        "relative group cursor-pointer border-2 rounded-lg overflow-hidden bg-white transition-all",
+        "relative group cursor-pointer border-2 rounded-lg overflow-hidden bg-card transition-all",
         isDragging && "opacity-50 scale-95",
         isSelected ? "border-primary shadow-md" : "border-gray-200 hover:border-gray-300"
       ),
@@ -2337,7 +2339,7 @@ var DraggablePageThumbnail = ({
                   }
                 },
                 onContextMenu: handleContextMenu,
-                className: "h-4 w-4 rounded border-gray-300 text-primary focus:ring-primary focus:ring-2 bg-white/90 cursor-pointer"
+                className: "h-4 w-4 rounded border-border text-primary focus:ring-primary focus:ring-2 bg-card/90 cursor-pointer"
               }
             )
           }
@@ -2665,7 +2667,7 @@ var BulkActionBar = ({
           /* @__PURE__ */ jsxRuntime.jsx(TooltipContent, { children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Move selected pages to another file" }) })
         ] }) }),
         /* @__PURE__ */ jsxRuntime.jsxs(Select, { onValueChange: onMovePages, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(SelectTrigger, { id: "move-select", className: "w-48 bg-white", children: /* @__PURE__ */ jsxRuntime.jsx(SelectValue, { placeholder: "Choose file..." }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(SelectTrigger, { id: "move-select", className: "w-48 bg-card", children: /* @__PURE__ */ jsxRuntime.jsx(SelectValue, { placeholder: "Choose file..." }) }),
           /* @__PURE__ */ jsxRuntime.jsx(SelectContent, { children: files.map((file) => /* @__PURE__ */ jsxRuntime.jsx(SelectItem, { value: file.id, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
             file.type === "pdf" ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FileText, { className: "h-4 w-4" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Image, { className: "h-4 w-4" }),
             /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: file.name })
@@ -2694,7 +2696,7 @@ var BulkActionBar = ({
           variant: "outline",
           size: "sm",
           onClick: onClearSelection,
-          className: "bg-white",
+          className: "bg-card",
           children: "Clear Selection"
         }
       )