@openproject/primer-view-components 0.0.0-20260618175416 → 0.0.0-20260618210321

package/app/components/primer/open_project/data_table.css

@@ -1 +1 @@
-.ButtonReset{align-items:center;appearance:none;background:none;border:0;color:inherit;cursor:pointer;display:inline-flex;font:inherit;margin:0;padding:0;text-align:start}.ButtonReset::-moz-focus-inner{border:0}.TableContainer{display:grid;grid-template-areas:"title" "subtitle" "table"}.TableTitle{align-self:center;font-size:var(--text-body-size-medium);font-weight:var(--base-text-weight-semibold);grid-area:title;line-height:var(--text-body-lineHeight-medium)}.TableSubtitle,.TableTitle{color:var(--fgColor-default);margin:0}.TableSubtitle{font-size:var(--text-body-size-small);font-weight:var(--base-text-weight-normal);grid-area:subtitle;line-height:var(--text-title-lineHeight-small)}.TableSubtitle+.TableOverflowWrapper,.TableTitle+.TableOverflowWrapper{margin-block-start:var(--base-size-8)}.Table,.TableOverflowWrapper{grid-area:table}.Table{--table-border-radius:var(--borderRadius-medium);--table-cell-padding:var(--cell-padding-block,var(--base-size-8)) var(--cell-padding-inline,var(--base-size-12));--table-font-size:var(--text-body-size-small);background-color:var(--bgColor-default);border-collapse:initial;border-spacing:0;display:grid;font-size:var(--table-font-size);grid-template-columns:var(--grid-template-columns);line-height:var(--text-body-lineHeight-small);width:100%}.Table:where([data-cell-padding=condensed]){--cell-padding-block:var(--base-size-4);--cell-padding-inline:var(--base-size-8)}.Table:where([data-cell-padding=normal]){--cell-padding-block:var(--base-size-8);--cell-padding-inline:var(--base-size-12)}.Table:where([data-cell-padding=spacious]){--cell-padding-block:var(--base-size-12);--cell-padding-inline:var(--base-size-16)}.TableCell:first-child,.TableHeader:first-child{border-inline-start:var(--borderWidth-thin) solid var(--borderColor-default)}.TableCell:last-child,.TableHeader:last-child{border-inline-end:var(--borderWidth-thin) solid var(--borderColor-default)}.TableCell,.TableHeader{align-items:center;border-block-end:var(--borderWidth-thin) solid var(--borderColor-default);display:flex;padding:var(--table-cell-padding);text-align:start}.TableCell:where([data-cell-align=end]),.TableHeader:where([data-cell-align=end]){display:flex;justify-content:flex-end;text-align:end}.TableHeader[data-cell-align=end] .TableSortButton{display:flex;flex-direction:row-reverse}.TableHead .TableRow:first-of-type .TableHeader{border-block-start:var(--borderWidth-thin) solid var(--borderColor-default)}.TableHead .TableRow:first-of-type .TableHeader:first-child{border-top-left-radius:var(--table-border-radius)}.TableHead .TableRow:first-of-type .TableHeader:last-child{border-top-right-radius:var(--table-border-radius)}.TableOverflowWrapper:last-child .Table .TableBody .TableRow:last-of-type .TableCell:first-child{border-bottom-left-radius:var(--table-border-radius)}.TableOverflowWrapper:last-child .Table .TableBody .TableRow:last-of-type .TableCell:last-child{border-bottom-right-radius:var(--table-border-radius)}.TableRow>:first-child{padding-inline-start:var(--base-size-16)}.TableRow>:last-child{padding-inline-end:var(--base-size-16)}.TableHeader{background-color:var(--bgColor-muted);border-block-start:var(--borderWidth-thin) solid var(--borderColor-default);color:var(--fgColor-muted);font-weight:var(--base-text-weight-semibold)}.TableHeader:where([aria-sort=ascending]),.TableHeader:where([aria-sort=descending]){color:var(--fgColor-default)}.TableSortIcon{visibility:hidden}.TableHeader .TableSortButton:focus .TableSortIcon--ascending,.TableHeader:hover .TableSortIcon--ascending,.TableHeader[aria-sort=ascending] .TableSortIcon--ascending,.TableHeader[aria-sort=descending] .TableSortIcon--descending{visibility:visible}.TableRow:hover .TableCell{background-color:var(--control-transparent-bgColor-hover)}.TableCell:where([scope=row]){align-items:center;color:var(--fgColor-default);display:flex;font-weight:var(--base-text-weight-semibold)}.TableSortButton{column-gap:var(--base-size-8)}.TableBody,.TableHead,.TableRow{display:contents}@supports (grid-template-columns:subgrid){.TableBody,.TableHead,.TableRow{display:grid;grid-column:-1/1;grid-template-columns:subgrid}}
+.TableSortButton{align-items:center;appearance:none;background:none;border:0;color:inherit;column-gap:var(--base-size-8);cursor:pointer;display:inline-flex;font:inherit;margin:0;padding:0;text-align:start}.TableSortButton::-moz-focus-inner{border:0}.TableContainer{display:grid;grid-template-areas:"title" "subtitle" "table" "footer"}.TableTitle{align-self:center;font-size:var(--text-body-size-medium);font-weight:var(--base-text-weight-semibold);grid-area:title;line-height:var(--text-body-lineHeight-medium)}.TableSubtitle,.TableTitle{color:var(--fgColor-default);margin:0}.TableSubtitle{font-size:var(--text-body-size-small);font-weight:var(--base-text-weight-normal);grid-area:subtitle;line-height:var(--text-title-lineHeight-small)}.TableSubtitle+.TableOverflowWrapper,.TableTitle+.TableOverflowWrapper{margin-block-start:var(--base-size-8)}.Table,.TableOverflowWrapper{grid-area:table}.Table{--table-border-radius:var(--borderRadius-medium);--table-cell-padding:var(--cell-padding-block,var(--base-size-8)) var(--cell-padding-inline,var(--base-size-12));background-color:var(--bgColor-default);border-collapse:initial;border-spacing:0;display:grid;font-size:var(--text-body-size-small);grid-template-columns:var(--grid-template-columns);line-height:var(--text-body-lineHeight-small);width:100%}.Table:where([data-cell-padding=condensed]){--cell-padding-block:var(--base-size-4);--cell-padding-inline:var(--base-size-8)}.Table:where([data-cell-padding=normal]){--cell-padding-block:var(--base-size-8);--cell-padding-inline:var(--base-size-12)}.Table:where([data-cell-padding=spacious]){--cell-padding-block:var(--base-size-12);--cell-padding-inline:var(--base-size-16)}.TableCell:first-child,.TableHeader:first-child{border-inline-start:var(--borderWidth-thin) solid var(--borderColor-default)}.TableCell:last-child,.TableHeader:last-child{border-inline-end:var(--borderWidth-thin) solid var(--borderColor-default)}.TableCell,.TableHeader{align-items:center;border-block-end:var(--borderWidth-thin) solid var(--borderColor-default);display:flex;padding:var(--table-cell-padding);text-align:start}.TableCell:where([data-cell-align=end]),.TableHeader:where([data-cell-align=end]){display:flex;justify-content:flex-end;text-align:end}.TableHeader[data-cell-align=end] .TableSortButton{display:flex;flex-direction:row-reverse}.TableHead .TableRow:first-of-type .TableHeader{border-block-start:var(--borderWidth-thin) solid var(--borderColor-default)}.TableHead .TableRow:first-of-type .TableHeader:first-child{border-top-left-radius:var(--table-border-radius)}.TableHead .TableRow:first-of-type .TableHeader:last-child{border-top-right-radius:var(--table-border-radius)}.TableOverflowWrapper:last-child .Table .TableBody .TableRow:last-of-type .TableCell:first-child{border-bottom-left-radius:var(--table-border-radius)}.TableOverflowWrapper:last-child .Table .TableBody .TableRow:last-of-type .TableCell:last-child{border-bottom-right-radius:var(--table-border-radius)}.TableRow>:first-child{padding-inline-start:var(--base-size-16)}.TableRow>:last-child{padding-inline-end:var(--base-size-16)}.TableHeader{background-color:var(--bgColor-muted);border-block-start:var(--borderWidth-thin) solid var(--borderColor-default);color:var(--fgColor-muted);font-weight:var(--base-text-weight-semibold)}.TableHeader:where([aria-sort=ascending]),.TableHeader:where([aria-sort=descending]){color:var(--fgColor-default)}.TableSortIcon{visibility:hidden}.TableHeader .TableSortButton:focus .TableSortIcon--ascending,.TableHeader:hover .TableSortIcon--ascending,.TableHeader[aria-sort=ascending] .TableSortIcon--ascending,.TableHeader[aria-sort=descending] .TableSortIcon--descending{visibility:visible}.TableRow:hover .TableCell{background-color:var(--control-transparent-bgColor-hover)}.TableCell:where([scope=row]){align-items:center;color:var(--fgColor-default);display:flex;font-weight:var(--base-text-weight-semibold)}.TablePagination{align-items:center;border:var(--borderWidth-thin) solid var(--borderColor-default);border-end-end-radius:var(--borderRadius-medium);border-end-start-radius:var(--borderRadius-medium);border-top-width:0;column-gap:var(--base-size-16);display:flex;grid-area:footer;justify-content:space-between;padding:var(--base-size-8) var(--base-size-16);width:100%}.TablePaginationRange{color:var(--fgColor-muted);font-size:var(--text-body-size-small);margin:0}.TablePagination .PaginationContainer{margin:0;margin-inline-start:auto}.TableBody,.TableHead,.TableRow{display:contents}@supports (grid-template-columns:subgrid){.TableBody,.TableHead,.TableRow{display:grid;grid-column:-1/1;grid-template-columns:subgrid}}

