Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

components - inputStyleNeutral: Remove deprecated reducedMotion util. #61122

Merged
merged 3 commits into from Apr 30, 2024
Merged

components - inputStyleNeutral: Remove deprecated reducedMotion util. #61122

Changes from 1 commit
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
db0d643
Remove deprecated util.
DaniGuardiola Apr 25, 2024
c74328b
Remove previous transition.
DaniGuardiola Apr 30, 2024
6f6d176
Merge branch 'trunk' of https://github.com/WordPress/gutenberg into f…
DaniGuardiola Apr 30, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
6 changes: 4 additions & 2 deletions packages/components/src/utils/input/base.js
View file
Open in desktop
Expand Up @@ -6,7 +6,6 @@ import { css } from '@emotion/react';
/**
* Internal dependencies
*/
import { reduceMotion } from '../reduce-motion';
import { COLORS } from '../colors-values';
import { CONFIG } from '../';

Expand All @@ -15,7 +14,10 @@ export const inputStyleNeutral = css`
transition: box-shadow 0.1s linear;
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Did we mean to remove this line?

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Another good catch :)

border-radius: ${ CONFIG.radiusBlockUi };
border: ${ CONFIG.borderWidth } solid ${ COLORS.ui.border };
${ reduceMotion( 'transition' ) }

@media not ( prefers-reduced-motion ) {
transition: box-shadow 0.1s linear;
}
`;

export const inputStyleFocus = css`
Expand Down