Global Styles: Add pseudo-state controls for Navigation Link

packages/global-styles-ui/CHANGELOG.md

@@ -2,6 +2,10 @@
 
 ## Unreleased
 
+### Enhancements
+
+-   Blocks screen: add the hover, focus, focus-visible and active state controls for the Navigation Link block, which already supports those states in `theme.json` and in the block inspector ([#83451](https://github.com/WordPress/gutenberg/pull/83451)).
+
 ## 1.23.0 (2026-09-23)
 
 ### Enhancements

packages/global-styles-ui/src/test/utils.js

@@ -1,5 +1,5 @@
 import { describe, expect, it } from 'vitest';
-import { getNewIndexFromPresets } from '../utils';
+import { getNewIndexFromPresets, getValidPseudoStates } from '../utils';
 
 const validPresets = {
 	single: [ { slug: 'preset-1' } ],
@@ -55,3 +55,13 @@ describe( 'getNewIndexFromPresets', () => {
 		} );
 	} );
 } );
+
+describe( 'getValidPseudoStates', () => {
+	it( 'offers hover, focus, focus-visible and active for the Navigation Link block', () => {
+		expect(
+			getValidPseudoStates( 'core/navigation-link' ).map(
+				( state ) => state.value
+			)
+		).toEqual( [ ':hover', ':focus', ':focus-visible', ':active' ] );
+	} );
+} );

packages/global-styles-ui/src/utils.ts

@@ -55,6 +55,12 @@ export const VALID_BLOCK_STATES: Record< string, StateDefinition[] > = {
 		{ value: ':focus-visible', label: __( 'Focus-visible' ) },
 		{ value: ':active', label: __( 'Active' ) },
 	],
+	'core/navigation-link': [
+		{ value: ':hover', label: __( 'Hover' ) },
+		{ value: ':focus', label: __( 'Focus' ) },
+		{ value: ':focus-visible', label: __( 'Focus-visible' ) },
+		{ value: ':active', label: __( 'Active' ) },
+	],
 };
 
 /**