@graphty/compact-mantine 0.9.9 → 0.9.11

package/dist/index.d.cts

@@ -1962,7 +1962,8 @@ export declare function DataRow({ name, value, stat, icon, selected, onClick, on
  * `aria-sort` is defined only on a column header inside a table or a grid, so
  * that is the one place a screen reader reads it out: wrap the caption and the
  * rows it heads in an element with `role="table"`, each row in a `role="row"`
- * of its own. Above a plain list the arrow stays a drawing, and a reader who
+ * of its own. The caption is a `columnheader` with `aria-sort` only when its
+ * parent is such a row (or a `<tr>`). Above a plain list the arrow stays a drawing, and a reader who
  * cannot see it learns the order changed only if you say so yourself -- with a
  * live region, or by moving focus to the reordered list.
  * @param props - Component props
@@ -5019,6 +5020,7 @@ export declare interface QuickAction {
  * @param props.filter - Which actions match the search
  * @param props.header - Rendered between the search field and the list
  * @param props.searchAction - A trailing action at the right end of the search field
+ * @param props.listId - The id of the result list, for a header control to name in `aria-controls`
  * @param props.truncate - Cut a long name at the end or in the middle
  * @param props.placeholder - Placeholder of the search field
  * @param props.width - Panel width
@@ -5027,7 +5029,7 @@ export declare interface QuickAction {
  * @param props.style - Extra style on the panel
  * @returns The palette
  */
-export declare function QuickActions({ actions, onRun, onClose, query, onQueryChange, filter, header, searchAction, truncate, placeholder, width, height, className, style, ...others }: QuickActionsProps): default_2.JSX.Element;
+export declare function QuickActions({ actions, onRun, onClose, query, onQueryChange, filter, header, searchAction, listId: listIdProp, truncate, placeholder, width, height, className, style, ...others }: QuickActionsProps): default_2.JSX.Element;
 
 /**
  * Props for the QuickActions component.
@@ -5047,7 +5049,8 @@ export declare interface QuickActionsProps {
     filter?: (action: QuickAction, query: string) => boolean;
     /**
      * Rendered in a 32 tall row between the search field and the list, 8px in from the panel
-     * edge: Figma's scope tabs (`<Tabs>` with the theme's pill tabs), for example.
+     * edge: Figma's scope tabs (`<Tabs>` with the theme's pill tabs), for example. Scope tabs
+     * have no panels of their own: give each `aria-controls={listId}`.
      */
     header?: default_2.ReactNode;
     /**
@@ -5057,6 +5060,11 @@ export declare interface QuickActionsProps {
      * own clear button in this place instead, as Figma does.
      */
     searchAction?: default_2.ReactNode;
+    /**
+     * The id of the result list. A control in `header` that changes what the list shows, such as
+     * scope tabs, names it in `aria-controls`. Generated when left out.
+     */
+    listId?: string;
     /** Accessible name of the dialog. Defaults to the "Quick actions" label. */
     "aria-label"?: string;
     /** Placeholder of the search field. Defaults to the "Search actions" label. */

package/dist/index.d.ts

@@ -1962,7 +1962,8 @@ export declare function DataRow({ name, value, stat, icon, selected, onClick, on
  * `aria-sort` is defined only on a column header inside a table or a grid, so
  * that is the one place a screen reader reads it out: wrap the caption and the
  * rows it heads in an element with `role="table"`, each row in a `role="row"`
- * of its own. Above a plain list the arrow stays a drawing, and a reader who
+ * of its own. The caption is a `columnheader` with `aria-sort` only when its
+ * parent is such a row (or a `<tr>`). Above a plain list the arrow stays a drawing, and a reader who
  * cannot see it learns the order changed only if you say so yourself -- with a
  * live region, or by moving focus to the reordered list.
  * @param props - Component props
@@ -5019,6 +5020,7 @@ export declare interface QuickAction {
  * @param props.filter - Which actions match the search
  * @param props.header - Rendered between the search field and the list
  * @param props.searchAction - A trailing action at the right end of the search field
+ * @param props.listId - The id of the result list, for a header control to name in `aria-controls`
  * @param props.truncate - Cut a long name at the end or in the middle
  * @param props.placeholder - Placeholder of the search field
  * @param props.width - Panel width
@@ -5027,7 +5029,7 @@ export declare interface QuickAction {
  * @param props.style - Extra style on the panel
  * @returns The palette
  */
-export declare function QuickActions({ actions, onRun, onClose, query, onQueryChange, filter, header, searchAction, truncate, placeholder, width, height, className, style, ...others }: QuickActionsProps): default_2.JSX.Element;
+export declare function QuickActions({ actions, onRun, onClose, query, onQueryChange, filter, header, searchAction, listId: listIdProp, truncate, placeholder, width, height, className, style, ...others }: QuickActionsProps): default_2.JSX.Element;
 
 /**
  * Props for the QuickActions component.
@@ -5047,7 +5049,8 @@ export declare interface QuickActionsProps {
     filter?: (action: QuickAction, query: string) => boolean;
     /**
      * Rendered in a 32 tall row between the search field and the list, 8px in from the panel
-     * edge: Figma's scope tabs (`<Tabs>` with the theme's pill tabs), for example.
+     * edge: Figma's scope tabs (`<Tabs>` with the theme's pill tabs), for example. Scope tabs
+     * have no panels of their own: give each `aria-controls={listId}`.
      */
     header?: default_2.ReactNode;
     /**
@@ -5057,6 +5060,11 @@ export declare interface QuickActionsProps {
      * own clear button in this place instead, as Figma does.
      */
     searchAction?: default_2.ReactNode;
+    /**
+     * The id of the result list. A control in `header` that changes what the list shows, such as
+     * scope tabs, names it in `aria-controls`. Generated when left out.
+     */
+    listId?: string;
     /** Accessible name of the dialog. Defaults to the "Quick actions" label. */
     "aria-label"?: string;
     /** Placeholder of the search field. Defaults to the "Search actions" label. */