@officesdk/design 0.1.11 → 0.1.13

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

@@ -403,6 +403,14 @@ interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, '
      * Custom inline styles
      */
     style?: React.CSSProperties;
+    /**
+     * Custom input className
+     */
+    inputClassName?: string;
+    /**
+     * Custom input styles
+     */
+    inputStyle?: React.CSSProperties;
 }
 /**
  * Input Component
@@ -544,8 +552,10 @@ interface NumberInputProps {
     unit?: string;
     /**
      * Callback when value changes
+     * @param fixedValue - The clamped value within min/max range
+     * @param rawValue - The original input value before clamping
      */
-    onChange?: (value: number | null) => void;
+    onChange?: (fixedValue: number, rawValue: number) => void;
     /**
      * Custom className
      */

package/dist/components/cjs/index.js

@@ -1211,7 +1211,7 @@ var init_NumberInput = __esm({
           if (controlledValue === void 0) {
             setInternalValue(clampedValue);
           }
-          onChange?.(clampedValue);
+          onChange?.(clampedValue, newValue);
         },
         [clampValue, controlledValue, onChange]
       );
@@ -2219,6 +2219,8 @@ var Input = React3.forwardRef(
     clearIcon,
     className,
     style,
+    inputClassName,
+    inputStyle,
     onFocus,
     onBlur,
     value,
@@ -2300,6 +2302,8 @@ var Input = React3.forwardRef(
           onChange: handleChange,
           onFocus: handleFocus,
           onBlur: handleBlur,
+          className: inputClassName,
+          style: inputStyle,
           ...rest
         }
       ), clearButtonNode),