diff --git a/UNRELEASED.md b/UNRELEASED.md index e8e82312ebf..e2181faed53 100644 --- a/UNRELEASED.md +++ b/UNRELEASED.md @@ -8,6 +8,7 @@ Use [the changelog guidelines](/documentation/Versioning%20and%20changelog.md) t - Updated `VisuallyHidden` styles to not use `top` or `clip` ([#4641](https://github.com/Shopify/polaris-react/pull/4641)) - Added `PlainAction` type to `ComplexAction`. ([#4489](https://github.com/Shopify/polaris-react/pull/4489)) +- Updated timeout of `Popover` exit to `durationFast`. ([#4651](https://github.com/Shopify/polaris-react/pull/4651)) ### Bug fixes diff --git a/src/components/Popover/components/PopoverOverlay/PopoverOverlay.tsx b/src/components/Popover/components/PopoverOverlay/PopoverOverlay.tsx index f318c56ddb3..9e302923977 100644 --- a/src/components/Popover/components/PopoverOverlay/PopoverOverlay.tsx +++ b/src/components/Popover/components/PopoverOverlay/PopoverOverlay.tsx @@ -1,5 +1,5 @@ import React, {PureComponent, Children, createRef} from 'react'; -import {durationFast, durationBase} from '@shopify/polaris-tokens'; +import {durationFast} from '@shopify/polaris-tokens'; import {findFirstFocusableNode} from '../../../../utilities/focus'; import {ThemeProvider, ThemeProviderProps} from '../../../ThemeProvider'; @@ -111,7 +111,7 @@ export class PopoverOverlay extends PureComponent { this.clearTransitionTimeout(); this.exitingTimer = window.setTimeout(() => { this.setState({transitionStatus: TransitionStatus.Exited}); - }, durationBase); + }, durationFast); }); } }