myoperator-ui 0.0.171 → 0.0.172-beta.1

package/dist/index.js

@@ -946,7 +946,11 @@ const Input = React.forwardRef<HTMLInputElement, InputProps>(
     return (
       <input
         type={type}
-        className={cn(inputVariants({ state, className }))}
+        className={cn(
+          inputVariants({ state, className }),
+          type === "number" &&
+            "[appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none"
+        )}
         ref={ref}
         {...props}
       />
@@ -1690,6 +1694,7 @@ const TextField = React.forwardRef<HTMLInputElement, TextFieldProps>(
       onChange,
       disabled,
       id,
+      type,
       ...props
     },
     ref
@@ -1730,14 +1735,21 @@ const TextField = React.forwardRef<HTMLInputElement, TextFieldProps>(
     const ariaDescribedBy = error ? errorId : helperText ? helperId : undefined;
 
     // Render the input element
+    const numberSpinnerClasses =
+      type === "number"
+        ? "[appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none"
+        : undefined;
+
     const inputElement = (
       <input
         ref={ref}
         id={inputId}
+        type={type}
         className={cn(
           hasAddons
             ? "flex-1 bg-transparent border-0 outline-none focus:ring-0 px-0 h-full text-sm text-semantic-text-primary placeholder:text-semantic-text-placeholder disabled:cursor-not-allowed"
-            : textFieldInputVariants({ state: derivedState, className })
+            : textFieldInputVariants({ state: derivedState, className }),
+          numberSpinnerClasses
         )}
         disabled={disabled || loading}
         maxLength={maxLength}
@@ -4653,13 +4665,18 @@ export {
 // ============================================================================
 
 const TOAST_LIMIT = 5;
-const TOAST_REMOVE_DELAY = 5000;
+const TOAST_REMOVE_DELAY = 2000;
 
 type ToasterToast = ToastProps & {
   id: string;
   title?: React.ReactNode;
   description?: React.ReactNode;
   action?: ToastActionElement;
+  /**
+   * Duration in milliseconds before the toast is removed after dismissal.
+   * Defaults to 2000ms (2 seconds).
+   */
+  duration?: number;
 };
 
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -4703,7 +4720,7 @@ interface State {
 
 const toastTimeouts = new Map<string, ReturnType<typeof setTimeout>>();
 
-const addToRemoveQueue = (toastId: string) => {
+const addToRemoveQueue = (toastId: string, duration?: number) => {
   if (toastTimeouts.has(toastId)) {
     return;
   }
@@ -4714,7 +4731,7 @@ const addToRemoveQueue = (toastId: string) => {
       type: "REMOVE_TOAST",
       toastId: toastId,
     });
-  }, TOAST_REMOVE_DELAY);
+  }, duration ?? TOAST_REMOVE_DELAY);
 
   toastTimeouts.set(toastId, timeout);
 };
@@ -4739,10 +4756,11 @@ export const reducer = (state: State, action: Action): State => {
       const { toastId } = action;
 
       if (toastId) {
-        addToRemoveQueue(toastId);
+        const toastItem = state.toasts.find((t) => t.id === toastId);
+        addToRemoveQueue(toastId, toastItem?.duration);
       } else {
-        state.toasts.forEach((toast) => {
-          addToRemoveQueue(toast.id);
+        state.toasts.forEach((toastItem) => {
+          addToRemoveQueue(toastItem.id, toastItem.duration);
         });
       }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "myoperator-ui",
-  "version": "0.0.171",
+  "version": "0.0.172-beta.1",
   "description": "CLI for adding myOperator UI components to your project",
   "type": "module",
   "exports": "./dist/index.js",