@officesdk/design 0.1.12 → 0.1.14

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

@@ -357,7 +357,7 @@ interface SliderProps {
 declare const Slider: React.FC<SliderProps>;
 
 type InputSize = 'mini' | 'small' | 'medium' | 'large';
-type LineType = 'outlined' | 'underlined';
+type LineType = 'outlined' | 'underlined' | 'borderless';
 interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'prefix'> {
     /**
      * Input line type
@@ -552,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]
       );
@@ -2026,7 +2026,17 @@ var InputWrapper2 = exports.styled.div`
       boxShadow = sizeConfig?.boxShadowActive || "none";
     }
   }
-  if ($lineType === "outlined") {
+  if ($lineType === "borderless") {
+    return `
+        border: none;
+        background: transparent;
+        box-shadow: none;
+
+        &:hover:not(:disabled) {
+          background: transparent;
+        }
+      `;
+  } else if ($lineType === "outlined") {
     return `
         border: 1px solid ${borderColor};
         background: ${background};