@officesdk/design 0.2.4 → 0.2.6

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

@@ -386,12 +386,12 @@ interface SliderProps {
 declare const Slider: React$1.FC<SliderProps>;
 
 type InputSize = 'mini' | 'small' | 'medium' | 'large';
-type LineType = 'outlined' | 'underlined' | 'borderless';
+type LineType$1 = 'outlined' | 'underlined' | 'borderless';
 interface InputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, 'size' | 'prefix'> {
     /**
      * Input line type
      */
-    lineType?: LineType;
+    lineType?: LineType$1;
     /**
      * Input size
      */
@@ -530,6 +530,7 @@ declare const SearchInput: React$1.ForwardRefExoticComponent<SearchInputProps &
  */
 declare const UnderlinedInput: React$1.ForwardRefExoticComponent<Omit<InputProps, "lineType"> & React$1.RefAttributes<HTMLInputElement>>;
 
+type LineType = 'outlined' | 'underlined' | 'borderless';
 interface NumberInputProps {
     /**
      * Current value
@@ -583,6 +584,31 @@ interface NumberInputProps {
      * Placeholder text
      */
     placeholder?: string;
+    /**
+     * Whether to show step buttons (increment/decrement)
+     * @default true
+     */
+    showStepButtons?: boolean;
+    /**
+     * Trigger mode for showing step buttons
+     * - 'normal': always show (default)
+     * - 'hover': show only on hover
+     * @default 'normal'
+     */
+    showStepButtonsTrigger?: 'hover' | 'normal';
+    /**
+     * Input line type
+     * - 'outlined': with full border (default)
+     * - 'underlined': with bottom border only
+     * - 'borderless': no border
+     * @default 'outlined'
+     */
+    lineType?: LineType;
+    /**
+     * Whether to use thousands separator in display
+     * @default false
+     */
+    useThousandsSeparator?: boolean;
     /**
      * Callback when value changes
      * @param fixedValue - The clamped value within min/max range (can be undefined if empty)
@@ -927,6 +953,10 @@ interface TabsProps {
      * Tab size
      */
     size?: 'large';
+    /**
+     * Tab items alignment (only works for 'line' variant)
+     */
+    justify?: 'start' | 'center' | 'end';
     /**
      * Callback when tab changes
      */
@@ -1095,7 +1125,7 @@ interface ToolbarButtonProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>
  */
 declare const ToolbarButton: React$1.FC<ToolbarButtonProps>;
 
-type DropdownButtonSize = 'large' | 'medium';
+type DropdownButtonSize = 'large' | 'medium' | 'small';
 type DropdownButtonVariant = 'framed' | 'frameless';
 interface DropdownButtonProps extends Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, 'type'> {
     /**
@@ -1148,6 +1178,11 @@ interface DropdownButtonProps extends Omit<React$1.ButtonHTMLAttributes<HTMLButt
      * Custom text style
      */
     textStyle?: React$1.CSSProperties;
+    /**
+     * Custom content to render instead of value/placeholder
+     * When provided, value and placeholder are ignored
+     */
+    children?: React$1.ReactNode;
 }
 /**
  * DropdownButton Component