package/app/components/primer/open_project/data_table.css.json

@@ -1,8 +1,8 @@
 {
   "name": "open_project/data_table",
   "selectors": [
-    ".ButtonReset",
-    ".ButtonReset::-moz-focus-inner",
+    ".TableSortButton",
+    ".TableSortButton::-moz-focus-inner",
     ".TableContainer",
     ".TableTitle",
     ".TableSubtitle",
@@ -38,7 +38,9 @@
     ".TableHeader[aria-sort=descending] .TableSortIcon--descending",
     ".TableRow:hover .TableCell",
     ".TableCell:where([scope=row])",
-    ".TableSortButton",
+    ".TablePagination",
+    ".TablePaginationRange",
+    ".TablePagination .PaginationContainer",
     ".TableBody",
     ".TableHead",
     ".TableRow"

package/app/components/primer/open_project/data_table_element.d.ts

@@ -1,5 +1,4 @@
 export declare class DataTableElement extends HTMLElement {
-    constructor();
     connectedCallback(): void;
     toggleSort(event: MouseEvent): void;
     get table(): HTMLTableElement;

package/app/components/primer/open_project/data_table_element.js

@@ -12,9 +12,6 @@ const SortDirection = {
 };
 const DEFAULT_SORT_DIRECTION = SortDirection.ASC;
 let DataTableElement = class DataTableElement extends HTMLElement {
-    constructor() {
-        super();
-    }
     connectedCallback() {
         sortTableByAriaSort(this.table);
         updateSortIcons(this.table);
@@ -38,7 +35,7 @@ let DataTableElement = class DataTableElement extends HTMLElement {
     }
 };
 DataTableElement = __decorate([
-    controller
+    controller('data-table')
 ], DataTableElement);
 export { DataTableElement };
 function resetSort(th) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openproject/primer-view-components",
-  "version": "0.0.0-20260618175416",
+  "version": "0.0.0-20260618210321",
   "description": "ViewComponents of the Primer Design System for OpenProject",
   "main": "app/assets/javascripts/primer_view_components.js",
   "module": "app/components/primer/primer.js",

package/static/arguments.json

@@ -6066,7 +6066,7 @@
       },
       {
         "name": "initial_sort_column",
-        "type": "Symbol, Number, nil",
+        "type": "String, Symbol, nil",
         "default": "`nil`",
         "description": "ID or field of the column by which the table is initially sorted"
       },
@@ -6130,9 +6130,9 @@
       },
       {
         "name": "sort_by",
-        "type": "String, Symbol, nil",
+        "type": "Boolean, Symbol, nil",
         "default": "`nil`",
-        "description": "Sort key used for sorting"
+        "description": "Whether this column is sortable, or the sort strategy to use"
       },
       {
         "name": "row_header",
@@ -6154,6 +6154,46 @@
       }
     ]
   },
