From 0c77c5bb6a4732f5a10fc91eed124499f8372d00 Mon Sep 17 00:00:00 2001 From: Rich Tabor Date: Wed, 13 Sep 2023 17:30:11 -0400 Subject: [PATCH] Use standard focus style on BorderControl (#54429) * Use controlBoxShadowFocus on BorderControl * Update CHANGELOG.md --- packages/components/CHANGELOG.md | 1 + packages/components/src/border-control/styles.ts | 2 +- 2 files changed, 2 insertions(+), 1 deletion(-) diff --git a/packages/components/CHANGELOG.md b/packages/components/CHANGELOG.md index fca489b2340b90..6431a62038c269 100644 --- a/packages/components/CHANGELOG.md +++ b/packages/components/CHANGELOG.md @@ -20,6 +20,7 @@ - `ToolbarItem`: Fix children not showing in rendered components ([#53314](https://github.com/WordPress/gutenberg/pull/53314)). - `CircularOptionPicker`: make focus styles resilient to button size changes ([#54196](https://github.com/WordPress/gutenberg/pull/54196)). - `InputControl`: Fix focus style size ([#54394](https://github.com/WordPress/gutenberg/pull/54394)). +- `BorderControl`: Use standard focus style on BorderControl ([#54429](https://github.com/WordPress/gutenberg/pull/54429)). - `Color values`: Update borderFocus to ADMIN.theme ([#54425](https://github.com/WordPress/gutenberg/pull/54425)). ### Internal diff --git a/packages/components/src/border-control/styles.ts b/packages/components/src/border-control/styles.ts index 3aedef1445cc6c..c828536e199f9a 100644 --- a/packages/components/src/border-control/styles.ts +++ b/packages/components/src/border-control/styles.ts @@ -21,7 +21,7 @@ const labelStyles = css` `; const focusBoxShadow = css` - box-shadow: inset 0 0 0 ${ CONFIG.borderWidth } ${ COLORS.ui.borderFocus }; + box-shadow: inset ${ CONFIG.controlBoxShadowFocus }; `; export const borderControl = css`