@particle-network/ui-react 0.5.1-beta.5 → 0.5.1-beta.7

package/dist/components/ProgressWrapper/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { type HexColor, type UXForegroundColor, type UXRadius } from '@particle-network/ui-shared';
+import { type HexColor, type UXComponentColor, type UXRadius } from '@particle-network/ui-shared';
 export interface ProgressWrapperProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
      * 进度 (%)
@@ -24,7 +24,7 @@ export interface ProgressWrapperProps extends React.HTMLAttributes<HTMLDivElemen
     /**
      * 进度条颜色
      */
-    color?: Exclude<UXForegroundColor, 'default' | 'white'> | 'transparent' | HexColor;
+    color?: UXComponentColor | 'transparent' | HexColor;
     /**
      * 进度条 SVG 样式
      */

package/dist/components/UXButton/button.js

@@ -5,7 +5,7 @@ import { UXSpinner } from "../UXSpinner/index.js";
 import { useButton } from "./use-button.js";
 const Button = forwardRef((props, ref)=>{
     const { Component, domRef, children, spinnerSize, spinner = /*#__PURE__*/ jsx(UXSpinner, {
-        color: "currentColor",
+        color: "current",
         size: spinnerSize
     }), spinnerPlacement, startContent, endContent, isLoading, disableRipple, getButtonProps, getRippleProps, isIconOnly } = useButton({
         ...props,

package/dist/components/UXInput/index.d.ts

@@ -7,9 +7,9 @@ export declare const UXInput: React.ForwardRefExoticComponent<(Omit<Omit<import(
     variant?: "flat" | "bordered" | undefined;
     textAlign?: "center" | "left" | "right" | undefined;
     isColorText?: boolean | undefined;
-    color?: "default" | "success" | "secondary" | "primary" | "danger" | "warning" | "bullish" | "bearish" | undefined;
+    color?: "secondary" | "primary" | "success" | "warning" | "danger" | "bullish" | "bearish" | "default" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
-    radius?: "sm" | "md" | "lg" | "none" | "full" | undefined;
+    radius?: "full" | "sm" | "md" | "lg" | "none" | undefined;
     labelPlacement?: "inside" | undefined;
     fullWidth?: boolean | undefined;
     isClearable?: boolean | undefined;
@@ -23,9 +23,9 @@ export declare const UXInput: React.ForwardRefExoticComponent<(Omit<Omit<import(
     variant?: "flat" | "bordered" | undefined;
     textAlign?: "center" | "left" | "right" | undefined;
     isColorText?: boolean | undefined;
-    color?: "default" | "success" | "secondary" | "primary" | "danger" | "warning" | "bullish" | "bearish" | undefined;
+    color?: "secondary" | "primary" | "success" | "warning" | "danger" | "bullish" | "bearish" | "default" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
-    radius?: "sm" | "md" | "lg" | "none" | "full" | undefined;
+    radius?: "full" | "sm" | "md" | "lg" | "none" | undefined;
     labelPlacement?: "inside" | undefined;
     fullWidth?: boolean | undefined;
     isClearable?: boolean | undefined;

package/dist/components/UXInput/input.extend.d.ts

@@ -4,9 +4,9 @@ declare const ExtendedInput: import("react").ForwardRefExoticComponent<(Omit<imp
     variant?: "flat" | "bordered" | undefined;
     textAlign?: "center" | "left" | "right" | undefined;
     isColorText?: boolean | undefined;
-    color?: "default" | "success" | "secondary" | "primary" | "danger" | "warning" | "bullish" | "bearish" | undefined;
+    color?: "secondary" | "primary" | "success" | "warning" | "danger" | "bullish" | "bearish" | "default" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
-    radius?: "sm" | "md" | "lg" | "none" | "full" | undefined;
+    radius?: "full" | "sm" | "md" | "lg" | "none" | undefined;
     labelPlacement?: "inside" | undefined;
     fullWidth?: boolean | undefined;
     isClearable?: boolean | undefined;
@@ -20,9 +20,9 @@ declare const ExtendedInput: import("react").ForwardRefExoticComponent<(Omit<imp
     variant?: "flat" | "bordered" | undefined;
     textAlign?: "center" | "left" | "right" | undefined;
     isColorText?: boolean | undefined;
-    color?: "default" | "success" | "secondary" | "primary" | "danger" | "warning" | "bullish" | "bearish" | undefined;
+    color?: "secondary" | "primary" | "success" | "warning" | "danger" | "bullish" | "bearish" | "default" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
-    radius?: "sm" | "md" | "lg" | "none" | "full" | undefined;
+    radius?: "full" | "sm" | "md" | "lg" | "none" | undefined;
     labelPlacement?: "inside" | undefined;
     fullWidth?: boolean | undefined;
     isClearable?: boolean | undefined;

package/dist/components/UXSpinner/spinner.d.ts

@@ -1,15 +1,11 @@
 import React from 'react';
-import { type UXForegroundColor } from '@particle-network/ui-shared';
 import { type SquareProps } from '../layout';
 export interface UXSpinnerProps extends SquareProps {
-    /**
-     * 颜色
-     */
-    color?: UXForegroundColor | 'currentColor';
     /**
      * 动画持续时间(毫秒)
      * @default 400
      */
     duration?: number;
+    iconClassName?: string;
 }
 export declare const UXSpinner: React.FC<UXSpinnerProps>;

package/dist/components/UXSpinner/spinner.js

@@ -1,13 +1,11 @@
 import { jsx } from "react/jsx-runtime";
 import { useEffect, useRef, useState } from "react";
 import { cn } from "@heroui/theme";
-import { colorToClassName } from "@particle-network/ui-shared";
 import { Square } from "../layout/index.js";
 import { SpinnerIcon } from "./SpinnerIcon.js";
-const UXSpinner = ({ size = 18, color = 'primary', duration = 400, className, style, ...restProps })=>{
+const UXSpinner = ({ size = 18, duration = 400, className, iconClassName, style, ...restProps })=>{
     const [currentIndex, setCurrentIndex] = useState(0);
     const animationRef = useRef(null);
-    const iconClassName = 'currentColor' === color ? void 0 : colorToClassName[color];
     useEffect(()=>{
         const stepDuration = duration / 12;
         const animate = ()=>{
@@ -23,6 +21,7 @@ const UXSpinner = ({ size = 18, color = 'primary', duration = 400, className, st
     ]);
     return /*#__PURE__*/ jsx(Square, {
         size: size,
+        color: "primary",
         className: cn('inline-flex', className),
         style: style,
         ...restProps,

package/dist/components/UXSwitch/index.d.ts

@@ -4,14 +4,14 @@ export type UXSwitchProps = React.ComponentPropsWithRef<typeof ExtendedSwitch>;
 export declare const UXSwitch: React.ForwardRefExoticComponent<(Omit<Omit<import("@heroui/system-rsc").OmitCommonProps<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, keyof import("@heroui/switch").SwitchProps> & import("@heroui/switch").SwitchProps & {
     as?: import("@heroui/system-rsc").As<any> | undefined;
 } & {
-    color?: "success" | "primary" | "danger" | "warning" | "bullish" | "bearish" | "contrast" | undefined;
+    color?: "primary" | "success" | "warning" | "danger" | "bullish" | "bearish" | "contrast" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     isDisabled?: boolean | undefined;
     disableAnimation?: boolean | undefined;
 }, "ref"> & React.RefAttributes<HTMLInputElement>, "ref"> | Omit<Omit<import("@heroui/system-rsc").OmitCommonProps<Omit<Omit<any, "ref">, never>, keyof import("@heroui/switch").SwitchProps> & import("@heroui/switch").SwitchProps & {
     as?: import("@heroui/system-rsc").As<any> | undefined;
 } & {
-    color?: "success" | "primary" | "danger" | "warning" | "bullish" | "bearish" | "contrast" | undefined;
+    color?: "primary" | "success" | "warning" | "danger" | "bullish" | "bearish" | "contrast" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     isDisabled?: boolean | undefined;
     disableAnimation?: boolean | undefined;

package/dist/components/UXSwitch/switch.extend.d.ts

@@ -1,14 +1,14 @@
 declare const ExtendedSwitch: import("react").ForwardRefExoticComponent<(Omit<import("@heroui/system-rsc").OmitCommonProps<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, keyof import("@heroui/switch").SwitchProps> & import("@heroui/switch").SwitchProps & {
     as?: import("@heroui/system-rsc").As<any> | undefined;
 } & {
-    color?: "success" | "primary" | "danger" | "warning" | "bullish" | "bearish" | "contrast" | undefined;
+    color?: "primary" | "success" | "warning" | "danger" | "bullish" | "bearish" | "contrast" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     isDisabled?: boolean | undefined;
     disableAnimation?: boolean | undefined;
 }, "ref"> | Omit<import("@heroui/system-rsc").OmitCommonProps<Omit<Omit<any, "ref">, never>, keyof import("@heroui/switch").SwitchProps> & import("@heroui/switch").SwitchProps & {
     as?: import("@heroui/system-rsc").As<any> | undefined;
 } & {
-    color?: "success" | "primary" | "danger" | "warning" | "bullish" | "bearish" | "contrast" | undefined;
+    color?: "primary" | "success" | "warning" | "danger" | "bullish" | "bearish" | "contrast" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     isDisabled?: boolean | undefined;
     disableAnimation?: boolean | undefined;

package/dist/components/UXTable/index.d.ts

@@ -16,7 +16,7 @@ export declare const UXTable: import("@heroui/system-rsc").InternalForwardRefRen
     isSelectable?: boolean | undefined;
     isMultiSelectable?: boolean | undefined;
     fullWidth?: boolean | undefined;
-    align?: "start" | "end" | "center" | undefined;
+    align?: "center" | "start" | "end" | undefined;
 }, "ref"> | Omit<import("@heroui/system-rsc").OmitCommonProps<Omit<Omit<any, "ref">, never>, keyof import("@heroui/table").TableProps<object>> & import("@heroui/table").TableProps<object> & {
     as?: import("@heroui/system-rsc").As<any> | undefined;
 } & {
@@ -32,6 +32,6 @@ export declare const UXTable: import("@heroui/system-rsc").InternalForwardRefRen
     isSelectable?: boolean | undefined;
     isMultiSelectable?: boolean | undefined;
     fullWidth?: boolean | undefined;
-    align?: "start" | "end" | "center" | undefined;
+    align?: "center" | "start" | "end" | undefined;
 }, "ref">) & React.RefAttributes<HTMLElement>, never>;
 export { TableBody as UXTableBody, TableCell as UXTableCell, TableColumn as UXTableColumn, TableHeader as UXTableHeader, TableRow as UXTableRow, } from '@heroui/table';

package/dist/components/UXTable/table.extend.d.ts

@@ -13,7 +13,7 @@ declare const ExtendedTable: import("react").ForwardRefExoticComponent<(Omit<imp
     isSelectable?: boolean | undefined;
     isMultiSelectable?: boolean | undefined;
     fullWidth?: boolean | undefined;
-    align?: "start" | "end" | "center" | undefined;
+    align?: "center" | "start" | "end" | undefined;
 }, "ref"> | Omit<import("@heroui/system-rsc").OmitCommonProps<Omit<Omit<any, "ref">, never>, keyof import("@heroui/table").TableProps<object>> & import("@heroui/table").TableProps<object> & {
     as?: import("@heroui/system-rsc").As<any> | undefined;
 } & {
@@ -29,6 +29,6 @@ declare const ExtendedTable: import("react").ForwardRefExoticComponent<(Omit<imp
     isSelectable?: boolean | undefined;
     isMultiSelectable?: boolean | undefined;
     fullWidth?: boolean | undefined;
-    align?: "start" | "end" | "center" | undefined;
+    align?: "center" | "start" | "end" | undefined;
 }, "ref">) & import("react").RefAttributes<HTMLElement>>;
 export default ExtendedTable;