@ngrr/ds 0.1.20 → 0.1.21

package/dist/components/atoms/Button/Button.d.ts

@@ -121,6 +121,11 @@ export interface ButtonProps {
     'aria-haspopup'?: boolean | 'false' | 'true' | 'menu' | 'listbox' | 'tree' | 'grid' | 'dialog';
     /** Additional CSS class names. */
     className?: string;
+    /**
+     * Overrides the default tab order. Use `-1` to remove the button from
+     * sequential keyboard navigation while keeping it accessible to AT browse mode.
+     */
+    tabIndex?: number;
 }
 /**
  * **Button** — triggers an action.
@@ -154,5 +159,5 @@ export interface ButtonProps {
  * <Button loading>Saving…</Button>
  * ```
  */
-export declare function Button({ variant, size, disabled, loading, destructive, showLeadingIcon, leadingIcon, showLabel, children, showTrailingIcon, trailingIcon, shortcut, shortcutLabel, shortcutAriaLabel, type, onClick, 'aria-label': ariaLabel, 'aria-haspopup': ariaHasPopup, className, }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function Button({ variant, size, disabled, loading, destructive, showLeadingIcon, leadingIcon, showLabel, children, showTrailingIcon, trailingIcon, shortcut, shortcutLabel, shortcutAriaLabel, type, onClick, 'aria-label': ariaLabel, 'aria-haspopup': ariaHasPopup, className, tabIndex, }: ButtonProps): import("react/jsx-runtime").JSX.Element;
 export default Button;

package/dist/components/atoms/Chip/Chip.d.ts

@@ -55,6 +55,13 @@ export interface ChipProps {
      * Calling `onDismiss` removes the chip value; it does NOT toggle selection.
      */
     onDismiss?: () => void;
+    /**
+     * Ref to focus when this chip is dismissed and there are no adjacent chips
+     * to move focus to — e.g. the search input in a combobox chip stack.
+     * When omitted, focus moves to the nearest sibling dismiss button if one
+     * exists; otherwise focus is left unmanaged.
+     */
+    dismissFocusFallback?: React.RefObject<HTMLElement | null>;
     /**
      * Click / keyboard handler invoked when the user toggles the chip.
      * The consumer is responsible for updating `selected` in response.
@@ -79,5 +86,5 @@ export interface ChipGroupProps {
     /** Additional CSS class names merged onto the group element. */
     className?: string;
 }
-export declare function Chip({ label, selected, disabled, size, leadingIcon, trailingIcon, showLeadingIcon, showTrailingIcon, onDismiss, onClick, className, 'aria-label': ariaLabel, }: ChipProps): import("react/jsx-runtime").JSX.Element;
+export declare function Chip({ label, selected, disabled, size, leadingIcon, trailingIcon, showLeadingIcon, showTrailingIcon, onDismiss, onClick, className, 'aria-label': ariaLabel, dismissFocusFallback, }: ChipProps): import("react/jsx-runtime").JSX.Element;
 export declare function ChipGroup({ label, children, className }: ChipGroupProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/atoms/DataTableHeaderCell/DataTableHeaderCell.d.ts

@@ -28,6 +28,9 @@ export interface DataTableHeaderCellProps {
     leadingAccessory?: React.ReactNode;
     className?: string;
     'aria-label'?: string;
+    /** When true, omits role="columnheader" and aria-sort from the root div.
+     *  Use when the div is already inside a <th scope="col"> that carries those attributes. */
+    noRole?: boolean;
 }
-export declare function DataTableHeaderCell({ variant, state, label, width, sortable, sortDirection, reorderable, resizable, checkboxChecked, checkboxIndeterminate, onCheckboxChange, onSortChange, onResizeCommand, onResizePointerDown, onMoreClick, onReorderDragStart, onReorderDragEnd, filterValue: _filterValue, onFilterChange: _onFilterChange, leadingAccessory, className, 'aria-label': ariaLabel, }: DataTableHeaderCellProps): import("react/jsx-runtime").JSX.Element;
+export declare function DataTableHeaderCell({ variant, state, label, width, sortable, sortDirection, reorderable, resizable, checkboxChecked, checkboxIndeterminate, onCheckboxChange, onSortChange, onResizeCommand, onResizePointerDown, onMoreClick, onReorderDragStart, onReorderDragEnd, filterValue: _filterValue, onFilterChange: _onFilterChange, leadingAccessory, className, 'aria-label': ariaLabel, noRole, }: DataTableHeaderCellProps): import("react/jsx-runtime").JSX.Element;
 export default DataTableHeaderCell;

package/dist/components/atoms/MenuCell/MenuCell.d.ts

@@ -41,6 +41,10 @@ export interface MenuCellProps {
     tabIndex?: number;
     className?: string;
     'aria-label'?: string;
+    /** Override the default "menuitem" role — pass "option" when MenuCell is used inside a listbox. */
+    role?: React.AriaRole;
+    /** Conveys selection state when role="option" (listbox pattern). */
+    'aria-selected'?: boolean;
 }
 export declare const MenuCell: React.ForwardRefExoticComponent<MenuCellProps & React.RefAttributes<HTMLElement>>;
 export default MenuCell;

package/dist/components/molecules/PopoverWrapper/PopoverWrapper.d.ts

@@ -2,6 +2,7 @@ import { default as React } from 'react';
 export type PopoverWrapperRole = 'menu' | 'dialog' | 'listbox' | 'group';
 export type PopoverWrapperContentPadding = 'none' | 'small';
 export interface PopoverWrapperProps {
+    id?: string;
     header?: React.ReactNode;
     segment?: React.ReactNode;
     search?: React.ReactNode;
@@ -19,5 +20,5 @@ export interface PopoverWrapperProps {
     minWidth?: number;
     'aria-label'?: string;
 }
-export declare function PopoverWrapper({ header, segment, search, content, bottomBar, role, width, contentPadding, className, contentClassName, anchorRef, offset, viewportMargin, matchAnchorWidth, minWidth, 'aria-label': ariaLabel, }: PopoverWrapperProps): import("react/jsx-runtime").JSX.Element;
+export declare function PopoverWrapper({ id, header, segment, search, content, bottomBar, role, width, contentPadding, className, contentClassName, anchorRef, offset, viewportMargin, matchAnchorWidth, minWidth, 'aria-label': ariaLabel, }: PopoverWrapperProps): import("react/jsx-runtime").JSX.Element;
 export default PopoverWrapper;