DataViews: Use --wpds-cursor-control design token for interactive controls (#77259)

* DataViews: Use `--wpds-cursor-control` design token for interactive controls

* Update CHANGELOG

* chore: remove stylelint configuration

* chore: fix formatting of cursor control entry in CHANGELOG

---

Co-authored-by: R1shabh-Gupta <rishabhwp@git.wordpress.org>
Co-authored-by: ciampo <mciampini@git.wordpress.org>
Co-authored-by: mirka <0mirka00@git.wordpress.org>
Co-authored-by: im3dabasia <im3dabasia1@git.wordpress.org>
Co-authored-by: oandregal <oandregal@git.wordpress.org>

Author: 6 people

packages/dataviews/CHANGELOG.md

@@ -6,6 +6,7 @@
 
 - DataForm: Add `min`/`max` date range validation support for `date` and `datetime` fields. [#77201](https://github.com/WordPress/gutenberg/pull/77201)
 - DataForm: support `isDisabled` field property. [#77090](https://github.com/WordPress/gutenberg/pull/77090)
+- `DataViews`, `DataForm`: Use `--wpds-cursor-control` for interactive cursor styling. [#77259](https://github.com/WordPress/gutenberg/pull/77259)
 - DataViews/DataViewsPicker: simplify `defaultLayouts` property. [#77232](https://github.com/WordPress/gutenberg/pull/77232)
 - DataForm: Show tooltip in edit button in `panel` layout. [#77024](https://github.com/WordPress/gutenberg/pull/77024)
 - DataViewsPicker: Add `onReset` prop to support view reset functionality. [#77288](https://github.com/WordPress/gutenberg/pull/77288)

packages/dataviews/src/components/dataform-layouts/panel/style.scss

@@ -8,7 +8,7 @@
 	display: flex;
 	width: 100%;
 	min-height: $grid-unit-30;
-	cursor: pointer;
+	cursor: var(--wpds-cursor-control);
 	align-items: flex-start;
 	border-radius: $radius-small;
 	isolation: isolate;

packages/dataviews/src/components/dataviews-filters/style.scss

@@ -76,7 +76,7 @@
 	.dataviews-filters__summary-chip {
 		border-radius: $grid-unit-20;
 		border: $border-width solid transparent;
-		cursor: pointer;
+		cursor: var(--wpds-cursor-control);
 		padding: $grid-unit-05 $grid-unit-15;
 		min-height: $grid-unit-40;
 		background: $gray-100;
@@ -137,7 +137,7 @@
 		align-items: center;
 		justify-content: center;
 		background: transparent;
-		cursor: pointer;
+		cursor: var(--wpds-cursor-control);
 
 		svg {
 			fill: $gray-700;

packages/dataviews/src/components/dataviews-layouts/activity/style.scss

@@ -35,7 +35,7 @@
 			overflow: hidden;
 
 			&--clickable {
-				cursor: pointer;
+				cursor: var(--wpds-cursor-control);
 
 				&:focus-visible {
 					outline: var(--wp-admin-border-width-focus) solid var(--wp-admin-theme-color);

packages/dataviews/src/components/dataviews-layouts/grid/style.scss

@@ -250,7 +250,7 @@
 }
 
 .dataviews-view-grid__media--clickable {
-	cursor: pointer;
+	cursor: var(--wpds-cursor-control);
 }
 
 .dataviews-view-grid__group-header {

packages/dataviews/src/components/dataviews-layouts/list/style.scss

@@ -115,7 +115,7 @@ div.dataviews-view-list {
 		border: none;
 		background: none;
 		padding: 0;
-		cursor: pointer;
+		cursor: var(--wpds-cursor-control);
 
 		&:focus-visible {
 			outline: none;

packages/dataviews/src/components/dataviews-layouts/picker-grid/style.scss

@@ -174,7 +174,7 @@
 }
 
 .dataviews-view-picker-grid__media--clickable {
-	cursor: pointer;
+	cursor: var(--wpds-cursor-control);
 }
 
 .dataviews-view-picker-grid-group__header {

packages/dataviews/src/components/dataviews-layouts/picker-table/style.scss

@@ -36,7 +36,7 @@
 
 	// When used in picker context, ensure row selection works as expected
 	.dataviews-view-table__row {
-		cursor: pointer;
+		cursor: var(--wpds-cursor-control);
 
 		&.is-selected {
 			// Ensure selected rows are visually distinct

packages/dataviews/src/dataviews/style.scss

@@ -118,7 +118,7 @@
 }
 
 .dataviews-title-field--clickable {
-	cursor: pointer;
+	cursor: var(--wpds-cursor-control);
 	color: $gray-800;
 	&:hover {
 		color: var(--wp-admin-theme-color);