+  {
+    "component": "OpenProject::DataTable::PaginationFooter",
+    "status": "open_project",
+    "a11y_reviewed": false,
+    "short_name": "OpenProjectDataTablePaginationFooter",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/data_table/pagination_footer.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/data_table/pagination_footer/default/",
+    "parameters": [
+      {
+        "name": "current_page",
+        "type": "Integer",
+        "default": "N/A",
+        "description": "The page that is currently being viewed (1-based)."
+      },
+      {
+        "name": "total_count",
+        "type": "Integer, nil",
+        "default": "`nil`",
+        "description": "The total number of items across all pages. Required (together with `page_size`) to render the range summary."
+      },
+      {
+        "name": "page_size",
+        "type": "Integer, nil",
+        "default": "`nil`",
+        "description": "The number of items rendered per page. Required (together with `total_count`) to render the range summary."
+      },
+      {
+        "name": "aria_label",
+        "type": "String, nil",
+        "default": "`nil`",
+        "description": "Accessible name for the pagination navigation landmark."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "System arguments passed to the root element. All remaining arguments are forwarded to [OpenProject::Pagination](/components/openprojectpagination)."
+      }
+    ]
+  },
   {
     "component": "OpenProject::DataTable::SortHeader",
     "status": "open_project",
@@ -6320,25 +6360,25 @@
       {
         "name": "filter_input_arguments",
         "type": "Hash",
-        "default": "`DEFAULT_FILTER_INPUT_ARGUMENTS.dup`",
+        "default": "`{}`",
         "description": "Arguments that will be passed to the [TextField](/components/alpha/textfield) component."
       },
       {
         "name": "filter_mode_control_arguments",
         "type": "Hash",
-        "default": "`DEFAULT_FILTER_MODE_CONTROL_ARGUMENTS.dup`",
+        "default": "`{}`",
         "description": "Arguments that will be passed to the [SegmentedControl](/components/alpha/segmentedcontrol) component."
       },
       {
         "name": "include_sub_items_check_box_arguments",
         "type": "Hash",
-        "default": "`DEFAULT_INCLUDE_SUB_ITEMS_CHECK_BOX_ARGUMENTS.dup`",
+        "default": "`{}`",
         "description": "Arguments that will be passed to the [CheckBox](/components/alpha/checkbox) component."
       },
       {
         "name": "no_results_node_arguments",
         "type": "Hash",
-        "default": "`DEFAULT_NO_RESULTS_NODE_ARGUMENTS.dup`",
+        "default": "`{}`",
         "description": "Arguments that will be passed to a [TreeView::LeafNode](/components/alpha/treeviewleafnode) component that appears when no items match the filter criteria."
       }
     ]
