@rebasepro/ui 0.9.0 → 0.9.1-canary.0de22e0

package/README.md

@@ -139,4 +139,4 @@ function MyForm() {
 
 - `@rebasepro/studio` — Dev tools layer (depends on this package)
 - `@rebasepro/admin` — CMS layer (depends on this package)
-- `@rebasepro/core` — Core framework (uses this for shared UI)
+- `@rebasepro/app` — Core framework (uses this for shared UI)

package/dist/components/Chip.d.ts

@@ -1,14 +1,6 @@
 import React from "react";
-import { CHIP_COLORS } from "../util";
-export type ChipColorScheme = {
-    color: string;
-    text: string;
-    /** Background color override for dark mode */
-    darkColor?: string;
-    /** Text color override for dark mode */
-    darkText?: string;
-};
-export type ChipColorKey = keyof typeof CHIP_COLORS;
+import type { ChipColorKey, ChipColorScheme } from "../util/chip_colors";
+export type { ChipColorKey, ChipColorScheme };
 export interface ChipProps {
     className?: string;
     children: React.ReactNode;

package/dist/components/DebouncedTextField.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
-import { TextFieldProps } from "./index";
+import { TextFieldProps } from "./TextField";
 export declare function DebouncedTextField<T extends string | number>(props: TextFieldProps<T>): React.JSX.Element;

package/dist/components/VirtualTable/VirtualTableProps.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { FilterFormFieldProps } from "./VirtualTableHeader";
+import type { FilterFormFieldProps } from "./VirtualTableHeader";
 export type OnRowClickParams<T extends Record<string, unknown>> = {
     rowData: T;
     rowIndex: number;

package/dist/index.css

@@ -54,6 +54,16 @@
     --color-surface-accent-950: #0f172a;
 }
 
+/* Native UI (scrollbars, form controls) must follow the active theme,
+   otherwise Chrome renders light scrollbars in dark mode */
+html {
+    color-scheme: light;
+}
+
+html.dark {
+    color-scheme: dark;
+}
+
 /* Chrome, Safari and Opera */
 .no-scrollbar::-webkit-scrollbar {
     display: none;

package/dist/index.es.js

@@ -698,12 +698,12 @@ function CircularProgress({ size = "medium", className }) {
 	else if (size === "medium") sizeClasses = "w-8 h-8 m-1";
 	else sizeClasses = "w-10 h-10 m-1";
 	let borderClasses = "";
-	if (size === "smallest") borderClasses = "border-[3px]";
-	else if (size === "small") borderClasses = "border-[4px]";
-	else if (size === "medium") borderClasses = "border-4";
-	else borderClasses = "border-[6px]";
+	if (size === "smallest") borderClasses = "border-2";
+	else if (size === "small") borderClasses = "border-2";
+	else if (size === "medium") borderClasses = "border-[3px]";
+	else borderClasses = "border-4";
 	return /* @__PURE__ */ jsx("div", {
-		className: cls(sizeClasses, borderClasses, "inline-block animate-spin rounded-full border-solid border-current border-r-transparent align-[-0.125em] motion-reduce:animate-[spin_1.5s_linear_infinite]", "text-primary dark:text-primary", className),
+		className: cls(sizeClasses, borderClasses, "inline-block shrink-0 rounded-full border-solid align-[-0.125em]", "animate-[spin_0.7s_linear_infinite] motion-reduce:animate-[spin_1.5s_linear_infinite]", "border-surface-200 dark:border-surface-700 border-t-primary dark:border-t-primary", className),
 		role: "status",
 		children: /* @__PURE__ */ jsx("span", {
 			className: "absolute! -m-px! h-px! w-px! overflow-hidden! whitespace-nowrap! border-0! p-0! [clip:rect(0,0,0,0)]!",