@rebasepro/ui 0.9.1-canary.fd3754b → 0.10.0

package/dist/util/chip_colors.d.ts

@@ -1,4 +1,12 @@
-import { ChipColorKey, ChipColorScheme } from "../components";
+export type ChipColorScheme = {
+    color: string;
+    text: string;
+    /** Background color override for dark mode */
+    darkColor?: string;
+    /** Text color override for dark mode */
+    darkText?: string;
+};
 export declare const CHIP_COLORS: Record<string, ChipColorScheme>;
+export type ChipColorKey = keyof typeof CHIP_COLORS;
 export declare function getColorSchemeForKey(key: ChipColorKey): ChipColorScheme;
 export declare function getColorSchemeForSeed(seed: string): ChipColorScheme;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@rebasepro/ui",
   "type": "module",
-  "version": "0.9.1-canary.fd3754b",
+  "version": "0.10.0",
   "description": "Awesome Firebase/Firestore-based headless open-source CMS",
   "funding": {
     "url": "https://github.com/sponsors/rebaseco"
@@ -13,12 +13,12 @@
     "url": "https://github.com/rebasepro/rebase.git",
     "directory": "packages/ui"
   },
-  "main": "./dist/index.umd.js",
+  "main": "./dist/index.es.js",
   "module": "./dist/index.es.js",
   "types": "./dist/index.d.ts",
   "source": "src/index.ts",
   "engines": {
-    "node": ">=14"
+    "node": ">=20"
   },
   "keywords": [
     "rebase",
@@ -35,8 +35,7 @@
     ".": {
       "types": "./dist/index.d.ts",
       "development": "./dist/index.es.js",
-      "import": "./dist/index.es.js",
-      "require": "./dist/index.umd.js"
+      "import": "./dist/index.es.js"
     },
     "./package.json": "./package.json",
     "./index.css": "./dist/index.css",
@@ -112,7 +111,7 @@
   },
   "scripts": {
     "watch": "vite build --watch",
-    "build": "rm -rf dist || true && vite build && cp dist/src/index.css dist/index.css 2>/dev/null; tsc --emitDeclarationOnly -p tsconfig.prod.json",
+    "build": "rm -rf dist || true && vite build && cp dist/src/index.css dist/index.css 2>/dev/null; tsc --emitDeclarationOnly -p tsconfig.prod.json && node ../../scripts/assert-build-output.mjs",
     "test:lint": "eslint \"src/**\" --quiet",
     "test": "jest --passWithNoTests",
     "clean": "rm -rf dist && find ./src -name '*.js' -type f | xargs rm -f",

package/src/components/Chip.tsx

@@ -1,16 +1,8 @@
 import React from "react";
 import { CHIP_COLORS, cls, getColorSchemeForKey } from "../util";
+import type { ChipColorKey, ChipColorScheme } from "../util/chip_colors";
 
-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;
+export type { ChipColorKey, ChipColorScheme };
 
 export interface ChipProps {
     className?: string;

package/src/components/CircularProgress.tsx

@@ -24,13 +24,13 @@ export function CircularProgress({
 
     let borderClasses = "";
     if (size === "smallest") {
-        borderClasses = "border-[3px]";
+        borderClasses = "border-2";
     } else if (size === "small") {
-        borderClasses = "border-[4px]";
+        borderClasses = "border-2";
     } else if (size === "medium") {
-        borderClasses = "border-4";
+        borderClasses = "border-[3px]";
     } else {
-        borderClasses = "border-[6px]";
+        borderClasses = "border-4";
     }
 
     return (
@@ -38,8 +38,9 @@ export function CircularProgress({
             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",
+                "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">
               <span

package/src/components/DebouncedTextField.tsx

@@ -1,6 +1,6 @@
 "use client";
 import React, { useCallback, useEffect, useRef, useState } from "react";
-import { TextField, TextFieldProps } from "./index";
+import { TextField, TextFieldProps } from "./TextField";
 
 type TextFieldChangeEvent = React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>;
 

package/src/components/SearchBar.tsx

@@ -5,7 +5,8 @@ import { iconSize } from "../icons/Icon";
 import React, { useCallback, useState } from "react";
 
 import { defaultBorderMixin } from "../styles";
-import { CircularProgress, IconButton } from "./index";
+import { CircularProgress } from "./CircularProgress";
+import { IconButton } from "./IconButton";
 
 import { cls } from "../util";
 import { useDebounceValue } from "../hooks";

package/src/components/VirtualTable/VirtualTable.tsx

@@ -20,7 +20,9 @@ import { VirtualTableContextProps } from "./types";
 import { VirtualTableHeaderRow } from "./VirtualTableHeaderRow";
 import { VirtualTableRow } from "./VirtualTableRow";
 import { VirtualTableCell } from "./VirtualTableCell";
-import { CenteredView, cls, Typography } from "../../index";
+import { CenteredView } from "../CenteredView";
+import { Typography } from "../Typography";
+import { cls } from "../../util/cls";
 import { useDebounceCallback } from "../../hooks/useDebounceCallback";
 import {
     closestCenter,

package/src/components/VirtualTable/VirtualTableProps.tsx

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

package/src/util/chip_colors.ts

@@ -1,6 +1,14 @@
-import { ChipColorKey, ChipColorScheme } from "../components";
 import { hashString } from "./hash";
 
+export type ChipColorScheme = {
+    color: string;
+    text: string;
+    /** Background color override for dark mode */
+    darkColor?: string;
+    /** Text color override for dark mode */
+    darkText?: string;
+}
+
 export const CHIP_COLORS: Record<string, ChipColorScheme> = {
     blue: { color: "#cfdfff",
 text: "#102046",
@@ -64,6 +72,8 @@ darkColor: "#059669",
 darkText: "#d1fae5" }
 };
 
+export type ChipColorKey = keyof typeof CHIP_COLORS;
+
 export function getColorSchemeForKey(key: ChipColorKey): ChipColorScheme {
     return CHIP_COLORS[key];
 }