Syntax error: Extra closing curly brace in 'inputStyleNeutral' CSS component

[annaghi]

Description

The CSS border property incorrectly includes an extra closing curly brace.

Incorrect syntax:
border: ${ CONFIG.borderWidth } solid ${ COLORS.ui.border } };

Correct syntax:
border: ${ CONFIG.borderWidth } solid ${ COLORS.ui.border };

Step-by-step reproduction instructions

Navigate to packages/components/src/utils/input/base.js and locate the inputStyleNeutral component:

export const inputStyleNeutral = css`
	box-shadow: 0 0 0 transparent;
	transition: box-shadow 0.1s linear;
	border-radius: ${ CONFIG.radiusBlockUi };
	border: ${ CONFIG.borderWidth } solid ${ COLORS.ui.border } };    <----- extra '}' at the end
	${ reduceMotion( 'transition' ) }
`;

Visit https://github.com/WordPress/gutenberg/blob/trunk/packages/components/src/utils/input/base.js#L17

Screenshots, screen recording, code snippet

No response

Environment info

No response

Please confirm that you have searched existing issues in the repo.

Yes

Please confirm that you have tested with all plugins deactivated except Gutenberg.

Yes

[ShubhamPatilsd]

Our students (beginners) at https://labs.codeday.org will be taking a go at this in the coming week :)

[SahilThakur02]

@annaghi can I start working on it?

[annaghi]

@ShubhamPatilsd Have you (or your students) started to work on this issue? @SahilThakur02 is also offering help.

[oceantober]

My team and I from Code Day are working on this issue! We will be starting this week.

[mirka]

Closed by #59744