@@ -6732,12 +6772,12 @@
     ]
   },
   {
-    "component": "OpenProject::SubHeader::QuickActionComponent",
+    "component": "OpenProject::SubHeader::QuickAction",
     "status": "open_project",
     "a11y_reviewed": false,
-    "short_name": "OpenProjectSubHeaderQuickActionComponent",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/sub_header/quick_filter.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/sub_header/quick_filter/default/",
+    "short_name": "OpenProjectSubHeaderQuickAction",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/sub_header/quick_action_component.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/sub_header/quick_action/default/",
     "parameters": []
   },
   {

package/static/audited_at.json

@@ -151,6 +151,7 @@
   "Primer::OpenProject::DangerDialog::FormWrapper": "",
   "Primer::OpenProject::DataTable": "",
   "Primer::OpenProject::DataTable::Column": "",
+  "Primer::OpenProject::DataTable::PaginationFooter": "",
   "Primer::OpenProject::DataTable::SortHeader": "",
   "Primer::OpenProject::DragHandle": "",
   "Primer::OpenProject::FeedbackDialog": "",

package/static/classes.json

@@ -241,9 +241,6 @@
   "ButtonGroup": [
     "Primer::Beta::ButtonGroup"
   ],
-  "ButtonReset": [
-    "Primer::OpenProject::DataTable"
-  ],
   "CollapsibleHeader": [
     "Primer::OpenProject::BorderBox::CollapsibleHeader"
   ],
@@ -731,6 +728,12 @@
   "TableOverflowWrapper": [
     "Primer::OpenProject::DataTable"
   ],
+  "TablePagination": [
+    "Primer::OpenProject::DataTable"
+  ],
+  "TablePaginationRange": [
+    "Primer::OpenProject::DataTable"
+  ],
   "TableRow": [
     "Primer::OpenProject::DataTable"
   ],

package/static/constants.json

@@ -1777,7 +1777,9 @@
     "Column": "Primer::OpenProject::DataTable::Column",
     "GeneratedSlotMethods": "Primer::OpenProject::DataTable::GeneratedSlotMethods",
     "Header": "Primer::OpenProject::DataTable::Header",
-    "SortHeader": "Primer::OpenProject::DataTable::SortHeader"
+    "PaginationFooter": "Primer::OpenProject::DataTable::PaginationFooter",
+    "SortHeader": "Primer::OpenProject::DataTable::SortHeader",
+    "Sorting": "Primer::OpenProject::DataTable::Sorting"
   },
   "Primer::OpenProject::DataTable::Column": {
     "COLUMN_WIDTH_OPTIONS": [
@@ -1787,6 +1789,9 @@
     ],
     "GeneratedSlotMethods": "Primer::OpenProject::DataTable::Column::GeneratedSlotMethods"
   },
