myoperator-ui 0.0.172-beta.0 → 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}

package/package.json

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