@ringcentral/spring-ui 1.7.0 → 1.8.0

package/src/Select/Select.type.d.ts

@@ -7,108 +7,24 @@ import type { SelectMode } from '../MenuItem';
 import type { SelectClassesKey } from './Select.classes';
 export declare type SelectVariant = UnionOmit<FormFieldVariant, 'quiet'>;
 export declare type SelectProps<T = unknown> = StandardProps<{
-    /**
-     * The variant of the Select.
-     *
-     * @default 'standard'
-     */
     variant?: SelectVariant;
-    /**
-     * The selection mode of the Select.
-     * @default 'single'
-     */
     selectMode?: SelectMode;
-    /**
-     * The default selected value(s). Use when the component is uncontrolled.
-     * - When `selectMode` is `'single'`, this should be a single value or `null`.
-     * - When `selectMode` is `'multiple'`, this should be an array (default: `[]`).
-     */
     defaultValue?: T;
-    /**
-     * The selected value.
-     */
     value?: T;
-    /**
-     * Callback fired when an option is selected.
-     */
     onChange?: (e: React.ChangeEvent<HTMLInputElement>, child: React.ReactNode) => void;
-    /**
-     * Text to show when there is no selected value.
-     */
     placeholder?: ReactNode;
-    /**
-     * Renders the selected value. If displayEmpty is enabled, the value
-     * argument will be null.
-     *
-     * @param value The `value` provided to the component.
-     * @returns {ReactNode}
-     * @default (value) => (Array.isArray(value) ? value.join(', ') : String(value))
-     */
     renderValue?: (value: T) => ReactNode;
-    /**
-     * Displays a value instead of a placeholder, even if no value is selected.
-     * Make sure to return a meaningful value in the `renderValue` prop.
-     */
     displayEmpty?: boolean;
-    /**
-     * Controls whether the Select is open. If unset, the Select will be closed
-     * by default until the user interacts to open it. By setting this property,
-     * the Select will be in controlled mode, meaning you are responsible for
-     * setting the open state using the `onOpen` and `onClose` callbacks.
-     */
     open?: boolean;
-    /**
-     * Controls whether the Select is open by default. If unset or `false`, the
-     * Select will be closed by default until the user interacts to open it.
-     * @default false
-     */
     defaultOpen?: boolean;
-    /**
-     * When enabled, the menu items will be rendered in a virtualized list.
-     * Set this prop to `true` when you have a large number of options to render.
-     */
     virtualize?: boolean;
-    /**
-     * The data to render when the `virtualize` prop is `true`.
-     */
     data?: T extends unknown[] ? T : T[];
-    /**
-     * A handler that should return the index of the selected item in the `data` array.
-     * This prop is not used when the `virtualize` prop is `false`.
-     * @default (value) => data.findIndex((v) => v === value)
-     */
     getSelectedIndex?: (value: T) => number;
-    /**
-     * Callback fired when the Select is opened. When in controlled mode and using
-     * the `open` prop this will be called when the user requests to open the Select,
-     * when in uncontrolled mode this will be called when the Select is opened.
-     */
     onOpen?: () => void;
-    /**
-     * Callback fired when the Select is closed. When in controlled mode and using
-     * the `open` prop this will be called when the user requests to close the Select,
-     * when in uncontrolled mode this will be called when the Select is closed.
-     */
     onClose?: () => void;
-    /**
-     *
-     * Props applied to selector.
-     */
     selectorProps?: ComponentProps<'div'>;
-    /**
-     * Props applied to the underlying Menu component.
-     * If `virtualize` is `true`, use the `VirtualizedMenuProps` prop instead.
-     */
     MenuProps?: Omit<MenuProps, 'open' | 'anchorEl' | 'onClose' | 'children'> & HTMLDataAttribute;
-    /**
-     * Props applied to the underlying VirtualizedMenu component.
-     * If `virtualize` is `false`, use the `MenuProps` prop instead.
-     */
     VirtualizedMenuProps?: Omit<VirtualizedMenuProps, 'open' | 'onClose' | 'children'> & HTMLDataAttribute;
-    /**
-     * Props applied to the underlying <input> element.
-     * You can pass the `name` prop directly to the Select component.
-     */
     inputProps?: InputHTMLAttributes<HTMLInputElement>;
     children?: FormFieldProps['children'] | VirtualizedMenuProps['children'];
 } & Omit<FormFieldProps, 'onChange' | 'classes' | 'variant' | 'children'> & Pick<InputHTMLAttributes<HTMLInputElement>, 'name'>, SelectClassesKey, 'div'>;