+  "Primer::OpenProject::DataTable::PaginationFooter": {
+    "GeneratedSlotMethods": "Primer::OpenProject::DataTable::PaginationFooter::GeneratedSlotMethods"
+  },
   "Primer::OpenProject::DataTable::SortHeader": {
     "ARIA_SORT_OPTIONS": {
       "ASC": "ascending",

package/static/info_arch.json

@@ -19970,7 +19970,7 @@
       },
       {
         "name": "initial_sort_column",
-        "type": "Symbol, Number, nil",
+        "type": "String, Symbol, nil",
         "default": "`nil`",
         "description": "ID or field of the column by which the table is initially sorted"
       },
@@ -20008,6 +20008,11 @@
         "name": "columns",
         "description": null,
         "parameters": []
+      },
+      {
+        "name": "pagination",
+        "description": null,
+        "parameters": []
       }
     ],
     "methods": [
@@ -20063,6 +20068,32 @@
             "color-contrast"
           ]
         }
+      },
+      {
+        "preview_path": "primer/open_project/data_table/with_pagination",
+        "name": "with_pagination",
+        "snapshot": "true",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/open_project/data_table/with_pagination_using_default_page_index",
+        "name": "with_pagination_using_default_page_index",
+        "snapshot": "true",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
       }
     ],
     "subcomponents": []
@@ -20113,9 +20144,9 @@
       },
       {
         "name": "sort_by",
-        "type": "String, Symbol, nil",
+        "type": "Boolean, Symbol, nil",
         "default": "`nil`",
-        "description": "Sort key used for sorting"
+        "description": "Whether this column is sortable, or the sort strategy to use"
       },
       {
         "name": "row_header",
@@ -20136,13 +20167,7 @@
         "description": "Maximum width"
       }
     ],
