@particle-network/ui-react 0.4.5-beta.2 → 0.4.5-beta.21

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/components/UXTooltip/index.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import ExtendedTooltip from './tooltip.extend';
-export type UXTooltipProps = React.ComponentPropsWithRef<typeof ExtendedTooltip>;
+import type { TooltipProps } from '@heroui/tooltip';
+export type UXTooltipProps = TooltipProps;
 export declare const UXTooltip: React.FC<UXTooltipProps>;

package/dist/components/index.d.ts

@@ -21,6 +21,7 @@ export * from './UXPagination';
 export * from './UXPopover';
 export * from './UXRadio';
 export * from './UXSelect';
+export * from './UXSlider';
 export * from './UXSpinner';
 export * from './UXSwitch';
 export * from './UXTable';

package/dist/components/index.js

@@ -21,6 +21,7 @@ export * from "./UXPagination/index.js";
 export * from "./UXPopover/index.js";
 export * from "./UXRadio/index.js";
 export * from "./UXSelect/index.js";
+export * from "./UXSlider/index.js";
 export * from "./UXSpinner/index.js";
 export * from "./UXSwitch/index.js";
 export * from "./UXTable/index.js";

package/dist/utils/classes.d.ts

@@ -33,3 +33,14 @@ export declare const collapseAdjacentVariantBorders: {
     bearish: string[];
 };
 export declare const hiddenInputClasses: string[];
+export declare const bgWithTextColorClasses: {
+    readonly foreground: "bg-foreground text-background";
+    readonly primary: "bg-primary text-primary-foreground";
+    readonly secondary: "bg-secondary text-secondary-foreground";
+    readonly success: "bg-success text-success-foreground";
+    readonly warning: "bg-warning text-warning-foreground";
+    readonly alert: "bg-alert text-alert-foreground";
+    readonly danger: "bg-danger text-danger-foreground";
+    readonly bullish: "bg-bullish text-bullish-foreground";
+    readonly bearish: "bg-bearish text-bearish-foreground";
+};

package/dist/utils/classes.js

@@ -84,4 +84,15 @@ const hiddenInputClasses = [
     'cursor-pointer',
     'disabled:cursor-default'
 ];
-export { absoluteFullClasses, baseStyles, collapseAdjacentVariantBorders, dataFocusVisibleClasses, focusVisibleClasses, groupDataFocusVisibleClasses, hiddenInputClasses, ringClasses, translateCenterClasses };
+const bgWithTextColorClasses = {
+    foreground: 'bg-foreground text-background',
+    primary: 'bg-primary text-primary-foreground',
+    secondary: 'bg-secondary text-secondary-foreground',
+    success: 'bg-success text-success-foreground',
+    warning: 'bg-warning text-warning-foreground',
+    alert: 'bg-alert text-alert-foreground',
+    danger: 'bg-danger text-danger-foreground',
+    bullish: 'bg-bullish text-bullish-foreground',
+    bearish: 'bg-bearish text-bearish-foreground'
+};
+export { absoluteFullClasses, baseStyles, bgWithTextColorClasses, collapseAdjacentVariantBorders, dataFocusVisibleClasses, focusVisibleClasses, groupDataFocusVisibleClasses, hiddenInputClasses, ringClasses, translateCenterClasses };

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.2",
+  "version": "0.4.5-beta.21",
   "type": "module",
   "exports": {
     ".": {
@@ -38,8 +38,8 @@
     "@rslib/core": "^0.12.3",
     "@types/react": "^19.1.10",
     "react": "^19.1.0",
-    "@particle-network/eslint-config": "0.3.0",
-    "@particle-network/lintstaged-config": "0.1.0"
+    "@particle-network/lintstaged-config": "0.1.0",
+    "@particle-network/eslint-config": "0.3.0"
   },
   "peerDependencies": {
     "react": ">=16.9.0",
@@ -49,8 +49,8 @@
     "ahooks": "^3.9.4",
     "copy-to-clipboard": "^3.3.3",
     "zustand": "^5.0.8",
-    "@particle-network/icons": "0.4.2-beta.2",
-    "@particle-network/ui-shared": "0.3.2-beta.2"
+    "@particle-network/icons": "0.4.2-beta.9",
+    "@particle-network/ui-shared": "0.3.2-beta.5"
   },
   "scripts": {
     "build": "rslib build",

package/tailwind-preset.js

@@ -1094,7 +1094,7 @@ module.exports = {
             },
           },
         },
-        custom: {
+        'product-test': {
           extend: 'dark',
           colors: {
             default: {