@officesdk/design 0.2.1 → 0.2.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -301,6 +301,25 @@ interface CheckboxProps {
301
301
  */
302
302
  declare const Checkbox: React$1.FC<CheckboxProps>;
303
303
 
304
+ /**
305
+ * Value map utilities for piecewise linear mapping (non-linear slider)
306
+ */
307
+ interface ValueMapPiece {
308
+ /** Size of the piece (value range) */
309
+ size: number;
310
+ /** Step increment, defaults to 1 */
311
+ step?: number;
312
+ /** Visual size (relative), defaults to size/step */
313
+ visualSize?: number;
314
+ }
315
+ interface ValueMap {
316
+ type: 'piecewise';
317
+ /** Starting value */
318
+ start: number;
319
+ /** Array of pieces defining the mapping */
320
+ pieces: ValueMapPiece[];
321
+ }
322
+
304
323
  interface SliderProps {
305
324
  /**
306
325
  * Current value (0-100)
@@ -326,6 +345,15 @@ interface SliderProps {
326
345
  * Whether the slider is disabled
327
346
  */
328
347
  disabled?: boolean;
348
+ /**
349
+ * Slider direction
350
+ */
351
+ direction?: 'horizontal' | 'vertical';
352
+ /**
353
+ * Value map for piecewise linear mapping (non-linear slider)
354
+ * When provided, min/max/step props are ignored
355
+ */
356
+ valueMap?: ValueMap;
329
357
  /**
330
358
  * Callback when value changes
331
359
  */
@@ -598,11 +626,13 @@ interface IconProps {
598
626
  */
599
627
  children?: React$1.ReactNode;
600
628
  /**
601
- * Size of the icon (px or custom width/height)
629
+ * Size of the icon (px or custom width/height).
630
+ * When not provided, the SVG keeps its original width/height attributes.
602
631
  */
603
632
  size?: number | string | IconSize;
604
633
  /**
605
- * Color of the icon (only works with SVG icons, not image src)
634
+ * Color of the icon (only works with SVG icons, not image src).
635
+ * When not provided, the SVG keeps its original colors.
606
636
  */
607
637
  color?: string;
608
638
  /**