Stylelint: Add cursor pointer rule and block-library override (#77501)

mirka · hbhalodia · web-flow · commit d4fd8c8058d1 · 2026-04-21T23:36:20.000+09:00
* Stylelint: Add rule for cursor pointer

* Add block-library stylelint override

* Fix remaining violation

Co-authored-by: mirka &lt;0mirka00@git.wordpress.org&gt;
Co-authored-by: hbhalodia &lt;hbhalodia@git.wordpress.org&gt;
diff --git a/.stylelintrc.js b/.stylelintrc.js
@@ -21,10 +21,15 @@ module.exports = {
 		'declaration-property-value-disallowed-list': [
 			{
 				'/.*/': [ '/--wp-components-color-/' ],
+				cursor: [ 'pointer' ],
 			},
 			{
-				message: ( property, value ) =>
-					`Avoid using "${ value }" in "${ property }". --wp-components-color-* variables are not ready to be used outside of the components package.`,
+				message: ( property, value ) => {
+					if ( property === 'cursor' ) {
+						return 'Use the `var( --wpds-cursor-control )` token for interactive non-link controls. If this is for a link, you can disable this rule.';
+					}
+					return `Avoid using "${ value }" in "${ property }". --wp-components-color-* variables are not ready to be used outside of the components package.`;
+				},
 			},
 		],
 		'font-weight-notation': null,
diff --git a/packages/block-library/.stylelintrc.mjs b/packages/block-library/.stylelintrc.mjs
@@ -0,0 +1,19 @@
+import baseConfig from '../../.stylelintrc.js';
+
+const [ disallowedValues, disallowedValueMessages ] =
+	baseConfig.rules[ 'declaration-property-value-disallowed-list' ];
+
+// wp-block-library generally should not use theme tokens in most cases.
+const { cursor: _ignoredCursorRule, ...blockLibraryDisallowedValues } =
+	disallowedValues;
+
+/** @type {import('stylelint').Config} */
+export default {
+	extends: '../../.stylelintrc.js',
+	rules: {
+		'declaration-property-value-disallowed-list': [
+			blockLibraryDisallowedValues,
+			disallowedValueMessages,
+		],
+	},
+};
diff --git a/packages/ui/.stylelintrc.mjs b/packages/ui/.stylelintrc.mjs
diff --git a/routes/guidelines/components/guideline-accordion.scss b/routes/guidelines/components/guideline-accordion.scss
@@ -11,7 +11,7 @@
 		border: none;
 		padding: 0;
 		margin: 0;
-		cursor: pointer;
+		cursor: var(--wpds-cursor-control);
 		text-align: left;
 		height: auto;
 
