@ringcentral/spring-ui 1.7.0 → 1.8.0

package/src/TableRow/TableRow.type.d.ts

@@ -4,26 +4,9 @@ import { TableRowClassesKey } from './TableRow.classes';
 declare type DefaultElementType = 'tr';
 declare type ExtendElementType = ElementType;
 declare type BaseTableRowProps = WithClassesProps<{
-    /**
-     * Should be valid `<tr>` children such as `TableCell`.
-     */
     children?: React.ReactNode;
-    /**
-     * If `true`, the table row will shade on hover.
-     * Noted: hover style will not be applied to rows in the head (TableHead).
-     * @default false
-     */
     hoverable?: boolean;
-    /**
-     * If `true`, cursor will be pointer on hover and hover style will be applied.
-     * It will be set to `true` automatically when onClick prop is defined.
-     * Noted: clickable style will not be applied to rows in the head (TableHead).
-     */
     clickable?: boolean;
-    /**
-     * If `true`, the table row will have the selected shading.
-     * @default false
-     */
     selected?: boolean;
 }, TableRowClassesKey>;
 export declare type TableRowProps<T extends ExtendElementType = DefaultElementType> = OverridableProps<BaseTableRowProps, T>;

package/src/Tabs/TabMoreMenu.d.ts

@@ -7,26 +7,10 @@ import type { TabProps } from '../Tab/Tab.type';
 import { TooltipProps } from '../Tooltip';
 import { TabMoreMenuClassesKey } from './Tabs.classes';
 export declare type MoreMenuProps = StandardProps<{
-    /**
-     * Props applied to the Tooltip component shown when hovering over
-     * the more Icon Button. If `TooltipProps.title` is not a truthy
-     * value, no Tooltip will be shown.
-     */
     TooltipProps?: Omit<TooltipProps, 'children'> & HTMLDataAttribute;
-    /**
-     * Props applied to Badge component
-     */
     BadgeProps?: BadgeCompProps & HTMLDataAttribute;
-    /**
-     * Props applied to IconButton component
-     */
     ButtonProps?: Omit<IconButtonProps, 'variant' | 'className' | 'onClick'> & HTMLDataAttribute;
-    /** Props applied to Menu component */
     MenuProps?: Omit<MenuProps, 'anchorEl' | 'open'> & HTMLDataAttribute;
-    /**
-     * custom MenuItem render component
-     * @default MenuItem
-     */
     MenuItemComponent?: ComponentType<TabProps>;
 }, TabMoreMenuClassesKey, 'div'>;
 declare type TabMoreMenuProps = MoreMenuProps & {

package/src/Tabs/TabScrollButton.d.ts

@@ -3,18 +3,8 @@ import { HTMLDataAttribute, StandardProps } from '@ringcentral/spring-base';
 import { IconButtonProps } from '../IconButton';
 import { TabScrollButtonClassesKey } from './Tabs.classes';
 export declare type TabScrollButtonProps = StandardProps<{
-    /**
-     * The direction the button should indicate
-     * @default 'left'
-     */
     direction?: 'left' | 'right';
-    /**
-     * Callback fired when the button is clicked
-     */
     onClick?: IconButtonProps['onClick'];
-    /**
-     * Props applied to IconButton component
-     */
     ButtonProps?: Omit<IconButtonProps, 'variant' | 'className' | 'onClick'> & HTMLDataAttribute;
 }, TabScrollButtonClassesKey, 'div'>;
 declare const TabScrollButton: import("react").ForwardRefExoticComponent<Pick<TabScrollButtonProps, "children" | "onKeyDown" | "onKeyUp" | "onClick" | "aria-hidden" | "dir" | "slot" | "style" | "title" | "aria-live" | "aria-atomic" | "role" | "classes" | "className" | "accessKey" | "draggable" | "hidden" | "lang" | "translate" | "id" | "prefix" | "contentEditable" | "inputMode" | "tabIndex" | "key" | "defaultChecked" | "defaultValue" | "placeholder" | "onFocus" | "onBlur" | "onMouseEnter" | "onMouseLeave" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contextMenu" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "is" | "aria-activedescendant" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | `data-${string}` | "direction" | "ButtonProps"> & import("react").RefAttributes<HTMLDivElement>>;

package/src/Tabs/Tabs.classes.d.ts

@@ -1,5 +1,5 @@
 import type { CamelCase } from 'type-fest';
-export declare type BaseTabsClassesKey = 'root' | 'scroller' | 'scrollable' | 'tab-list' | 'underline' | 'indicator' | 'compact' | 'pill' | 'floating-underline' | 'scroll-left' | 'scroll-right' | 'scroll-both';
+export declare type BaseTabsClassesKey = 'root' | 'scroller' | 'scrollable' | 'tab-list' | 'underline' | 'indicator' | 'compact' | 'pill' | 'floating-underline' | 'scroll-left' | 'scroll-right' | 'scroll-both' | 'medium' | 'large' | 'small';
 export declare type TabsClassesKey = CamelCase<BaseTabsClassesKey>;
 export declare type TabsClasses = {
     name: 'tabs';

package/src/Tabs/Tabs.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import tabsStyle from './styles/Tabs.css';
 import { TabsProps } from './Tabs.type';
-declare const Tabs: import("react").ForwardRefExoticComponent<Pick<TabsProps, "children" | "onKeyDown" | "onKeyUp" | "onClick" | "aria-hidden" | "dir" | "slot" | "style" | "title" | "aria-live" | "aria-atomic" | "role" | "classes" | "className" | "accessKey" | "draggable" | "hidden" | "lang" | "translate" | "id" | "prefix" | "contentEditable" | "inputMode" | "tabIndex" | "key" | "defaultChecked" | "defaultValue" | "placeholder" | "onFocus" | "onBlur" | "onMouseEnter" | "onMouseLeave" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contextMenu" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "is" | "aria-activedescendant" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | `data-${string}` | "variant" | "pill" | "pillGap" | "onGroupInfoUpdate" | "MoreMenuProps" | "ScrollButtonStartProps" | "ScrollButtonEndProps" | "enableScrollButtons"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const Tabs: import("react").ForwardRefExoticComponent<Pick<TabsProps, "children" | "onKeyDown" | "onKeyUp" | "onClick" | "aria-hidden" | "dir" | "slot" | "style" | "title" | "aria-live" | "aria-atomic" | "role" | "classes" | "className" | "accessKey" | "draggable" | "hidden" | "lang" | "translate" | "id" | "prefix" | "contentEditable" | "inputMode" | "tabIndex" | "key" | "defaultChecked" | "defaultValue" | "placeholder" | "size" | "onFocus" | "onBlur" | "onMouseEnter" | "onMouseLeave" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contextMenu" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "is" | "aria-activedescendant" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | `data-${string}` | "variant" | "pill" | "pillGap" | "onGroupInfoUpdate" | "MoreMenuProps" | "ScrollButtonStartProps" | "ScrollButtonEndProps" | "enableScrollButtons"> & import("react").RefAttributes<HTMLDivElement>>;
 export { Tabs, tabsStyle };

package/src/Tabs/Tabs.type.d.ts

@@ -4,51 +4,17 @@ import type { TabProps } from '../Tab/Tab.type';
 import { MoreMenuProps } from './TabMoreMenu';
 import { TabsClassesKey } from './Tabs.classes';
 import { TabScrollButtonProps } from './TabScrollButton';
+export declare type TabsSize = 'medium' | 'large' | 'small';
 export declare type TabsProps = StandardProps<{
-    /**
-     * A set of tabs
-     */
     children: ReactNode;
-    /**
-     * If 'scrollable', tabs will be scrollable.
-     * All scrolling must be initiated through user agent scrolling mechanisms (e.g. left/right swipe, shift mouse wheel, etc.)
-     * @default 'standard'
-     */
     variant?: 'standard' | 'scrollable' | 'moreMenu';
-    /**
-     * If set to `true`, the tab will adopt a pill shape.
-     */
     pill?: boolean;
-    /**
-     * The color scheme to use for tabs.
-     * - 'default': Uses cobranding colors for non-pill tabs, grey colors for pill tabs
-     * - 'cobranding': Uses cobranding colors for all tab types
-     * @default 'default'
-     */
     color?: 'default' | 'cobranding';
-    /**
-     * Specifies the gap between tabs when in pill mode. Unit: px.
-     * Important for 'moreMenu' variant to calculate the width of tabs accurately.
-     * @default 4
-     */
     pillGap?: number;
-    /**
-     * Callback invoked when using variant 'moreMenu' and the group info is updated.
-     */
     onGroupInfoUpdate?: (visibleItemValues: TabProps['value'][], hiddenItemValues: TabProps['value'][]) => void;
-    /** Props applied to TabMoreMenu when variant is 'moreMenu'  */
     MoreMenuProps?: MoreMenuProps;
-    /**
-     * Props applied to the TabScrollButtonStart when variant is 'scrollable' and pill is `true`
-     */
     ScrollButtonStartProps?: TabScrollButtonProps['ButtonProps'];
-    /**
-     * Props applied to the TabScrollButtonEnd when variant is 'scrollable' and pill is `true`
-     */
     ScrollButtonEndProps?: TabScrollButtonProps['ButtonProps'];
-    /**
-     * Whether to enable scroll buttons when variant is 'scrollable' and pill is `true`
-     * @default true
-     */
     enableScrollButtons?: boolean;
+    size?: TabsSize;
 }, TabsClassesKey, 'div'>;

package/src/Tabs/TabsContext.d.ts

@@ -1,8 +1,10 @@
 /// <reference types="react" />
+import { TabsSize } from './Tabs.type';
 export declare type TabsContextValue = {
     pill?: boolean;
     pillGap?: number;
     color?: 'default' | 'cobranding';
+    size?: TabsSize;
     setFloatingUnderlineVisibility?: (isVisible: boolean) => void;
 };
 export declare const TabsContext: import("react").Context<TabsContextValue>;

package/src/Tabs/hooks/useTabsScroller.d.ts

@@ -2,38 +2,11 @@ import { motionTransition } from '@ringcentral/spring-theme';
 import React from 'react';
 import { TabScrollButtonProps } from '../TabScrollButton';
 export declare type UseTabsScrollerParameters = {
-    /**
-     * Determines whether the scrolling functionality is enabled.
-     * If `true`, the scroller will respond to scroll events and user interactions.
-     */
     enable: boolean;
-    /**
-     * A React ref object that provides a reference to the scrolling container element.
-     * This is used to directly manipulate the DOM for scrolling actions.
-     */
     scrollerRef: React.RefObject<HTMLDivElement>;
-    /**
-     * A React ref object that provides a reference to the element containing the list of tabs.
-     * This is used to calculate the scroll width and to determine the scrolling requirements based on the children's width.
-     */
     tabListRef: React.RefObject<HTMLDivElement>;
-    /**
-     * Scrolls the element by a specified value.
-     *
-     * @param scrollValue - The value by which to scroll. Positive values will scroll to the right,
-     *                      while negative values will scroll to the left.
-     * @param transitionType - Optional. Specifies the type of transition to use for the scrolling.
-     */
     scroll: (scrollValue: number, transitionType?: keyof typeof motionTransition) => void;
-    /**
-     * An object containing optional properties for the start scroll button.
-     * These properties are used to customize the appearance or behavior of the button that scrolls the tab list towards the start (left).
-     */
     ScrollButtonStartProps?: TabScrollButtonProps['ButtonProps'];
-    /**
-     * Similar to ScrollButtonStartProps, this object contains optional properties for the end scroll button.
-     * These properties customize the end (right) scroll button, which scrolls the tab list towards the end.
-     */
     ScrollButtonEndProps?: TabScrollButtonProps['ButtonProps'];
 };
 declare type ConditionalElements = {
@@ -41,8 +14,5 @@ declare type ConditionalElements = {
     scrollButtonEnd?: React.ReactNode;
 };
 export declare type UseTabsScrollerReturn = ConditionalElements;
-/**
- * This `useTabsScroller` hook manages the state and behavior of scroll buttons at both ends of the tab list (start and end) when the tab list exceeds the visible container width
- */
 export declare const useTabsScroller: ({ enable, scrollerRef, tabListRef, scroll, ScrollButtonStartProps, ScrollButtonEndProps, }: UseTabsScrollerParameters) => UseTabsScrollerReturn;
 export {};

package/src/Tag/Tag.type.d.ts

@@ -4,20 +4,8 @@ import { IconProps } from '../Icon';
 import { TagClassesKey } from './Tag.classes';
 export declare type TagColor = 'default' | 'neutral' | 'secondary' | 'primary' | 'danger' | 'success' | 'warning';
 export declare type TagProps = StandardProps<{
-    /**
-     * The variant to use.
-     * @default 'outlined'
-     */
     variant?: 'outlined' | 'filled' | 'inverted';
-    /**
-     * The color of the component.
-     * @default 'default'
-     */
     color?: TagColor;
-    /** Icon placed before the label. */
     startIcon?: IconProps['symbol'];
-    /**
-     * @deprecated Use "children" instead.
-     */
     label?: React.ReactNode;
 }, TagClassesKey, 'div'>;

package/src/Text/Text.type.d.ts

@@ -5,25 +5,12 @@ import { TextClassesKey } from './Text.classes';
 export declare type TextDefaultElementType = 'span';
 declare type ExtendElementType = ElementType;
 declare type BaseTextProps = WithClassesProps<{
-    /**
-     * This prop isn't supported.
-     * Use the `component` prop if you need to change the children structure.
-     */
     children?: ReactNode;
-    /** when set `true`, add style `flex: 1 1 auto` */
     flexFull?: boolean;
-    /** highlight for text with color and background to be mentionMe */
     highlight?: boolean;
-    /**
-     * is show title only when truncated, use `number` value to truncate text at a specific number of lines.
-     * ### should not change titleWhenOverflow dynamically, keep that be same value, that will cause hook issue
-     */
     titleWhenOverflow?: number;
     noWrap?: boolean;
     useTooltip?: boolean;
-    /**
-     * Props applied to Tooltip component
-     */
     TooltipProps?: Omit<TooltipProps, 'title' | 'PopperProps' | 'open' | 'onOpenStateChange'> & HTMLDataAttribute;
 }, TextClassesKey>;
 export declare type TextProps<T extends ExtendElementType = TextDefaultElementType> = OverridableProps<BaseTextProps, T>;

package/src/TextField/TextField.type.d.ts

@@ -11,44 +11,14 @@ declare type InputComponentProps = ReactInputComponentProps & StandardInputAttri
 declare type OmittedInputProps = 'type' | 'className' | 'placeholder' | 'children';
 declare type TextFieldRawProps = {
     ref?: Ref<HTMLDivElement>;
-    /**
-     * The placeholder text in input element
-     */
     placeholder?: string;
-    /**
-     * The root props for the form field component
-     */
     RootProps?: FormFieldProps & HTMLDataAttribute;
-    /**
-     * If true, the input will take up the full width of its container.
-     */
     fullWidth?: boolean;
-    /**
-     * Show clear button when text input has valid content.
-     * @default true
-     */
     clearBtn?: boolean;
-    /**
-     * When true, shows native clear button for search inputs.
-     * if clearBtn is  also true, both buttons will be shown.
-     * @default false
-     */
     useNativeClearBtn?: boolean;
-    /**
-     * The arial label of clear button.
-     * @default 'clear'
-     */
     clearText?: string;
-    /**
-     * Show the current/remaining character count. Only works for a controlled TextField where inputProps.maxLength is set.
-     * @default false
-     */
     showCharacterCount?: boolean;
-    /** props apply on default clear button */
     ClearButtonProps?: IconButtonProps;
-    /**
-     * Trigger when click clear button.
-     */
     onClear?: React.MouseEventHandler<HTMLButtonElement>;
     value?: string;
     defaultValue?: string;
@@ -62,51 +32,17 @@ declare type TextFieldRawProps = {
 } & Pick<FormFieldProps, 'className' | 'label' | 'helperText' | 'variant' | 'focused' | 'size' | 'FormHelperTextProps'> & Omit<UseInputParameters, 'value' | 'defaultValue' | 'onBlur' | 'onFocus' | 'onClick'> & Pick<ComponentPropsWithRef<'input'>, 'autoFocus' | 'id' | 'readOnly'>;
 declare type BaseTextFieldProps = WithClassesProps<TextFieldRawProps, TextFieldClassesKey>;
 export declare type OverridableTextFieldProps<B, T extends ElementType, P extends InputComponentProps> = B & {
-    /**
-     * The component used for the `input` element.
-     * Either a string to use a HTML element or a component.
-     * @default 'input'
-     */
     inputComponent?: T;
-    /**
-     * Attributes applied to the `input` element .
-     */
     inputProps?: (T extends 'input' ? Omit<P & InputHTMLAttributes<HTMLInputElement>, OmittedInputProps> : Omit<P, OmittedInputProps>) & HTMLDataAttribute;
-    /**
-     * If `true`, the component will be displayed in focused state.
-     */
     focused?: boolean;
 };
 export declare type SharedTextInputProps<T extends ElementType = 'input', P extends InputComponentProps = InputComponentProps> = OverridableTextFieldProps<BaseTextFieldProps, T, P>;
 export declare type TextFieldProps<T extends ElementType = 'input', P extends InputComponentProps = InputComponentProps> = SharedTextInputProps<T, P> & {
-    /**
-     * Type of the `input` element.
-     * @default 'text'
-     */
     type?: 'text' | 'password' | 'number' | 'email' | 'tel' | 'url' | 'search';
-    /**
-     * Controls whether the mask value button is displayed, typically used for allowing the user to see their password in plaintext
-     * @default true when type is "password"
-     */
     showMaskValueToggleButton?: boolean;
-    /**
-     * Controls whether or not the value is masked and not shown in plaintext.
-     * If not provided, masking the value will be uncontrolled and will be internally managed by the TextField component when the user clicks the mask value toggle button.
-     * If provided, masking the value will be controlled and you will need to pass an `onMaskValueChange` callback.
-     */
     maskValue?: boolean;
-    /**
-     * Callback when the Mask Button is toggled.
-     * Receives the new visibility state as a boolean.
-     */
     onMaskValueChange?: (visible: boolean) => void;
-    /**
-     * Additional props for customizing the appearance and behavior of the Mask Button.
-     */
     MaskValueButtonProps?: Partial<IconButtonProps>;
-    /**
-     * Additional props for customizing the appearance and behavior of the `ShowHideEye` component.
-     */
     ShowHideEyeIconProps?: Omit<ShowHideEyeProps, 'hide'>;
 };
 export {};

package/src/Textarea/Textarea.type.d.ts

@@ -4,22 +4,9 @@ import { SharedTextInputProps } from '../TextField';
 import { TextFieldClassesKey } from '../TextField/TextField.classes';
 export declare type TextAreaVariant = UnionOmit<NonNullable<SharedTextInputProps['variant']>, 'quiet'>;
 declare type TextAreaInputProps = {
-    /**
-     * Maximum number of rows to display.
-     */
     maxRows?: number;
-    /**
-     * Minimum number of rows to display.
-     */
     minRows?: number;
-    /**
-     * Number of rows to display.
-     */
     rows?: number;
-    /**
-     * The variant of textarea
-     * @default 'outlined'
-     */
     variant?: TextAreaVariant;
 } & Omit<TextareaAutosizeProps, 'value' | 'defaultValue'>;
 export declare type TextareaProps = StandardProps<TextAreaInputProps & SharedTextInputProps<typeof TextareaAutosize, TextAreaInputProps>, TextFieldClassesKey, typeof TextareaAutosize, 'inputComponent' | 'variant'>;

package/src/TimePicker/NumberPicker.type.d.ts

@@ -1,28 +1,16 @@
 import { PropsWithRoot } from '@ringcentral/spring-base';
 import { Ref } from 'react';
 export declare type NumberPickerProps = PropsWithRoot<{
-    /** min number */
     min?: number;
-    /** max number */
     max?: number;
-    /** when user click the display number */
     onClick?: () => void;
-    /** selected value */
     value: number;
-    /** data source of the number array */
     source: number[];
     onChange: (value: number, reason: 'arrowKey' | 'arrowButton') => void;
-    /** get label for screen reader */
     getScreenReaderLabel?: (value: string) => string;
-    /** each step value */
     step: number;
-    /** render value fn */
     renderValue?: (value: number) => string;
-    /**
-     * If `true`, the `NumberPicker` element will be focused during the first mount.
-     */
     autoFocus?: boolean;
-    /** Is 12 hours system */
     isTwelveHourSystem?: boolean;
     ref?: Ref<NumberPickerRef>;
 }, 'div'>;

package/src/TimePicker/SelectionView.d.ts

@@ -1,16 +1,10 @@
 import { FunctionComponent } from 'react';
 declare type SelectionViewProps = {
-    /** dataSource, 12-hour, 24-hour or minutes */
     source: number[];
-    /** selected value of source */
     value: number;
-    /** handle user change value */
     onConfirm: (value: number) => void;
-    /** min time */
     min?: number;
-    /** max time */
     max?: number;
-    /** Is 12 hours system */
     isTwelveHourSystem?: boolean;
     viewType: 'hour' | 'minute';
 };

package/src/TimePicker/TimeButton.d.ts

@@ -1,9 +1,6 @@
 /// <reference types="react" />
 import { PropsWithRoot } from '@ringcentral/spring-base';
 declare type TimeButtonProps = PropsWithRoot<{
-    /**
-     * @default false
-     */
     selected?: boolean;
 }, 'button'>;
 declare const TimeButton: import("react").ForwardRefExoticComponent<Pick<TimeButtonProps, "selected" | "key" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>> & import("react").RefAttributes<HTMLButtonElement>>;

package/src/TimePicker/TimePicker.type.d.ts

@@ -4,24 +4,13 @@ import { PickerTextField } from '../PickerTextField';
 import { PickerViewScreenReaderProps } from './PickerView.type';
 import { TimePickerClassesKey } from './TimePicker.classes';
 export declare type TimePickerProps<T = false> = StandardProps<{
-    /** Sets if a 12 hour clock is being used. */
     isTwelveHourSystem?: boolean;
-    /** A Date object or number that represents the duration in milliseconds since the start of the day. */
     value: (T extends true ? Date : number) | null;
-    /** When all using date, this props will be remove, */
     dateMode?: T;
-    /** The minimum time that can be set. */
     min?: T extends true ? Date : number;
-    /** The maximum time that can be set. */
     max?: T extends true ? Date : number;
-    /**
-     * The default value to show in the picker when the input field is empty.
-     * @default null 00:00
-     */
     defaultPickerValue?: (T extends true ? Date : number) | null;
-    /** Props containing functions for getting attributes of the target element */
     screenReaderProps?: PickerViewScreenReaderProps;
-    /** Callback fired when the user changes the time. */
     onChange?: (time: TimePickerProps<T>['value'] | null) => void;
 }, TimePickerClassesKey, typeof PickerTextField, 'onClick' | 'children'>;
 export interface TimePickerComponent {

package/src/TimePicker/ToggleText.type.d.ts

@@ -2,11 +2,8 @@ import { PropsWithRoot } from '@ringcentral/spring-base';
 import { TIME_SYSTEM_TEXT } from './constant';
 export declare type ToggleTextProps = PropsWithRoot<{
     onChange: (value: TIME_SYSTEM_TEXT, reason: 'arrowKey' | 'arrowButton') => void;
-    /** initial value */
     value: TIME_SYSTEM_TEXT;
-    /** get label for screen reader */
     getScreenReaderLabel?: (value: TIME_SYSTEM_TEXT) => string;
-    /** Is 12 hours system */
     isTwelveHourSystem?: boolean;
 }, 'button'>;
 export declare type ToggleTextRef = {

package/src/TimePicker/utils/TimeBoundary.d.ts

@@ -1,6 +1,3 @@
-/**
- * get target time boundary, what time is nearest time with that timeGap
- */
 export declare class TimeBoundary {
     private _hour?;
     private value;

package/src/TimePicker/utils/TimePickerHelper.d.ts

@@ -1,19 +1,12 @@
 import { TIME_SYSTEM_TEXT } from '../constant';
 declare const parseNumber: (value: number, isTwelveHourSystem?: boolean | undefined) => number;
 declare const parseNumberToString: (value: number, isTwelveHourSystem?: boolean | undefined) => string;
-/** add miss zero */
 declare const pad: (num: number, size?: number) => string;
 declare type GetFormattedTimeOption = {
     hour: number;
     minute: number;
     period: TIME_SYSTEM_TEXT;
 };
-/**
- * get formatted time hh:mm
- * @param option `{hour, min, period}`
- * @param isTwelveHourSystem boolean
- * @returns `hh:mm AM` or `hh:mm PM` or `hh:mm`
- */
 declare const getFormattedTime: ({ hour, minute, period }: GetFormattedTimeOption, isTwelveHourSystem?: boolean | undefined) => string;
 declare const HALF_DAY_HOURS = 12;
 declare const HOUR_MINUTES = 60;
@@ -23,13 +16,7 @@ declare const twelveHourSystemSource: number[];
 declare const twentyFourHourSystemSource: number[];
 declare const minuteSource: number[];
 declare const lastMinute = 45;
-/**
- * hour and minute timestamp
- */
 declare const getTimestampFromDate: (date: Date) => number;
-/**
- * hour and minute number
- */
 declare const getHourAndMinute: (times: number | null) => {
     hour: number;
     minute: number;
@@ -37,16 +24,10 @@ declare const getHourAndMinute: (times: number | null) => {
 declare function getTimestamp(nowTime: number | Date): number;
 declare function getTimestamp(nowTime: null): null;
 declare function getTimestamp(nowTime: number | Date | null): number | null;
-/**
- * hour and min object to timestamp
- */
 declare const getTimestampFromHourAndMin: (option: {
     hour: number;
     minute: number;
 }) => number;
-/**
- * get period, `PM` or `AM`
- */
 declare function getPeriod(currHour: number): TIME_SYSTEM_TEXT;
 declare const getRecoupHour: (currHour: number, period?: TIME_SYSTEM_TEXT | undefined) => number;
 export { getFormattedTime, getHourAndMinute, getPeriod, getRecoupHour, getTimestamp, getTimestampFromDate, getTimestampFromHourAndMin, HALF_DAY_HOURS, HOUR_MINUTES, lastMinute, minuteSource, ONE_HOUR, pad, parseNumber, parseNumberToString, TIME_GAP, twelveHourSystemSource, twentyFourHourSystemSource, };

package/src/TimePicker/utils/getNumberPickerBoundary.d.ts

@@ -6,9 +6,6 @@ declare type GetNumberPickerBoundaryOptions = {
     };
     isTwelveHourSystem?: boolean;
 };
-/**
- * get range from current hour
- */
 export declare function getNumberPickerBoundary(currentHour: number, { range, isTwelveHourSystem }: GetNumberPickerBoundaryOptions): {
     hour: {
         min: number;

package/src/Tooltip/TooltipTrigger.a11y.d.ts

@@ -1,14 +1,5 @@
 import { ReactElement } from 'react';
 import { TooltipTriggerProps } from './TooltipTrigger.type';
-/**
- * Accessibility naming strategy:
- * - Default (label mode): `title` is treated as an accessible label
- *   - string `title` → `aria-label`
- *   - React element `title` → `aria-labelledby` while the tooltip is open
- * - Description mode (`describeChild = true`): `title` is treated as an accessible description
- *   - when closed → native `title` attribute
- *   - when open   → `aria-describedby` pointing to the tooltip id
- */
 declare const ARIA_DESCRIBEDBY = "aria-describedby";
 declare const ARIA_LABEL = "aria-label";
 declare const ARIA_LABELLEDBY = "aria-labelledby";