package/src/SingleFilter/FilterButton/FilterButton.type.d.ts

@@ -4,24 +4,8 @@ import { StandardProps } from '@ringcentral/spring-base';
 import { FilterButtonClassesKey } from './FilterButton.classes';
 export declare type FilterButtonValue = string | number;
 export declare type FilterButtonProps = StandardProps<{
-    /**
-     * Text of filter button will be transformed to upper case
-     */
     children: string;
-    /**
-     * Callback fired when the button is clicked.
-     *
-     * @param {React.MouseEvent<HTMLElement>} event The event source of the callback.
-     * @param {any} value of the selected button.
-     */
     onClick?: (event: React.MouseEvent<HTMLElement>, value: FilterButtonValue) => void;
-    /**
-     * If `true`, the button is rendered in an active state.
-     */
     selected?: boolean;
-    /**
-     * The value to associate with the button when selected in Filters.
-     * Defaults to use children if not provided.
-     */
     value?: FilterButtonValue;
 } & Omit<UseButtonParameters, 'href' | 'to'>, FilterButtonClassesKey, 'button'>;

package/src/SingleFilter/SingleFilter.type.d.ts

@@ -7,38 +7,12 @@ export declare type FilterItemData = {
     label: string;
 } & Pick<FilterButtonProps, 'value' | 'disabled'> & HTMLDataAttribute & AriaAttributes;
 export declare type SingleFilterProps = StandardProps<{
-    /**
-     * The default value. Use when the component is not controlled.
-     */
     defaultValue?: FilterButtonValue;
-    /**
-     * The value of the selected filter.
-     */
     value?: FilterButtonValue;
-    /**
-     * The default data of filters. Use when the component is not controlled.
-     */
     defaultData?: FilterItemData[];
-    /**
-     * The data of filters.
-     */
     data?: FilterItemData[];
-    /**
-     * Callback fired when current selected filter is changed.
-     *
-     * @param value The value of current selected filter.
-     */
     onSelect?: (value: FilterButtonValue) => void;
-    /**
-     * Callback fired when data of filters is changed.
-     *
-     * @param data Current data of filters.
-     */
     onDataChange?: (data: FilterItemData[]) => void;
-    /** The max count of visible filters
-     *
-     * @default 2
-     */
     visibleCount?: number;
     MoreButtonProps?: Omit<IconButtonProps, 'variant' | 'size'> & HTMLDataAttribute;
 }, SingleFilterClassesKey, 'div'>;

package/src/Skeleton/Skeleton.type.d.ts

@@ -1,6 +1,5 @@
 import { StandardProps } from '@ringcentral/spring-base';
 import { SkeletonClassesKey } from './Skeleton.classes';
 export declare type SkeletonProps = StandardProps<{
-    /** Sets the variant of the component. */
     variant: 'text' | 'circular' | 'squircle' | 'rectangular';
 }, SkeletonClassesKey, 'div'>;

package/src/Skeleton/SkeletonContainer/SkeletonContainer.classes.d.ts

@@ -1,5 +1,5 @@
 import type { CamelCase } from 'type-fest';
