@primer/react 38.39.0-rc.fa0bd106b → 38.39.0-rc.fbea7df95

package/CHANGELOG.md

@@ -10,6 +10,8 @@
 
 - [#8370](https://github.com/primer/react/pull/8370) [`56ebdc4`](https://github.com/primer/react/commit/56ebdc49f8f6c862288ee653a4cdc7a70afe829c) Thanks [@rickyzhangca](https://github.com/rickyzhangca)! - ScrollableRegion: Remove focusability when content no longer overflows
 
+- [#8371](https://github.com/primer/react/pull/8371) [`dc8387f`](https://github.com/primer/react/commit/dc8387f4fa07cf00887cb2412d358fb7eb54be63) Thanks [@rickyzhangca](https://github.com/rickyzhangca)! - DataTable: Keep sortable column names concise and convey the next sort action as an accessible description
+
 ## 38.38.0
 
 ### Minor Changes

package/dist/DataTable/Table.js

@@ -181,7 +181,7 @@ function TableHeader(t0) {
 	return t2;
 }
 function TableSortHeader(t0) {
-	const $ = c(23);
+	const $ = c(24);
 	let align;
 	let children;
 	let direction;
@@ -203,6 +203,7 @@ function TableSortHeader(t0) {
 		rest = $[5];
 	}
 	const ariaSort = direction === "DESC" ? "descending" : direction === "ASC" ? "ascending" : void 0;
+	const sortAction = direction === SortDirection.ASC ? "Sort descending" : "Sort ascending";
 	let t1;
 	if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
 		t1 = clsx("TableSortButton", Table_module_css_default.TableSortButton);
@@ -218,7 +219,7 @@ function TableSortHeader(t0) {
 	} else t2 = $[8];
 	let t3;
 	if ($[9] !== direction) {
-		t3 = direction === SortDirection.NONE || direction === SortDirection.ASC ? /*#__PURE__*/ jsxs(Fragment$1, { children: [/*#__PURE__*/ jsx(SortAscIcon, { className: clsx("TableSortIcon", "TableSortIcon--ascending", Table_module_css_default.TableSortIcon, Table_module_css_default["TableSortIcon--ascending"]) }), direction === SortDirection.NONE ? /*#__PURE__*/ jsx(VisuallyHidden, { children: "sort ascending" }) : null] }) : null;
+		t3 = direction === SortDirection.NONE || direction === SortDirection.ASC ? /*#__PURE__*/ jsx(Fragment$1, { children: /*#__PURE__*/ jsx(SortAscIcon, { className: clsx("TableSortIcon", "TableSortIcon--ascending", Table_module_css_default.TableSortIcon, Table_module_css_default["TableSortIcon--ascending"]) }) }) : null;
 		$[9] = direction;
 		$[10] = t3;
 	} else t3 = $[10];
@@ -229,11 +230,12 @@ function TableSortHeader(t0) {
 		$[12] = t4;
 	} else t4 = $[12];
 	let t5;
-	if ($[13] !== children || $[14] !== t2 || $[15] !== t3 || $[16] !== t4) {
+	if ($[13] !== children || $[14] !== sortAction || $[15] !== t2 || $[16] !== t3 || $[17] !== t4) {
 		t5 = /*#__PURE__*/ jsxs(Button, {
 			type: "button",
 			className: t1,
 			"data-component": "Table.SortHeader.Button",
+			"aria-description": sortAction,
 			onClick: t2,
 			children: [
 				children,
@@ -242,13 +244,14 @@ function TableSortHeader(t0) {
 			]
 		});
 		$[13] = children;
-		$[14] = t2;
-		$[15] = t3;
-		$[16] = t4;
-		$[17] = t5;
-	} else t5 = $[17];
+		$[14] = sortAction;
+		$[15] = t2;
+		$[16] = t3;
+		$[17] = t4;
+		$[18] = t5;
+	} else t5 = $[18];
 	let t6;
-	if ($[18] !== align || $[19] !== ariaSort || $[20] !== rest || $[21] !== t5) {
+	if ($[19] !== align || $[20] !== ariaSort || $[21] !== rest || $[22] !== t5) {
 		t6 = /*#__PURE__*/ jsx(TableHeader, {
 			...rest,
 			"aria-sort": ariaSort,
@@ -256,12 +259,12 @@ function TableSortHeader(t0) {
 			"data-component": "Table.SortHeader",
 			children: t5
 		});
-		$[18] = align;
-		$[19] = ariaSort;
-		$[20] = rest;
-		$[21] = t5;
-		$[22] = t6;
-	} else t6 = $[22];
+		$[19] = align;
+		$[20] = ariaSort;
+		$[21] = rest;
+		$[22] = t5;
+		$[23] = t6;
+	} else t6 = $[23];
 	return t6;
 }
 function TableRow(t0) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@primer/react",
   "type": "module",
-  "version": "38.39.0-rc.fa0bd106b",
+  "version": "38.39.0-rc.fbea7df95",
   "description": "An implementation of GitHub's Primer Design System using React",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -166,7 +166,7 @@
     "react-is": "18.3.1",
     "recast": "0.23.7",
     "rimraf": "5.0.5",
-    "rolldown": "^1.2.5",
+    "rolldown": "^1.2.6",
     "rolldown-plugin-dts": "^0.26.0",
     "rolldown-plugin-import-css": "^0.0.0",
     "rolldown-plugin-preserve-directives": "^0.0.0",