-    "slots": [
-      {
-        "name": "header",
-        "description": null,
-        "parameters": []
-      }
-    ],
+    "slots": [],
     "methods": [
       {
         "name": "id",
@@ -20203,6 +20228,69 @@
         "description": "Provide a custom cell renderer.",
         "parameters": [],
         "return_types": []
+      },
+      {
+        "name": "with_header",
+        "description": "Provide a custom header renderer.",
+        "parameters": [],
+        "return_types": []
+      }
+    ],
+    "previews": [],
+    "subcomponents": []
+  },
+  {
+    "fully_qualified_name": "Primer::OpenProject::DataTable::PaginationFooter",
+    "description": "This component is part of `Primer::OpenProject::DataTable` and should\nnot be used as a standalone component.\n\nIt renders the table's pagination footer: an optional \"range\" summary\n(e.g. \"1 ‒ 10 of 95\") alongside the paginated navigation provided by\n{{#link_to_component}}Primer::OpenProject::Pagination{{/link_to_component}}.",
+    "accessibility_docs": null,
+    "is_form_component": false,
+    "is_published": true,
+    "requires_js": false,
+    "component": "OpenProject::DataTable::PaginationFooter",
+    "status": "open_project",
+    "a11y_reviewed": false,
+    "short_name": "OpenProjectDataTablePaginationFooter",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/data_table/pagination_footer.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/data_table/pagination_footer/default/",
+    "parameters": [
+      {
+        "name": "current_page",
+        "type": "Integer",
+        "default": "N/A",
+        "description": "The page that is currently being viewed (1-based)."
+      },
+      {
+        "name": "total_count",
+        "type": "Integer, nil",
+        "default": "`nil`",
+        "description": "The total number of items across all pages. Required (together with `page_size`) to render the range summary."
+      },
+      {
+        "name": "page_size",
+        "type": "Integer, nil",
+        "default": "`nil`",
+        "description": "The number of items rendered per page. Required (together with `total_count`) to render the range summary."
+      },
+      {
+        "name": "aria_label",
+        "type": "String, nil",
+        "default": "`nil`",
+        "description": "Accessible name for the pagination navigation landmark."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "System arguments passed to the root element. All remaining arguments are forwarded to {{#link_to_component}}Primer::OpenProject::Pagination{{/link_to_component}}."
+      }
+    ],
+    "slots": [],
+    "methods": [
+      {
+        "name": "aria_label",
+        "description": "Returns the value of attribute aria_label.",
+        "parameters": [],
+        "return_types": []
       }
     ],
     "previews": [],
@@ -20681,25 +20769,25 @@
       {
         "name": "filter_input_arguments",
         "type": "Hash",
-        "default": "`DEFAULT_FILTER_INPUT_ARGUMENTS.dup`",
+        "default": "`{}`",
         "description": "Arguments that will be passed to the {{#link_to_component}}Primer::Alpha::TextField{{/link_to_component}} component."
       },
       {
         "name": "filter_mode_control_arguments",
         "type": "Hash",
-        "default": "`DEFAULT_FILTER_MODE_CONTROL_ARGUMENTS.dup`",
+        "default": "`{}`",
         "description": "Arguments that will be passed to the {{#link_to_component}}Primer::Alpha::SegmentedControl{{/link_to_component}} component."
       },
       {
         "name": "include_sub_items_check_box_arguments",
         "type": "Hash",
-        "default": "`DEFAULT_INCLUDE_SUB_ITEMS_CHECK_BOX_ARGUMENTS.dup`",
+        "default": "`{}`",
         "description": "Arguments that will be passed to the {{#link_to_component}}Primer::Alpha::CheckBox{{/link_to_component}} component."
       },
       {
         "name": "no_results_node_arguments",
         "type": "Hash",
-        "default": "`DEFAULT_NO_RESULTS_NODE_ARGUMENTS.dup`",
+        "default": "`{}`",
         "description": "Arguments that will be passed to a {{#link_to_component}}Primer::Alpha::TreeView::LeafNode{{/link_to_component}} component that appears when no items match the filter criteria."
       }
     ],
