@rebasepro/ui 0.9.1-canary.ff338b5 → 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.ff338b5",
+  "version": "0.10.0",
   "description": "Awesome Firebase/Firestore-based headless open-source CMS",
   "funding": {
     "url": "https://github.com/sponsors/rebaseco"

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/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];
 }