@particle-network/ui-react 0.4.5-beta.7 → 0.4.5-beta.9

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

@@ -6,6 +6,7 @@ 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;
     size?: "sm" | "md" | "lg" | undefined;
     radius?: "sm" | "md" | "lg" | "none" | "full" | undefined;
@@ -21,6 +22,7 @@ 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;
     size?: "sm" | "md" | "lg" | undefined;
     radius?: "sm" | "md" | "lg" | "none" | "full" | undefined;

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

@@ -3,6 +3,7 @@ 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;
     size?: "sm" | "md" | "lg" | undefined;
     radius?: "sm" | "md" | "lg" | "none" | "full" | undefined;
@@ -18,6 +19,7 @@ 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;
     size?: "sm" | "md" | "lg" | undefined;
     radius?: "sm" | "md" | "lg" | "none" | "full" | undefined;

package/dist/components/UXModal/index.js

@@ -4,7 +4,6 @@ import { Modal, ModalBody, ModalContent, ModalFooter, ModalHeader } from "@herou
 import CloseIcon from "@particle-network/icons/web/CloseIcon";
 import { Center, Circle, Flex } from "../layout/index.js";
 import { Text } from "../typography/Text.js";
-import { UXButton } from "../UXButton/index.js";
 const UXModal = (props)=>{
     const { title, footer, backdrop, scrollBehavior = 'inside', children, titleAlign = 'left', classNames, tip, ...restProps } = props;
     return /*#__PURE__*/ jsx(Modal, {
@@ -45,9 +44,7 @@ const UXModal = (props)=>{
                 classNames?.closeButton
             ]
         },
-        closeButton: /*#__PURE__*/ jsx(UXButton, {
-            isIconOnly: true,
-            variant: "light",
+        closeButton: /*#__PURE__*/ jsx("button", {
             children: /*#__PURE__*/ jsx(CloseIcon, {
                 size: 24
             })

package/dist/components/UXToast/index.js

@@ -44,7 +44,7 @@ const show = (props)=>{
                 base
             ],
             description: [
-                'text-foreground text-xs font-medium me-0 leading-4 line-clamp-4',
+                'text-tertiary-foreground text-xs font-medium me-0 leading-4 line-clamp-4',
                 'flat' === variant && 'text-white',
                 hasLongWord(description) && 'break-all',
                 descriptionClassName
@@ -72,7 +72,7 @@ const show = (props)=>{
         icon: icon ?? getIcon(type),
         hideIcon: !icon && !getIcon(type),
         closeIcon: /*#__PURE__*/ jsx(CloseIcon, {
-            className: 'flat' === variant ? 'text-white' : 'text-foreground'
+            className: 'flat' === variant ? 'text-white' : 'text-tertiary-foreground'
         }),
         loadingComponent: /*#__PURE__*/ jsx(UXSpinner, {
             size: 18

package/dist/utils/input-classes.d.ts

@@ -8,6 +8,7 @@ export declare const inputClasses: {
         isDisabled: boolean;
         hideStepper: boolean;
         textAlign: string;
+        isColorText: boolean;
     };
     variants: {
         variant: {
@@ -29,10 +30,13 @@ export declare const inputClasses: {
                 input: string;
             };
         };
+        isColorText: {
+            true: {};
+            false: {};
+        };
         color: {
             default: {
                 inputWrapper: string;
-                input: string;
             };
             primary: {
                 inputWrapper: string;
@@ -40,7 +44,6 @@ export declare const inputClasses: {
             };
             secondary: {
                 inputWrapper: string;
-                input: string;
             };
             success: {
                 inputWrapper: string;
@@ -166,6 +169,7 @@ export declare const inputClasses: {
         variant?: undefined;
         color?: undefined;
         isInvalid?: undefined;
+        isColorText?: undefined;
         labelPlacement?: undefined;
         radius?: undefined;
         disableAnimation?: undefined;
@@ -182,6 +186,7 @@ export declare const inputClasses: {
             stepperButton?: undefined;
         };
         size?: undefined;
+        isColorText?: undefined;
         labelPlacement?: undefined;
         radius?: undefined;
         disableAnimation?: undefined;
@@ -198,6 +203,24 @@ export declare const inputClasses: {
             stepperButton?: undefined;
         };
         size?: undefined;
+        isColorText?: undefined;
+        labelPlacement?: undefined;
+        radius?: undefined;
+        disableAnimation?: undefined;
+        isMultiline?: undefined;
+    } | {
+        isColorText: boolean;
+        color: string;
+        class: {
+            input: string;
+            inputWrapper?: undefined;
+            label?: undefined;
+            innerWrapper?: undefined;
+            stepperButton?: undefined;
+        };
+        size?: undefined;
+        variant?: undefined;
+        isInvalid?: undefined;
         labelPlacement?: undefined;
         radius?: undefined;
         disableAnimation?: undefined;
@@ -215,6 +238,7 @@ export declare const inputClasses: {
         size?: undefined;
         variant?: undefined;
         isInvalid?: undefined;
+        isColorText?: undefined;
         radius?: undefined;
         disableAnimation?: undefined;
         isMultiline?: undefined;
@@ -231,6 +255,7 @@ export declare const inputClasses: {
         variant?: undefined;
         color?: undefined;
         isInvalid?: undefined;
+        isColorText?: undefined;
         labelPlacement?: undefined;
         disableAnimation?: undefined;
         isMultiline?: undefined;
@@ -247,6 +272,7 @@ export declare const inputClasses: {
         variant?: undefined;
         color?: undefined;
         isInvalid?: undefined;
+        isColorText?: undefined;
         labelPlacement?: undefined;
         disableAnimation?: undefined;
         isMultiline?: undefined;
@@ -263,6 +289,7 @@ export declare const inputClasses: {
         size?: undefined;
         color?: undefined;
         isInvalid?: undefined;
+        isColorText?: undefined;
         labelPlacement?: undefined;
         radius?: undefined;
         isMultiline?: undefined;
@@ -279,6 +306,7 @@ export declare const inputClasses: {
         variant?: undefined;
         color?: undefined;
         isInvalid?: undefined;
+        isColorText?: undefined;
         radius?: undefined;
         disableAnimation?: undefined;
         isMultiline?: undefined;
@@ -295,6 +323,7 @@ export declare const inputClasses: {
         };
         color?: undefined;
         isInvalid?: undefined;
+        isColorText?: undefined;
         radius?: undefined;
         disableAnimation?: undefined;
         isMultiline?: undefined;
@@ -311,6 +340,7 @@ export declare const inputClasses: {
         variant?: undefined;
         color?: undefined;
         isInvalid?: undefined;
+        isColorText?: undefined;
         radius?: undefined;
         disableAnimation?: undefined;
         isMultiline?: undefined;
@@ -327,6 +357,7 @@ export declare const inputClasses: {
         variant?: undefined;
         color?: undefined;
         isInvalid?: undefined;
+        isColorText?: undefined;
         radius?: undefined;
         disableAnimation?: undefined;
         isMultiline?: undefined;
@@ -343,6 +374,7 @@ export declare const inputClasses: {
         size?: undefined;
         color?: undefined;
         isInvalid?: undefined;
+        isColorText?: undefined;
         radius?: undefined;
         disableAnimation?: undefined;
         isMultiline?: undefined;
@@ -359,6 +391,7 @@ export declare const inputClasses: {
         variant?: undefined;
         color?: undefined;
         isInvalid?: undefined;
+        isColorText?: undefined;
         radius?: undefined;
         disableAnimation?: undefined;
         isMultiline?: undefined;
@@ -375,6 +408,7 @@ export declare const inputClasses: {
         };
         color?: undefined;
         isInvalid?: undefined;
+        isColorText?: undefined;
         radius?: undefined;
         disableAnimation?: undefined;
         isMultiline?: undefined;
@@ -392,6 +426,7 @@ export declare const inputClasses: {
         };
         color?: undefined;
         isInvalid?: undefined;
+        isColorText?: undefined;
         radius?: undefined;
         disableAnimation?: undefined;
     })[];

package/dist/utils/input-classes.js

@@ -7,7 +7,8 @@ const inputClasses = {
         labelPlacement: 'outside',
         isDisabled: false,
         hideStepper: true,
-        textAlign: 'left'
+        textAlign: 'left',
+        isColorText: false
     },
     variants: {
         variant: {
@@ -38,18 +39,20 @@ const inputClasses = {
                 input: 'text-right'
             }
         },
+        isColorText: {
+            true: {},
+            false: {}
+        },
         color: {
             default: {
-                inputWrapper: 'caret-foreground',
-                input: 'text-foreground'
+                inputWrapper: 'caret-foreground'
             },
             primary: {
                 inputWrapper: 'caret-primary',
                 stepperButton: 'text-primary'
             },
             secondary: {
-                inputWrapper: 'caret-foreground',
-                input: 'text-secondary'
+                inputWrapper: 'caret-foreground'
             },
             success: {
                 inputWrapper: 'caret-success',
@@ -190,7 +193,7 @@ const inputClasses = {
             class: {
                 inputWrapper: 'bg-background-200 text-tertiary font-medium',
                 label: 'font-medium',
-                input: '!outline-none placeholder:text-tertiary dark:placeholder:text-tertiary placeholder:font-medium font-medium text-foreground'
+                input: '!outline-none placeholder:text-tertiary placeholder:font-medium font-medium text-foreground'
             }
         },
         {
@@ -353,6 +356,62 @@ const inputClasses = {
                 ]
             }
         },
+        {
+            isColorText: true,
+            color: 'default',
+            class: {
+                input: 'text-foreground'
+            }
+        },
+        {
+            isColorText: true,
+            color: 'primary',
+            class: {
+                input: 'text-primary'
+            }
+        },
+        {
+            isColorText: true,
+            color: 'secondary',
+            class: {
+                input: 'text-secondary'
+            }
+        },
+        {
+            isColorText: true,
+            color: 'success',
+            class: {
+                input: 'text-success'
+            }
+        },
+        {
+            isColorText: true,
+            color: 'warning',
+            class: {
+                input: 'text-warning'
+            }
+        },
+        {
+            isColorText: true,
+            color: 'danger',
+            class: {
+                input: 'text-danger'
+            }
+        },
+        {
+            isColorText: true,
+            color: 'bullish',
+            class: {
+                input: 'text-bullish'
+            }
+        },
+        {
+            isColorText: true,
+            color: 'bearish',
+            class: {
+                input: 'text-bearish'
+            }
+        },
         {
             labelPlacement: 'inside',
             color: 'default',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@particle-network/ui-react",
-  "version": "0.4.5-beta.7",
+  "version": "0.4.5-beta.9",
   "type": "module",
   "exports": {
     ".": {
@@ -49,7 +49,7 @@
     "ahooks": "^3.9.4",
     "copy-to-clipboard": "^3.3.3",
     "zustand": "^5.0.8",
-    "@particle-network/icons": "0.4.2-beta.5",
+    "@particle-network/icons": "0.4.2-beta.6",
     "@particle-network/ui-shared": "0.3.2-beta.2"
   },
   "scripts": {