@@ -21365,6 +21453,19 @@
             "color-contrast"
           ]
         }
+      },
+      {
+        "preview_path": "primer/open_project/input_group/with_error_message",
+        "name": "with_error_message",
+        "snapshot": "true",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
       }
     ],
     "subcomponents": []
@@ -22098,9 +22199,19 @@
         "description": "A button or custom content that will render on the left-hand side of the component, next to the filter input.\n\nTo render a button, call the `with_filter_button` method, which accepts the arguments accepted by {{#link_to_component}}Primer::Beta::Button{{/link_to_component}}.\n\nTo render custom content, call the `with_filter_component` method and pass a block that returns HTML.",
         "parameters": []
       },
+      {
+        "name": "quick_sort",
+        "description": "A slot for a generic sorting component. Will be rendered next to the search input",
+        "parameters": []
+      },
+      {
+        "name": "quick_group",
+        "description": "A slot for a generic sorting component. Will be rendered next to the sorting button",
+        "parameters": []
+      },
       {
         "name": "quick_filters",
-        "description": "Quick filters shown in the left pane next to the search bar (0–5 items).\nHidden on mobile. Requires all_filters_button to be set when used.\nSupports ActionMenus, Buttons, IconButtons, SelectPanels, and SegmentedControls inside the block.",
+        "description": "Quick filters shown in the left pane next to the search bar (0–5 items total across all types).\nHidden on smaller screens when more than one `quick_filter` is provided. Requires `filter_button` when using more than one `quick_filter`.\nSupports ActionMenus, Buttons, IconButtons, SelectPanels, and SegmentedControls inside the block.",
         "parameters": []
       },
       {
@@ -22412,12 +22523,12 @@
     "is_form_component": false,
     "is_published": true,
     "requires_js": false,
-    "component": "OpenProject::SubHeader::QuickActionComponent",
+    "component": "OpenProject::SubHeader::QuickAction",
     "status": "open_project",
     "a11y_reviewed": false,
-    "short_name": "OpenProjectSubHeaderQuickActionComponent",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/sub_header/quick_filter.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/sub_header/quick_filter/default/",
+    "short_name": "OpenProjectSubHeaderQuickAction",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/sub_header/quick_action_component.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/sub_header/quick_action/default/",
     "parameters": [],
     "slots": [],
     "methods": [],
@@ -22560,7 +22671,7 @@
   },
   {
     "fully_qualified_name": "Primer::OpenProject::Table::Body",
-    "description": "The `Table`'s body.\n\nThis component is should not be used directly, except for advanced user\ncases.",
+    "description": "The `Table`'s body.\n\nThis component should not be used directly, except for advanced use\ncases.",
     "accessibility_docs": null,
     "is_form_component": false,
     "is_published": true,
@@ -22585,7 +22696,7 @@
   },
   {
     "fully_qualified_name": "Primer::OpenProject::Table::Caption",
-    "description": "The `Table`'s caption.\n\nThis component is should not be used directly, except for advanced user\ncases.",
+    "description": "The `Table`'s caption.\n\nThis component should not be used directly, except for advanced use\ncases.",
     "accessibility_docs": null,
     "is_form_component": false,
     "is_published": true,
@@ -22611,7 +22722,7 @@
   },
   {
     "fully_qualified_name": "Primer::OpenProject::Table::Cell",
-    "description": "A `Table` cell.\n\nThis component is should not be used directly, except for advanced user\ncases.",
+    "description": "A `Table` cell.\n\nThis component should not be used directly, except for advanced use\ncases.",
     "accessibility_docs": null,
     "is_form_component": false,
     "is_published": true,
@@ -22637,7 +22748,7 @@
   },
   {
     "fully_qualified_name": "Primer::OpenProject::Table::ColGroup",
-    "description": "A `Table` column group.\n\nThis component is should not be used directly, except for advanced user\ncases.",
+    "description": "A `Table` column group.\n\nThis component should not be used directly, except for advanced use\ncases.",
     "accessibility_docs": null,
     "is_form_component": false,
     "is_published": true,
@@ -22662,7 +22773,7 @@
   },
   {
     "fully_qualified_name": "Primer::OpenProject::Table::ColGroup::Col",
-    "description": "A `Table` column.\n\nThis component is should not be used directly, except for advanced\nuser cases.",
+    "description": "A `Table` column.\n\nThis component should not be used directly, except for advanced use\ncases.",
     "accessibility_docs": null,
     "is_form_component": false,
     "is_published": true,
@@ -22681,7 +22792,7 @@
   },
   {
     "fully_qualified_name": "Primer::OpenProject::Table::Foot",
-    "description": "The `Table`'s footer.\n\nThis component is should not be used directly, except for advanced user\ncases.",
+    "description": "The `Table`'s footer.\n\nThis component should not be used directly, except for advanced use\ncases.",
     "accessibility_docs": null,
     "is_form_component": false,
     "is_published": true,
@@ -22706,7 +22817,7 @@
   },
   {
     "fully_qualified_name": "Primer::OpenProject::Table::Head",
-    "description": "The `Table`'s head (`thead`) (not to be confused with header cells).\n\nThis component is should not be used directly, except for advanced user\ncases.",
+    "description": "The `Table`'s head (`thead`) (not to be confused with header cells).\n\nThis component should not be used directly, except for advanced use\ncases.",
     "accessibility_docs": null,
     "is_form_component": false,
     "is_published": true,
@@ -22731,7 +22842,7 @@
   },
   {
     "fully_qualified_name": "Primer::OpenProject::Table::Header",
-    "description": "A `Table`'s header cell.\n\nThis component is should not be used directly, except for advanced user\ncases.",
+    "description": "A `Table`'s header cell.\n\nThis component should not be used directly, except for advanced use\ncases.",
     "accessibility_docs": null,
     "is_form_component": false,
     "is_published": true,
@@ -22750,7 +22861,7 @@
   },
   {
     "fully_qualified_name": "Primer::OpenProject::Table::HeaderRow",
-    "description": "The `Table`'s header row.\n\nThis component is should not be used directly, except for advanced user\ncases.",
+    "description": "The `Table`'s header row.\n\nThis component should not be used directly, except for advanced use\ncases.",
     "accessibility_docs": null,
     "is_form_component": false,
     "is_published": true,
@@ -22775,7 +22886,7 @@
   },
   {
     "fully_qualified_name": "Primer::OpenProject::Table::Row",
-    "description": "A `Table` row.\n\nThis component is should not be used directly, except for advanced user\ncases.",
+    "description": "A `Table` row.\n\nThis component should not be used directly, except for advanced use\ncases.",
     "accessibility_docs": null,
     "is_form_component": false,
     "is_published": true,

package/static/previews.json

@@ -3665,6 +3665,32 @@
             "color-contrast"
           ]
         }
+      },
+      {
+        "preview_path": "primer/open_project/data_table/with_pagination",
+        "name": "with_pagination",
+        "snapshot": "true",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/open_project/data_table/with_pagination_using_default_page_index",
+        "name": "with_pagination_using_default_page_index",
+        "snapshot": "true",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
       }
     ]
   },
@@ -5307,6 +5333,19 @@
             "color-contrast"
           ]
         }
+      },
+      {
+        "preview_path": "primer/open_project/input_group/with_error_message",
+        "name": "with_error_message",
+        "snapshot": "true",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
       }
     ]
   },

package/static/statuses.json

@@ -151,6 +151,7 @@
   "Primer::OpenProject::DangerDialog::FormWrapper": "open_project",
   "Primer::OpenProject::DataTable": "open_project",
   "Primer::OpenProject::DataTable::Column": "open_project",
+  "Primer::OpenProject::DataTable::PaginationFooter": "open_project",
   "Primer::OpenProject::DataTable::SortHeader": "open_project",
   "Primer::OpenProject::DragHandle": "open_project",
   "Primer::OpenProject::FeedbackDialog": "open_project",