@particle-network/ui-react 0.5.1-beta.25 → 0.5.1-beta.27

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

@@ -5,6 +5,7 @@ export interface UXRangeInputValue {
     max?: number;
 }
 export type UXRangeInputProps = Omit<UXNumberInputProps, 'value' | 'defaultValue' | 'onValueChange' | 'minValue' | 'maxValue'> & {
+    asFragment?: boolean;
     /**
      * The current value of the range input (controlled)
      */
@@ -31,7 +32,6 @@ export type UXRangeInputProps = Omit<UXNumberInputProps, 'value' | 'defaultValue
     maxInputProps?: Partial<UXNumberInputProps>;
     /**
      * Separator between the two inputs
-     * @default '-'
      */
     separator?: React.ReactNode;
     /**
@@ -39,4 +39,4 @@ export type UXRangeInputProps = Omit<UXNumberInputProps, 'value' | 'defaultValue
      */
     onValueChange?: (value: UXRangeInputValue) => void;
 };
-export declare const UXRangeInput: React.ForwardRefExoticComponent<UXRangeInputProps & React.RefAttributes<HTMLDivElement>>;
+export declare const UXRangeInput: React.FC<UXRangeInputProps>;

package/dist/components/UXRangeInput/index.js

@@ -1,10 +1,10 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import react, { forwardRef, useCallback, useMemo } from "react";
+import react, { Fragment, useCallback, useMemo } from "react";
 import { useI18n } from "../../hooks/index.js";
 import { HStack } from "../layout/index.js";
 import { UXNumberInput } from "../UXNumberInput/index.js";
-const UXRangeInput = /*#__PURE__*/ forwardRef((props, ref)=>{
-    const { value, defaultValue, onValueChange, minValue, maxValue, minInputProps = {}, maxInputProps = {}, separator = '', className, ...restProps } = props;
+const UXRangeInput = (props)=>{
+    const { asFragment, value, defaultValue, onValueChange, minValue, maxValue, minInputProps = {}, maxInputProps = {}, separator = '', className, ...restProps } = props;
     const i18n = useI18n();
     const [internalValue, setInternalValue] = react.useState(defaultValue || {
         min: void 0,
@@ -53,8 +53,8 @@ const UXRangeInput = /*#__PURE__*/ forwardRef((props, ref)=>{
         currentValue.min,
         minValue
     ]);
-    return /*#__PURE__*/ jsxs(HStack, {
-        ref: ref,
+    const Wrapper = asFragment ? Fragment : HStack;
+    return /*#__PURE__*/ jsxs(Wrapper, {
         gap: 2,
         className: className,
         children: [
@@ -64,6 +64,7 @@ const UXRangeInput = /*#__PURE__*/ forwardRef((props, ref)=>{
                     "aria-hidden": "true",
                     children: i18n.rangeInput.min
                 }),
+                textAlign: "right",
                 ...restProps,
                 ...minInputProps,
                 value: currentValue.min,
@@ -78,6 +79,7 @@ const UXRangeInput = /*#__PURE__*/ forwardRef((props, ref)=>{
                     "aria-hidden": "true",
                     children: i18n.rangeInput.max
                 }),
+                textAlign: "right",
                 ...restProps,
                 ...maxInputProps,
                 value: currentValue.max,
@@ -87,6 +89,6 @@ const UXRangeInput = /*#__PURE__*/ forwardRef((props, ref)=>{
             })
         ]
     });
-});
+};
 UXRangeInput.displayName = 'UX.RangeInput';
 export { UXRangeInput };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@particle-network/ui-react",
-  "version": "0.5.1-beta.25",
+  "version": "0.5.1-beta.27",
   "type": "module",
   "exports": {
     ".": {

package/tailwind-preset.js

@@ -986,11 +986,11 @@ module.exports = {
             },
             success: {
               DEFAULT: '#2EBD85',
-              foreground: '#000000',
+              foreground: '#FFFFFF',
             },
             danger: {
-              DEFAULT: '#F6465D',
-              foreground: '#000000',
+              DEFAULT: '#F5465D',
+              foreground: '#FFFFFF',
             },
             warning: {
               DEFAULT: '#F0B90B',
@@ -1006,11 +1006,11 @@ module.exports = {
             },
             bullish: {
               DEFAULT: '#2EBD85',
-              foreground: '#000000',
+              foreground: '#FFFFFF',
             },
             bearish: {
-              DEFAULT: '#F6465D',
-              foreground: '#000000',
+              DEFAULT: '#F5465D',
+              foreground: '#FFFFFF',
             },
           },
         },