-export declare type BaseSkeletonContainerClassesKey = '@keyframes' | 'root';
+export declare type BaseSkeletonContainerClassesKey = 'root';
 export declare type SkeletonContainerClassesKey = CamelCase<BaseSkeletonContainerClassesKey>;
 export declare type SkeletonContainerClasses = {
     name: 'skeleton-container';

package/src/Slider/Slider.classes.d.ts

@@ -1,10 +1,6 @@
 import type { CamelCase } from 'type-fest';
 declare type SliderOrientation = 'vertical' | 'horizontal';
-export declare type BaseSliderClassesKey = 'root' | 'rail' | `rail-${SliderOrientation}` | 'track' | `track-${SliderOrientation}` | 'empty' | 'track-empty' | 'thumb' | `thumb-${SliderOrientation}` | 'thumb-inner' | 'marks' | `marks-${SliderOrientation}` | 'mark-container' | `mark-container-${SliderOrientation}` | 'mark' | `mark-${SliderOrientation}` | 'mark-label' | 'has-marks' | 'value-label' | 'value-label-paper'
-/**
- * @deprecated Kept for backward compatibility. Will be removed in a future major version.
- */
- | 'show-on-hover-only' | 'show-color-at-rest' | 'neutral' | 'success' | 'warning' | 'danger' | SliderOrientation;
+export declare type BaseSliderClassesKey = 'root' | 'rail' | `rail-${SliderOrientation}` | 'track' | `track-${SliderOrientation}` | 'empty' | 'track-empty' | 'thumb' | `thumb-${SliderOrientation}` | 'thumb-inner' | 'marks' | `marks-${SliderOrientation}` | 'mark-container' | `mark-container-${SliderOrientation}` | 'mark' | `mark-${SliderOrientation}` | 'mark-label' | 'has-marks' | 'value-label' | 'value-label-paper' | 'show-on-hover-only' | 'show-color-at-rest' | 'neutral' | 'success' | 'warning' | 'danger' | SliderOrientation;
 export declare type SliderClassesKey = CamelCase<BaseSliderClassesKey>;
 export declare type SliderClasses = {
     name: 'slider';

package/src/Slider/Slider.type.d.ts

@@ -5,133 +5,29 @@ import { TooltipProps } from '../Tooltip';
 import { SliderClassesKey } from './Slider.classes';
 declare type SliderColor = 'neutral' | 'success' | 'warning' | 'danger';
 export declare type SliderProps<V extends number | number[] = number> = StandardProps<{
-    /**
-     * The label of the slider.
-     */
     'aria-label'?: string;
-    /**
-     * The id of the label for the slider.
-     */
     'aria-labelledby'?: string;
-    /**
-     * A string value that provides a user-friendly name for the current value of the slider.
-     */
     'aria-valuetext'?: string;
-    /**
-     * The default value. Use when the component is not controlled.
-     */
     defaultValue?: V;
-    /**
-     * If `true`, the component is disabled.
-     * @default false
-     */
     disabled?: boolean;
-    /**
-     * Accepts a function which returns a string value that provides a user-friendly name for the current value of the slider.
-     * This is important for screen reader users.
-     * @param {number} value The thumb label's value to format.
-     * @returns {string}
-     */
     getAriaValueText?: (value: number) => string;
-    /**
-     * The maximum allowed value of the slider.
-     * Should not be equal to min.
-     * @default 100
-     */
     max?: number;
-    /**
-     * The minimum allowed value of the slider.
-     * Should not be equal to max.
-     * @default 0
-     */
     min?: number;
-    /**
-     * Name attribute of the hidden `input` element.
-     */
     name?: string;
-    /**
-     * The color of the slider.
-     * @default neutral
-     */
     color?: SliderColor;
-    /**
-     * Controls whether step marks will be displayed underneath the Slider.
-     * If a boolean is passed the labels rendered for the step marks will be the numerical value of the step.
-     * If an array of Mark is passed, the label rendered will be the label from each item of the array.
-     * @default false
-     */
     marks?: boolean | (Omit<Mark, 'label'> & {
         label: string;
     })[];
-    /**
-     * Controls whether the semantic colors based on the `color` prop are shown on the track and thumb in the Slider's resting state or only when hovered.
-     * If `true`, the track and thumb will display their semantic color in the Slider's resting state.
-     * If `false`, the track and thumb will use their default neutral colors when the Slider isn't hovered, and will be filled with their semantic colors when the Slider is hovered.
-     * @default false
-     */
     showColorAtRest?: boolean;
-    /**
-     * Controls how the value label is displayed.
-     * If `auto`, the value label will only display when the Slider is being hovered or focused.
-     * If `on`, the value label will display persistently.
-     * If `off`, the value label will not display.
-     * You can pass a function that returns a string to customize the value label via the `valueLabelFormat` prop.
-     * @default off
-     */
     valueLabelDisplay?: 'on' | 'off' | 'auto';
-    /**
-     * Either a string to statically set the value label or a callback function to customize how the value label is formatted.
-     * Make sure to set the `valueLabelDisplay` prop to `on` or `auto`.
-     * @default (value) => value
-     */
     valueLabelFormat?: string | ((value: number) => string);
-    /**
-     * Props applied to Tooltip component used to display the value label.
-     */
     valueLabelTooltipProps?: Omit<TooltipProps, 'children' | 'open' | 'title'>;
-    /**
-     * Callback function that is fired when the slider's value changed.
-     *
-     * @param {Event} event The event source of the callback.
-     * You can pull out the new value by accessing `event.target.value` (any).
-     * **Warning**: This is a generic event not a change event.
-     * @param {number | number[]} value The new value.
-     * @param {number} activeThumb The index of the thumb currently being moved.
-     */
     onChange?: (event: Event, value: V, activeThumb: number) => void;
-    /**
-     * Callback function that is fired when the `mouseup` is triggered.
-     *
-     * @param {React.SyntheticEvent | Event} event The event source of the callback. **Warning**: This is a generic event not a change event.
-     * @param {number | number[]} value The new value.
-     */
     onChangeCommitted?: (event: React.SyntheticEvent | Event, value: V) => void;
-    /**
-     * A transformation function, to change the scale of the slider.
-     * Works on aria-valuenow, aria-valuemax, aria-valuemin of input and the value for getAriaValueText
-     * @default (value) => value
-     */
     scale?: (value: number) => number;
-    /**
-     * The granularity with which the slider can step through values. (A "discrete" slider.)
-     * The `min` prop serves as the origin for the valid values.
-     * We recommend (max - min) to be evenly divisible by the step.
-     * @default 1
-     */
     step?: number;
-    /**
-     * Tab index attribute of the hidden `input` element.
-     */
     tabIndex?: number;
-    /**
-     * The value of the slider.
-     * For range sliders, provide an array with multiple values.
-     */
     value?: V;
-    /**
-     * The orientation of the slider.
-     * @default horizontal
-     */
     orientation?: 'vertical' | 'horizontal';
 } & Pick<UseSliderParameters, 'shiftStep' | 'disableSwap'>, SliderClassesKey, 'span'>;
 export {};

package/src/Snackbar/Snackbar.type.d.ts

@@ -3,25 +3,7 @@ import { StandardProps } from '@ringcentral/spring-base';
 import { SnackbarContentProps } from './SnackbarContent';
 import { SnackbarClassesKey } from './Snackbar.classes';
 export declare type SnackbarProps = StandardProps<{
-    /**
-     * To control whether to display the snackbar. It can be toggled when receive the close event.
-     *
-     * @default true
-     */
     open?: boolean;
-    /**
-     * The number of milliseconds to wait before automatically calling the
-     * `onClose` function. `onClose` should then set the state of the `open`
-     * prop to hide the Snackbar. This behavior is disabled when it is `null`.
-     *
-     * The close button is not shown when a snackbar is set to hide automatically.
-     * @default 5000
-     */
     autoHideDuration?: number | null;
-    /**
-     * is show closeButton or not,
-     *
-     * default will base on `onClose` be set or not
-     */
     closeButton?: boolean;
 } & Pick<PortalProps, 'disablePortal'> & SnackbarContentProps, SnackbarClassesKey, 'div'>;

package/src/SplitButton/SplitButton.type.d.ts

@@ -4,33 +4,12 @@ import { ReactElement } from 'react';
 import { WithTooltipProps } from '../Tooltip/withTooltip';
 import { SplitButtonClassesKey } from './SplitButton.classes';
 export declare type SplitButtonProps = StandardProps<WithTooltipProps<{
-    /**
-     * Props applied to the Button component used to trigger the selected action
-     * of the SplitButton. See the `children` prop for how the content of the
-     * action button is set.
-     */
     ActionButtonProps?: ButtonProps & {
         title?: string;
         contentType?: 'text' | 'icon';
     };
-    /**
-     * Props applied to the Menu component.
-     */
     MenuProps?: MenuProps;
-    /**
-     * Props applied to the IconButton component used to
-     * display the dropdown menu of the SplitButton.
-     */
     MenuButtonProps?: IconButtonProps;
-    /**
-     * The MenuItems to render. The first MenuItem will not be displayed in the
-     * Menu and will instead be used as the action button. If an Icon component
-     * is passed as children it will automatically have its size set based on the
-     * size of the button. If the passed children is not an Icon, the `title` prop
-     * will be used as the text of the action button if `ActionButtonProps.title`
-     * is not provided. The `onClick` prop of the MenuItem will be called when
-     * the action button is clicked.
-     */
     children: ReactElement<typeof MenuItem> | ReactElement<typeof MenuItem>[];
 } & Pick<ButtonProps, 'size' | 'variant' | 'loading' | 'disabled' | 'background'> & {
     color: Exclude<ButtonColor, 'danger'>;

package/src/Squircle/Squircle.type.d.ts

@@ -5,9 +5,6 @@ declare type ExtendElementType = 'div' | 'button';
 declare type BaseSquircleProps = WithClassesProps<{
     focusVisible?: boolean;
     active?: boolean;
-    /**
-     * @default true
-     */
     interactive?: boolean;
     fillShape?: boolean;
 }, SquircleClassesKey>;

package/src/StatusIndicator/StatusIndicator.classes.d.ts

@@ -1,5 +1,5 @@
 import type { CamelCase } from 'type-fest';
-export declare type BaseStatusIndicatorClassesKey = 'root' | 'large' | 'medium' | 'dnd' | 'busy' | 'available' | 'unavailable';
+export declare type BaseStatusIndicatorClassesKey = 'root' | 'large' | 'small' | 'medium' | 'dnd' | 'busy' | 'available' | 'unavailable';
 export declare type StatusIndicatorClassesKey = CamelCase<BaseStatusIndicatorClassesKey>;
 export declare type StatusIndicatorClasses = {
     name: 'status-indicator';

package/src/StatusIndicator/StatusIndicator.type.d.ts

@@ -1,14 +1,6 @@
 import { StandardProps } from '@ringcentral/spring-base';
 import { StatusIndicatorClassesKey } from './StatusIndicator.classes';
 export declare type StatusIndicatorProps = StandardProps<{
-    /**
-     * The size of the component.
-     * @default 'medium'
-     */
-    size?: 'medium' | 'large';
-    /**
-     * The variant of the component.
-     * @default 'available'
-     */
+    size?: 'small' | 'medium' | 'large';
     variant?: 'dnd' | 'busy' | 'available' | 'unavailable';
 }, StatusIndicatorClassesKey, 'div'>;

package/src/Step/Step.type.d.ts

@@ -4,42 +4,13 @@ import { StepClassesKey } from './Step.classes';
 declare type DefaultElementType = 'li';
 declare type ExtendElementType = ElementType;
 declare type BaseStepProps = WithClassesProps<{
-    /**
-     * Sets the step as active. Is passed to child components.
-     */
     active?: boolean;
-    /**
-     * Should be `Step` sub-components such as `StepLabel`, `StepContent`.
-     */
     children?: React.ReactNode;
-    /**
-     * Mark the step as completed. Is passed to child components.
-     */
     completed?: boolean;
-    /**
-     * If `true`, the step is disabled, will also disable the button if
-     * `StepButton` is a child of `Step`. Is passed to child components.
-     */
     disabled?: boolean;
-    /**
-     * Expand the step.
-     * @default false
-     */
     expanded?: boolean;
-    /**
-     * The position of the step.
-     * The prop defaults to the value inherited from the parent Stepper component.
-     */
     index?: number;
-    /**
-     * If `true`, the Step is displayed as rendered last.
-     * The prop defaults to the value inherited from the parent Stepper component.
-     */
     last?: boolean;
-    /**
-     * The variant to use.
-     * @default 'contained'
-     */
     variant?: 'contained' | 'outlined';
 }, StepClassesKey>;
 export declare type StepProps<T extends ExtendElementType = DefaultElementType> = OverridableProps<BaseStepProps, T>;

package/src/Step/StepContext.d.ts

@@ -11,12 +11,5 @@ export declare type StepContextValue = {
     id?: string;
     connector?: React.ReactNode;
 };
-/**
- * Provides information about the current step in Stepper.
- */
 export declare const StepContext: import("react").Context<StepContextValue>;
-/**
- * Returns the current StepContext or an empty object if no StepContext
- * has been defined in the component tree.
- */
 export declare const useStepContext: () => StepContextValue;

package/src/StepButton/StepButton.type.d.ts

@@ -5,25 +5,10 @@ import { StepButtonClassesKey } from './StepButton.classes';
 declare type DefaultElementType = 'button';
 declare type ExtendElementType = ElementType;
 declare type BaseStepButtonProps = WithClassesProps<{
-    /**
-     * Can be a `StepLabel` or a node to place inside `StepLabel` as children.
-     */
     children?: React.ReactNode;
-    /**
-     * Override the default label of the step icon in the step label.
-     */
     icon?: React.ReactNode;
-    /**
-     * The symbol displayed in the step icon.
-     */
     symbol?: ComponentType;
-    /**
-     * The optional node to display.
-     */
     optional?: React.ReactNode;
-    /**
-     * Props applied to the underlying StepLabel component.
-     */
     StepLabelProps?: StepLabelProps;
 }, StepButtonClassesKey>;
 export declare type StepButtonProps<T extends ExtendElementType = DefaultElementType> = OverridableProps<BaseStepButtonProps, T>;

package/src/StepContent/StepContent.type.d.ts

@@ -2,13 +2,6 @@
 import { StandardProps } from '@ringcentral/spring-base';
 import { StepContentClassesKey } from './StepContent.classes';
 export declare type StepContentProps = StandardProps<{
-    /**
-     * The content of the component.
-     */
     children?: React.ReactNode;
-    /**
-     * false: will unmount content whenever collapsed
-     * true: keep displayed children mounted when collapsed
-     */
     keepMounted?: boolean;
 }, StepContentClassesKey, 'div'>;

package/src/StepIcon/StepIcon.type.d.ts

@@ -2,37 +2,11 @@ import { StandardProps } from '@ringcentral/spring-base';
 import { ComponentType } from 'react';
 import { StepIconClassesKey } from './StepIcon.classes';
 export declare type StepIconProps = StandardProps<{
-    /**
-     * Whether this step is active.
-     * @default false
-     */
     active?: boolean;
-    /**
-     * Mark the step as completed. Is passed to child components.
-     * @default false
-     */
     completed?: boolean;
-    /**
-     * If `true`, the step is marked as failed.
-     * @default false
-     */
     error?: boolean;
-    /**
-     * If `true`, the step is displayed as disabled.
-     * @default false
-     */
     disabled?: boolean;
-    /**
-     * The label displayed in the step icon.
-     */
     icon: React.ReactNode;
-    /**
-     * The symbol displayed in the step icon.
-     */
     symbol?: ComponentType;
-    /**
-     * The variant to use.
-     * @default 'contained'
-     */
     variant?: 'contained' | 'outlined';
 }, StepIconClassesKey, 'span'>;

package/src/StepLabel/StepLabel.type.d.ts

@@ -3,34 +3,11 @@ import { StandardProps } from '@ringcentral/spring-base';
 import { StepIconProps } from '../StepIcon';
 import { StepLabelClassesKey } from './StepLabel.classes';
 export declare type StepLabelProps = StandardProps<{
-    /**
-     * In most cases will simply be a string containing a title for the label.
-     */
     children?: React.ReactNode;
-    /**
-     * If `true`, the step is marked as failed.
-     * @default false
-     */
     error?: boolean;
-    /**
-     * Override the default label of the step icon.
-     */
     icon?: React.ReactNode;
-    /**
-     * The optional node to display.
-     */
     optional?: React.ReactNode;
-    /**
-     * Props applied to the label element.
-     * @default {}
-     */
     labelProps?: React.HTMLProps<HTMLSpanElement>;
-    /**
-     * The component to render in place of the `StepIcon`
-     */
     StepIconComponent?: React.ElementType<StepIconProps>;
-    /**
-     * Props applied to the `StepIcon` element.
-     */
     StepIconProps?: Partial<StepIconProps>;
 }, StepLabelClassesKey, 'span'>;

package/src/Stepper/Stepper.type.d.ts

@@ -5,38 +5,11 @@ export declare type StepperOrientation = 'horizontal' | 'vertical';
 declare type DefaultElementType = 'ol';
 declare type ExtendElementType = ElementType;
 declare type BaseStepperProps = WithClassesProps<{
-    /**
-     * Set the active step (zero based index).
-     * Set to -1 to disable all the steps.
-     * @default 0
-     */
     activeStep?: number;
-    /**
-     * Two or more `<Step />` components.
-     */
     children?: React.ReactNode;
-    /**
-     * An element to be placed between each step.
-     * @default <StepConnector />
-     */
     connector?: React.ReactElement<any, any> | null;
-    /**
-     * If set the `Stepper` will not assist in controlling steps for linear flow.
-     * Root component will be a `ul` element if set to `true` and `ol` if `false`.
-     * @default false
-     */
     nonLinear?: boolean;
-    /**
-     * The component orientation (layout flow direction).
-     * @default 'horizontal'
-     */
     orientation?: StepperOrientation;
-    /**
-     * If set to true, each Step will have the same width, collectively taking up the full width of the container.
-     * If set to false, each Step will have its own width based on its content, with even gaps between each Step.
-     * Only works when `orientation` is 'horizontal'.
-     * @default true
-     */
     fixedStepWidth?: boolean;
 }, StepperClassesKey>;
 export declare type StepperProps<T extends ExtendElementType = DefaultElementType> = OverridableProps<BaseStepperProps, T>;